Skip to content

Instantly share code, notes, and snippets.

createGooglePicker() {
// All Google Drive document types
const view = new google['picker'].View(google['picker'].ViewId.DOCS);
// view.setMimeTypes('image/png,image/jpeg,image/jpg');
const picker = new google['picker'].PickerBuilder()
.enableFeature(google['picker'].Feature.NAV_HIDDEN)
.enableFeature(google['picker'].Feature.MULTISELECT_ENABLED)
// .setOrigin('http://pod.fedex.com:8080')
.setDeveloperKey(this.environment.cloudParams.googleApi.apiKey)
.setAppId(this.environment.cloudParams.googleApi.appId)
uploadFromOnedrive() {
window.addEventListener('onedrive-items', (e: any) => {
console.log("event", e.detail)
this.removeFileService.getFile(e.detail.items['value'][0]['@microsoft.graph.downloadUrl']).then(
(blob) => {
// Convert blob to file
const file = new File([blob], e.detail.items['value'][0]['name'], { type: blob.type });
this.onFileSelected.emit({files: [file]});
}
import { Component, OnInit } from '@angular/core';
import { Store } from '@ngrx/store';
/**
* Configurator Page Component
* - page to simulate the product configurator page in OD
*/
@Component({
selector: 'oauth-page',
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { EdlIconModule, EdlInputModule, EdlModalModule } from '@fedex/ddt';
import { FileManagementModule } from '@retail/file-management';
import { environment } from '../../environments/environment';
import { CartPageComponent } from './components/cart-page/cart-page.component';
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<title>Box File Selection</title>
<!-- polyfill.io only loads the polyfills your browser needs -->
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=es6,Intl"></script>
<!-- Alternatively, use polyfill hosted on the Box CDN
<script src="https://cdn01.boxcdn.net/polyfills/core-js/2.5.3/core.min.js"></script>
import { Component, EventEmitter, Input, OnInit, Output, Renderer2, Inject } from '@angular/core';
import { CloudUploadService } from '../../services/cloud-upload.service';
import { CLOUD_PROVIDERS } from '../../constants/cloud-providers.constant';
import { TNC_PROVIDERS } from '../../constants/tnc-providers.constant';
import { ENVIRONMENT } from '@retail/shared-library';
import { HttpClient, HttpHeaders } from '@angular/common/http'
import { DomSanitizer } from '@angular/platform-browser';
import { Location } from '@angular/common';
import { BoxData } from '../../models/box-model';
declare var gapi: any;
{
"commercial_id":"8829387TEST08",
"customer":{
"customer_id":123213,
"firstname":"Frank",
"lastname":"Burns",
"email":"mocked@minted.com",
"billing_address":{
"firstname":"Frank",
"lastname":"Burns",
import Typography from 'components/commercetools-ui/typography';
import { Reference, ReferenceLink } from 'helpers/reference';
import Image from 'frontastic/lib/image';
import logo from '../../../public/images/empty-cart.png';
import frontasticLogo from './logo.png';
export interface TileProps {
image: { media: any } | any;
title?: string;
subtitle?: string;
{
"commercial_id": "Order_DEMO_01",
"customer": {
"billing_address": {
"city": "New York City",
"civility": "M",
"country": "USA",
"country_iso_code": "USA",
"firstname": "smith",
"lastname": "Taylor",
[
{
"productId": "127",
"productName": "Batom Greek Goddess - Hera",
"brand": "MariMaria",
"brandId": 2000000,
"brandImageUrl": null,
"linkText": "batom-greek-goddess-hera",
"productReference": "batommmhera",
"productReferenceCode": null,