@pepperi-addons/ngx-composite-lib 0.0.10-beta.4 → 0.0.10-beta.42

package/fesm2015/pepperi-addons-ngx-composite-lib-dimx-export.js

@@ -0,0 +1,350 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, ViewChild, Input, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@pepperi-addons/ngx-lib';
+import { PepGuid, PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { __awaiter } from 'tslib';
+import { saveAs } from 'file-saver';
+import * as i1$1 from '@ngx-translate/core';
+import jwt from 'jwt-decode';
+import { PapiClient } from '@pepperi-addons/papi-sdk';
+import * as i3 from '@pepperi-addons/ngx-composite-lib/file-status-panel';
+import { PepFileStatusPanelModule } from '@pepperi-addons/ngx-composite-lib/file-status-panel';
+import * as i1$2 from '@pepperi-addons/ngx-lib/icon';
+import { pepIconSystemDoc, PepIconModule } from '@pepperi-addons/ngx-lib/icon';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+
+class DIMXService {
+    constructor(session, pepperiDataConverter, pepHttp) {
+        this.session = session;
+        this.pepperiDataConverter = pepperiDataConverter;
+        this.pepHttp = pepHttp;
+        //tempToken = ""
+        this.accessToken = '';
+        this.papiBaseURL = '';
+        //window.sessionStorage.setItem('idp_token',this.tempToken)
+        const accessToken = this.session.getIdpToken();
+        this.parsedToken = jwt(accessToken);
+        this.papiBaseURL = this.parsedToken["pepperi.baseurl"];
+    }
+    get papiClient() {
+        return new PapiClient({
+            baseURL: this.papiBaseURL,
+            token: this.session.getIdpToken(),
+            suppressLogging: true
+        });
+    }
+    get(endpoint) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.papiClient.get(endpoint);
+        });
+    }
+    post(endpoint, body) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return yield this.papiClient.post(endpoint, body);
+        });
+    }
+    pepGet(endpoint) {
+        return this.pepHttp.getPapiApiCall(endpoint);
+    }
+    pepPost(endpoint, body) {
+        return this.pepHttp.postPapiApiCall(endpoint, body);
+    }
+}
+DIMXService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DIMXService, deps: [{ token: i1.PepSessionService }, { token: i1.PepDataConvertorService }, { token: i1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+DIMXService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DIMXService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DIMXService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.PepSessionService }, { type: i1.PepDataConvertorService }, { type: i1.PepHttpService }]; } });
+
+class DIMXComponent {
+    constructor(translate, addonService) {
+        this.translate = translate;
+        this.addonService = addonService;
+        this.iFileID = 0;
+        this.iFileArray = [];
+        this.toBase64 = (file) => new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = error => reject(error);
+        });
+    }
+    ngOnInit() {
+        // Get the first translation for load all translations.
+        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => {
+            console.log("something");
+        });
+    }
+    getDIMXExportPOSTBody(value) {
+        return {
+            "Format": value.DIMXExportFormat,
+            "IncludeDeleted": value.DIMXExportIncludeDeleted,
+            "Where": value.DIMXExportWhere,
+            "Fields": value.DIMXExportFields,
+            "Delimiter": value.DIMXExportDelimiter
+        };
+    }
+    printHello() {
+        console.log("hello");
+    }
+    pollDIMXResult(pollingURL, ifile) {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log(`polling audit with the executionUUID: ${pollingURL}`);
+            const delay = (ms) => new Promise(res => setTimeout(res, ms));
+            let seconds = 0;
+            const waitingTime = 1000; //in ms
+            try {
+                let result;
+                while (true) {
+                    result = yield this.addonService.papiClient.get(`/audit_logs/${pollingURL}`);
+                    console.log(`result from auditlog get is: ${result}`);
+                    if (!result || result["Status"]["ID"] === 2 || result["Status"]["ID"] === 4) {
+                        console.log(`waited for ${seconds++} seconds`);
+                        yield delay(waitingTime);
+                    }
+                    else {
+                        break;
+                    }
+                }
+                switch (result["Status"]["ID"]) {
+                    case 0:
+                        ifile.status = "failed";
+                        throw new Error(result["AuditInfo"]["ErrorMessage"]);
+                    case 1:
+                        console.log(`polling result: ${result["AuditInfo"]["ResultObject"]}`);
+                        return JSON.parse(result["AuditInfo"]["ResultObject"]);
+                    default:
+                        ifile.status = "failed";
+                        throw new Error(`pollDIMXResult: unknown audit log type: ${result["Status"]}`);
+                }
+            }
+            catch (ex) {
+                console.log(`pollDIMXResult: ${ex}`);
+                ifile.status = "failed";
+                throw new Error(ex.message);
+            }
+        });
+    }
+    getNewFileName(value) {
+        let extension;
+        switch (value.DIMXExportFormat.toLowerCase()) {
+            case "json":
+                extension = ".json";
+                break;
+            case "csv":
+                extension = '.csv';
+                break;
+            default:
+                extension = "";
+        }
+        const filename = value.DIMXExportFileName;
+        return filename + extension;
+    }
+    createNewIFile(fileName, status) {
+        return {
+            "key": this.iFileID++,
+            "name": fileName,
+            "status": status
+        };
+    }
+    removeIfileWithDelay(iFile, delay = 2000) {
+        return __awaiter(this, void 0, void 0, function* () {
+            window.setTimeout(() => {
+                const index = this.iFileArray.findIndex(element => element === iFile);
+                if (index >= 0) {
+                    this.iFileArray.splice(index, 1);
+                }
+            }, delay);
+        });
+    }
+    uploadf(e) {
+        const files = e.target.files;
+        const fileListAsArray = Array.from(files);
+        fileListAsArray.forEach((file, i) => {
+            const filex = file;
+        });
+    }
+    uploadFile(event, options) {
+        this.dimxImportOptions = options;
+        const elem = document.getElementById("fileuploader");
+        if (elem && document.createEvent) {
+            const evt = document.createEvent("MouseEvents");
+            evt.initEvent("click", true, false);
+            elem.dispatchEvent(evt);
+        }
+        // this.fileField?.nativeElement.click();
+    }
+    dimximportrun(e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log("Enter DIMXImportRun");
+            const files = e.target.files;
+            const fileListAsArray = Array.from(files);
+            fileListAsArray.forEach((file, i) => __awaiter(this, void 0, void 0, function* () {
+                const filex = file;
+                const dimx_import_relativeURL = `/addons/api/44c97115-6d14-4626-91dc-83f176e9a0fc/api/file_import_upload`;
+                const str = (yield this.toBase64(filex)); //???
+                const ext = filex.name.split('.')[1];
+                const value = { fileStr: str, fileExt: ext };
+                const dimxUploadObject = Object.assign(Object.assign(Object.assign({}, this.getPFSUploadObject(value)), this.dimxImportOptions), { Resource: this.DIMXResource, AddonUUID: this.DIMXAddonUUID });
+                const iFile = this.createNewIFile(filex.name, "uploading");
+                console.log(`created new iFile: ${iFile}`);
+                this.iFileArray.push(iFile);
+                console.log(`added iFile to iFileArray`);
+                try {
+                    console.log("posting to dimx import_upload now");
+                    const res = yield this.addonService.papiClient.post(dimx_import_relativeURL, dimxUploadObject, { "X-Pepperi-OwnerID": dimxUploadObject.OwnerID, "X-Pepperi-ActionID": dimxUploadObject.ActionID });
+                    console.log("Got reply from dimx, calling poll with the result:");
+                    console.log(res);
+                    const poll_result = yield this.pollDIMXResult(res['ExecutionUUID'], iFile);
+                    console.log(`done polling, got result: ${JSON.stringify(poll_result)}`);
+                    iFile.status = "done";
+                    console.log("Imported the file");
+                    yield this.removeIfileWithDelay(iFile);
+                }
+                catch (ex) {
+                    console.log(`DIMXImportRun: ${ex}`);
+                    iFile.status = "failed";
+                    yield this.removeIfileWithDelay(iFile, 2000);
+                    throw new Error(ex.message);
+                }
+            }));
+        });
+    }
+    getNewPFSUploadKey(fileExt) {
+        const uuid = PepGuid.newGuid();
+        const folder = 'DIMX_import';
+        const pfsKey = `/${folder}/${uuid}.${fileExt}`;
+        return pfsKey;
+    }
+    getPFSUploadObject(value) {
+        const fileStrArr = value.fileStr.split(';');
+        const mime = fileStrArr[0].split(':')[1];
+        const pfsKey = this.getNewPFSUploadKey(value.fileExt);
+        const pfsUploadObject = {
+            "Key": pfsKey,
+            "MIME": mime,
+            "URI": value.fileStr
+        };
+        return pfsUploadObject;
+    }
+    DIMXExportRun(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!value) {
+                value = {};
+            }
+            if (!value.DIMXExportFormat) {
+                value.DIMXExportFormat = 'json';
+            }
+            if (!value.DIMXExportIncludeDeleted) {
+                value.DIMXExportIncludeDeleted = false;
+            }
+            if (!value.DIMXExportFileName) {
+                value.DIMXExportFileName = 'export';
+            }
+            const bod = this.getDIMXExportPOSTBody(value ? value : {});
+            const fileName = this.getNewFileName(value);
+            const iFile = this.createNewIFile(fileName, "downloading");
+            console.log(`created new iFile: ${iFile}`);
+            this.iFileArray.push(iFile);
+            console.log(`added iFile to iFileArray`);
+            try {
+                console.log("posting to dimx export now");
+                const res = yield this.addonService.papiClient.post(`/addons/data/export/file/${this.DIMXAddonUUID}/${this.DIMXResource}`, bod, { "X-Pepperi-ActionID": value.ActionID });
+                console.log("Got reply from dimx, calling poll with the result:");
+                console.log(res);
+                const url = (yield this.pollDIMXResult(res['ExecutionUUID'], iFile))["DownloadURL"];
+                console.log("attempting to download the file");
+                console.log(`url is: ${url}`);
+                const blob = yield fetch(url).then(r => r.blob());
+                saveAs(blob, fileName);
+                iFile.status = "done";
+                console.log("downloaded the file");
+                yield this.removeIfileWithDelay(iFile);
+            }
+            catch (ex) {
+                iFile.status = "failed";
+                yield this.removeIfileWithDelay(iFile);
+                console.log(`buttonClick: ${ex}`);
+                throw new Error(ex.message);
+            }
+        });
+    }
+}
+DIMXComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DIMXComponent, deps: [{ token: i1$1.TranslateService }, { token: DIMXService }], target: i0.ɵɵFactoryTarget.Component });
+DIMXComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: DIMXComponent, selector: "pep-dimx", inputs: { DIMXAddonUUID: "DIMXAddonUUID", DIMXResource: "DIMXResource" }, viewQueries: [{ propertyName: "fileField", first: true, predicate: ["fileField"], descendants: true }], ngImport: i0, template: "<pep-file-status-panel [title]=\"'File Imports/Exports'\" *ngIf=\"iFileArray?.length\" [filesList]=\"iFileArray\"></pep-file-status-panel>\n<input type=\"file\" multiple=\"multiple\" name=\"avatars\" id=\"fileuploader\" #fileField (change)=\"dimximportrun($event)\">\n<!-- <pep-button\n  value=\"export\"\n  styleType=\"strong\"\n  styleStateType=\"success\"\n  sizeType=\"sm\"\n  classNames=\"hahah\"\n  iconName=\"system_doc\"\n  (buttonClick)=\"buttonClick($event)\"\n></pep-button> -->", styles: ["#fileuploader{display:none}:host{width:100%}:host .shadow-size-group,:host .shadow-type-group{display:block;margin-bottom:var(--pep-form-spacing, 1rem)}\n"], components: [{ type: i3.FileStatusPanelComponent, selector: "pep-file-status-panel", inputs: ["title", "filesList"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: DIMXComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-dimx',
+                    templateUrl: './dimx.component.html',
+                    styleUrls: ['./dimx.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: DIMXService }]; }, propDecorators: { fileField: [{
+                type: ViewChild,
+                args: ['fileField']
+            }], DIMXAddonUUID: [{
+                type: Input
+            }], DIMXResource: [{
+                type: Input
+            }] } });
+
+const pepIcons = [
+    pepIconSystemDoc,
+];
+class PepDIMXModule {
+    constructor(pepIconRegistry) {
+        this.pepIconRegistry = pepIconRegistry;
+        this.pepIconRegistry.registerIcons(pepIcons);
+    }
+}
+PepDIMXModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDIMXModule, deps: [{ token: i1$2.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
+PepDIMXModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDIMXModule, declarations: [DIMXComponent], imports: [CommonModule,
+        PepNgxLibModule,
+        PepButtonModule,
+        PepIconModule,
+        PepFileStatusPanelModule], exports: [DIMXComponent] });
+PepDIMXModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDIMXModule, imports: [[
+            CommonModule,
+            PepNgxLibModule,
+            PepButtonModule,
+            PepIconModule,
+            PepFileStatusPanelModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepDIMXModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DIMXComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepNgxLibModule,
+                        PepButtonModule,
+                        PepIconModule,
+                        PepFileStatusPanelModule,
+                    ],
+                    exports: [DIMXComponent]
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.PepIconRegistry }]; } });
+
+class IFile {
+    constructor() {
+        this.key = 0;
+        this.name = '';
+        this.status = 'downloading';
+    }
+}
+
+/*
+ * Public API Surface of ngx-composite-lib/shadow-settings
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DIMXComponent, IFile, PepDIMXModule };
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-dimx-export.js.map

package/fesm2015/pepperi-addons-ngx-composite-lib-dimx-export.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-dimx-export.js","sources":["../../../projects/ngx-composite-lib/dimx-export/dimx.service.ts","../../../projects/ngx-composite-lib/dimx-export/dimx.component.ts","../../../projects/ngx-composite-lib/dimx-export/dimx.component.html","../../../projects/ngx-composite-lib/dimx-export/dimx.module.ts","../../../projects/ngx-composite-lib/dimx-export/dimx.model.ts","../../../projects/ngx-composite-lib/dimx-export/public-api.ts","../../../projects/ngx-composite-lib/dimx-export/pepperi-addons-ngx-composite-lib-dimx-export.ts"],"sourcesContent":["import { Observable } from 'rxjs';\nimport jwt from 'jwt-decode';\nimport { PapiClient } from '@pepperi-addons/papi-sdk';\nimport { Injectable } from '@angular/core';\n\nimport {PepHttpService, PepDataConvertorService, PepSessionService} from '@pepperi-addons/ngx-lib';\n\n@Injectable({ providedIn: 'root' })\nexport class DIMXService {\n    //tempToken = \"\"\n    accessToken = '';\n    parsedToken: any\n    papiBaseURL = ''\n\n    get papiClient(): PapiClient {\n        return new PapiClient({\n            baseURL: this.papiBaseURL,\n            token: this.session.getIdpToken(),\n            suppressLogging:true\n        })\n    }\n\n    constructor(\n        public session:  PepSessionService,\n        public pepperiDataConverter: PepDataConvertorService,\n        private pepHttp: PepHttpService\n    ) {\n        //window.sessionStorage.setItem('idp_token',this.tempToken)\n        const accessToken = this.session.getIdpToken();\n      \n        this.parsedToken = jwt(accessToken);\n        this.papiBaseURL = this.parsedToken[\"pepperi.baseurl\"]\n    }\n\n    async get(endpoint: string): Promise<any> {\n        return await this.papiClient.get(endpoint);\n    }\n\n    async post(endpoint: string, body: any): Promise<any> {\n        return await this.papiClient.post(endpoint, body);\n    }\n\n    pepGet(endpoint: string): Observable<any> {\n        return this.pepHttp.getPapiApiCall(endpoint);\n    }\n\n    pepPost(endpoint: string, body: any): Observable<any> {\n        return this.pepHttp.postPapiApiCall(endpoint, body);\n    }\n\n}\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { IFile } from './dimx.model';\nimport { DIMXService } from './dimx.service';\nimport { saveAs } from 'file-saver';\nimport { PepGuid } from '@pepperi-addons/ngx-lib';\n\n@Component({\n    selector: 'pep-dimx',\n    templateUrl: './dimx.component.html',\n    styleUrls: ['./dimx.component.scss']\n})\nexport class DIMXComponent implements OnInit {\n    @ViewChild('fileField') fileField:ElementRef | undefined;\n    @Input() DIMXAddonUUID!: string;\n    @Input() DIMXResource!: string;\n    dimxImportOptions: { OverwriteOBject?: boolean | undefined; Delimiter?: string | undefined; OwnerID?: string | undefined; ActionID?: string | undefined} | undefined;\n    constructor(\n        private translate: TranslateService,\n        public addonService: DIMXService\n    ) {\n\n    }\n\n\n    ngOnInit(): void { \n        // Get the first translation for load all translations.\n        this.translate.get('SHADOW_SETTINGS.INTENSITY_SOFT').toPromise().then((typeSoft) => { console.log(\"something\");\n        });\n    }\n\n    getDIMXExportPOSTBody(value:{\n        DIMXExportFormat?:string,\n        DIMXExportIncludeDeleted?: boolean,\n        DIMXExportFileName?: string,\n        DIMXExportWhere?: string,\n        DIMXExportFields?: string,\n        DIMXExportDelimiter?:string\n    }){\n        return {\n            \"Format\":value.DIMXExportFormat,\n            \"IncludeDeleted\":value.DIMXExportIncludeDeleted,\n            \"Where\":value.DIMXExportWhere,\n            \"Fields\":value.DIMXExportFields,\n            \"Delimiter\":value.DIMXExportDelimiter\n        }\n    }\n\n    printHello(){\n        console.log(\"hello\");\n    }\n\n    async pollDIMXResult(pollingURL:string, ifile:IFile){\n        console.log(`polling audit with the executionUUID: ${pollingURL}`);\n        const delay = (ms: number) => new Promise(res => setTimeout(res, ms));\n        let seconds = 0;\n        const waitingTime = 1000; //in ms\n        try{\n            let result;\n            while(true){\n                result = await this.addonService.papiClient.get(`/audit_logs/${pollingURL}`);\n        \n                console.log(`result from auditlog get is: ${result}`);\n                if( !result || result[\"Status\"][\"ID\"] === 2 || result[\"Status\"][\"ID\"] === 4){\n                    console.log(`waited for ${seconds++} seconds`);\n                    await delay(waitingTime);\n                }\n                else{\n                    break;\n                }\n            }\n            switch(result[\"Status\"][\"ID\"]){\n                case 0:\n                    ifile.status = \"failed\";\n                    throw new Error(result[\"AuditInfo\"][\"ErrorMessage\"]);\n                case 1:\n                    console.log(`polling result: ${result[\"AuditInfo\"][\"ResultObject\"]}`);\n                    return JSON.parse(result[\"AuditInfo\"][\"ResultObject\"]);\n                default:\n                    ifile.status = \"failed\";\n                    throw new Error(`pollDIMXResult: unknown audit log type: ${result[\"Status\"]}`);\n            }\n        }\n        catch(ex){\n            console.log(`pollDIMXResult: ${ex}`);\n            ifile.status = \"failed\";\n            throw new Error((ex as {message:string}).message);\n        }\n    }\n\n    getNewFileName(value:{\n        DIMXExportFormat:string,\n        DIMXExportFileName: string,\n    }){\n        let extension;\n        switch (value.DIMXExportFormat.toLowerCase()){\n            case \"json\":\n                extension = \".json\";\n                break;\n            case \"csv\":\n                extension = '.csv';\n                break;\n            default:\n                extension = \"\";\n        }\n        const filename = value.DIMXExportFileName;\n        return filename+extension;\n    }\n    \n    iFileID = 0;\n    iFileArray:IFile[] = [];\n    createNewIFile(fileName:string , status:\"downloading\"|\"uploading\"):IFile{\n        return {\n            \"key\":this.iFileID++,\n            \"name\":fileName,\n            \"status\":status};\n    }\n\n    async removeIfileWithDelay(iFile:IFile, delay = 2000) {\n        window.setTimeout(() => {\n            const index = this.iFileArray.findIndex(element => element === iFile);\n            if (index >= 0){\n                this.iFileArray.splice(index,1);\n            }\n        }, delay)\n    }\n\n\n    uploadf(e:any){\n        const files = e.target.files;\n        const fileListAsArray = Array.from(files);\n       \n        fileListAsArray.forEach((file, i) => {\n\n        const filex = (file as HTMLInputElement);\n        \n\n\n\n});\n    }\n\n    uploadFile(event:any, options?:{OverwriteOBject?:boolean, Delimiter?:string, OwnerID?:string, ActionID?:string}){\n        this.dimxImportOptions = options;\n        const elem = document.getElementById(\"fileuploader\");\n   if(elem && document.createEvent) {\n      const evt = document.createEvent(\"MouseEvents\");\n      evt.initEvent(\"click\", true, false);\n      elem.dispatchEvent(evt);\n   }\n        // this.fileField?.nativeElement.click();\n    }   \n\n\n    async dimximportrun(e:any) {\n        console.log(\"Enter DIMXImportRun\");\n        const files = e.target.files;\n        const fileListAsArray = Array.from(files);\n        fileListAsArray.forEach(async (file, i) => {\n\n        const filex = (file as HTMLInputElement);\n        const dimx_import_relativeURL = `/addons/api/44c97115-6d14-4626-91dc-83f176e9a0fc/api/file_import_upload`;\n        const str = (await this.toBase64(filex)) as string; //???\n        const ext = filex.name.split('.')[1];\n        const value = {fileStr:str, fileExt:ext}\n        const dimxUploadObject = {...this.getPFSUploadObject(value), ...this.dimxImportOptions, Resource:this.DIMXResource, AddonUUID:this.DIMXAddonUUID};\n        const iFile:IFile = this.createNewIFile(filex.name, \"uploading\");\n        console.log(`created new iFile: ${iFile}`);\n        this.iFileArray.push(iFile);\n        console.log(`added iFile to iFileArray`);\n        \n        try{\n\n            console.log(\"posting to dimx import_upload now\");\n            const res = await this.addonService.papiClient.post(dimx_import_relativeURL, dimxUploadObject, {\"X-Pepperi-OwnerID\":dimxUploadObject.OwnerID, \"X-Pepperi-ActionID\":dimxUploadObject.ActionID});\n            console.log(\"Got reply from dimx, calling poll with the result:\");\n            console.log(res);\n\n            const poll_result = await this.pollDIMXResult(res['ExecutionUUID'], iFile);\n\n            console.log(`done polling, got result: ${JSON.stringify(poll_result)}`);\n            iFile.status = \"done\";\n            console.log(\"Imported the file\");\n            await this.removeIfileWithDelay(iFile);\n\n        }\n        catch(ex){\n            console.log(`DIMXImportRun: ${ex}`);\n            iFile.status = \"failed\";\n            await this.removeIfileWithDelay(iFile, 2000);\n            throw new Error((ex as {message:string}).message);\n        }\n        \n        \n        \n        });\n    }\n    getNewPFSUploadKey(fileExt:string){\n        const uuid = PepGuid.newGuid();\n        const folder = 'DIMX_import';\n        const pfsKey = `/${folder}/${uuid}.${fileExt}`;\n        return pfsKey;\n    }\n    getPFSUploadObject(value:{fileStr:string, fileExt:string}){\n        const fileStrArr = value.fileStr.split(';');\n        const mime = fileStrArr[0].split(':')[1];\n        const pfsKey = this.getNewPFSUploadKey(value.fileExt);\n        const pfsUploadObject = {\n            \"Key\": pfsKey,\n            \"MIME\": mime,\n            \"URI\":value.fileStr\n        }\n        return pfsUploadObject;\n    }\n\n    toBase64 = (file:any) => new Promise((resolve, reject) => {\n\n        const reader = new FileReader();\n        \n        reader.readAsDataURL(file);\n        \n        reader.onload = () => resolve(reader.result);\n        \n        reader.onerror = error => reject(error);\n        \n        });\n\n    async DIMXExportRun(value: {\n        DIMXExportFormat?:string,\n        DIMXExportIncludeDeleted?: boolean,\n        DIMXExportFileName?: string,\n        DIMXExportWhere?: string,\n        DIMXExportFields?: string,\n        DIMXExportDelimiter?:string,\n        ActionID?:string\n    }) {\n        if (!value){\n            value = {};\n        }\n        if (!value.DIMXExportFormat){\n            value.DIMXExportFormat = 'json';\n        }\n        if (!value.DIMXExportIncludeDeleted){\n            value.DIMXExportIncludeDeleted = false;\n        }\n        if (!value.DIMXExportFileName){\n            value.DIMXExportFileName = 'export';\n        }\n        const bod = this.getDIMXExportPOSTBody(value ? value : {});\n        const fileName = this.getNewFileName(value as {DIMXExportFormat:string, DIMXExportFileName:string});\n        const iFile:IFile = this.createNewIFile(fileName, \"downloading\");\n        console.log(`created new iFile: ${iFile}`);\n        this.iFileArray.push(iFile);\n        console.log(`added iFile to iFileArray`);\n     \n        try{\n\n            console.log(\"posting to dimx export now\");\n            const res = await this.addonService.papiClient.post(`/addons/data/export/file/${this.DIMXAddonUUID}/${this.DIMXResource}`, bod, {\"X-Pepperi-ActionID\":value.ActionID});\n            console.log(\"Got reply from dimx, calling poll with the result:\");\n            console.log(res);\n\n            const url = (await this.pollDIMXResult(res['ExecutionUUID'], iFile))[\"DownloadURL\"];\n\n            console.log(\"attempting to download the file\");\n            console.log(`url is: ${url}`);\n            const blob = await fetch(url).then(r => r.blob());\n            saveAs(blob, fileName);\n            iFile.status = \"done\";\n            console.log(\"downloaded the file\");\n            await this.removeIfileWithDelay(iFile);\n        }\n        catch(ex){\n            iFile.status= \"failed\";\n            await this.removeIfileWithDelay(iFile);\n            console.log(`buttonClick: ${ex}`);\n            throw new Error((ex as {message:string}).message);\n        }\n        \n    }\n\n   \n\n   \n}\n","<pep-file-status-panel [title]=\"'File Imports/Exports'\" *ngIf=\"iFileArray?.length\" [filesList]=\"iFileArray\"></pep-file-status-panel>\n<input type=\"file\" multiple=\"multiple\" name=\"avatars\" id=\"fileuploader\" #fileField (change)=\"dimximportrun($event)\">\n<!-- <pep-button\n  value=\"export\"\n  styleType=\"strong\"\n  styleStateType=\"success\"\n  sizeType=\"sm\"\n  classNames=\"hahah\"\n  iconName=\"system_doc\"\n  (buttonClick)=\"buttonClick($event)\"\n></pep-button> -->","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { DIMXComponent } from './dimx.component';\nimport { PepIconRegistry, pepIconSystemDoc } from '@pepperi-addons/ngx-lib/icon';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\nimport { PepIconModule } from '@pepperi-addons/ngx-lib/icon';\nimport { PepFileStatusPanelModule } from '@pepperi-addons/ngx-composite-lib/file-status-panel';\n\nconst pepIcons = [\n    pepIconSystemDoc,\n]\n\n@NgModule({\n    declarations: [\n        DIMXComponent\n    ],\n    imports: [\n        CommonModule,\n        PepNgxLibModule,\n        PepButtonModule,\n        PepIconModule,\n        PepFileStatusPanelModule,\n    ],\n    exports: [DIMXComponent]\n})\nexport class PepDIMXModule { \n    constructor(\n        private pepIconRegistry: PepIconRegistry,\n    ) {\n        this.pepIconRegistry.registerIcons(pepIcons);\n    }\n\n\n}\n","type fileStatus = 'uploading'|'downloading'|'done'|'failed'|'hidden';\nexport class IFile {\n    key = 0;\n    name = '';\n    status: fileStatus = 'downloading';\n    }","/*\n * Public API Surface of ngx-composite-lib/shadow-settings\n */\nexport * from './dimx.module';\nexport * from './dimx.component';\nexport * from './dimx.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js

@@ -0,0 +1,90 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@ngx-translate/core';
+import * as i2 from '@pepperi-addons/ngx-lib/button';
+import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
+import { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';
+import { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';
+import { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';
+
+class FileStatusPanelComponent {
+    constructor(translate) {
+        this.translate = translate;
+        this.title = '';
+        this.filesList = [];
+        //
+    }
+    ngOnInit() {
+        //
+    }
+    closeClick(event) {
+        //
+    }
+}
+FileStatusPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: FileStatusPanelComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+FileStatusPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.5", type: FileStatusPanelComponent, selector: "pep-file-status-panel", inputs: { title: "title", filesList: "filesList" }, ngImport: i0, template: "<div *ngIf=\"filesList.length\" id=\"uploadPanelCont\">\n    <div class=\"panel-header pep-border-bottom\">\n        <label class=\"body-md ellipsis\">{{title}}</label>\n        <pep-button\n            styleType=\"weak\"\n            styleStateType=\"system\"\n            sizeType=\"xs\"\n            classNames=\"roundCorners\"\n            [disabled]=\"false\"\n            iconName=\"system_close\"\n            iconPosition=\"end\"\n            [visible]=\"true\"\n            (buttonClick)=\"closeClick($event)\">\n        </pep-button>\n    </div>\n    <div class=\"panel-content\">\n        <ul>\n            <ng-container *ngFor=\"let file of filesList\">\n            <li *ngIf=\"file?.status !== 'hidden'\">\n               \n                <span class=\"color-dimmed body-sm ellipsis\">{{file.name}}</span>\n                <pep-button\n                    styleType=\"weak-invert\"\n                    styleStateType=\"system\"\n                    classNames=\"xxs-btn\"\n                    [disabled]=\"false\"\n                    iconName=\"arrow_right_alt\">\n                </pep-button>\n                <span class=\"body-sm\">{{file.status}}</span>\n            \n            </li>\n        </ng-container>\n        </ul>\n    </div>\n</div>\n", styles: ["#uploadPanelCont{position:absolute;bottom:10px;right:2.5rem;width:22rem;padding:1rem;min-height:7rem;background:white;border:1px solid #595959;box-shadow:0 0 16px #0000003d;border-radius:.25rem;z-index:9999}#uploadPanelCont .panel-header{display:flex;flex-direction:row;justify-content:space-between;height:2.5rem}#uploadPanelCont .panel-header ::ng-deep .roundCorners{border-radius:1.5rem}.panel-content{max-height:50vh;overflow:auto}.panel-content ul{list-style-type:none;padding:0}.panel-content ul li{height:1.25rem;margin-top:.5rem;display:flex;flex-direction:row}.panel-content ul li .done{color:green!important}.panel-content ul li ::ng-deep .xxs-btn{min-width:1rem!important;height:1.3rem}.panel-content ul li ::ng-deep .xxs-btn pep-icon{width:.75rem!important}\n"], components: [{ type: i2.PepButtonComponent, selector: "pep-button", inputs: ["styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconPosition", "visible", "key", "value", "iconName"], outputs: ["buttonClick"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: FileStatusPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pep-file-status-panel',
+                    templateUrl: './file-status-panel.component.html',
+                    styleUrls: ['./file-status-panel.component.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TranslateService }]; }, propDecorators: { title: [{
+                type: Input
+            }], filesList: [{
+                type: Input
+            }] } });
+
+class PepFileStatusPanelModule {
+}
+PepFileStatusPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepFileStatusPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PepFileStatusPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepFileStatusPanelModule, declarations: [FileStatusPanelComponent], imports: [CommonModule,
+        PepTopBarModule,
+        PepTextboxModule,
+        PepButtonModule,
+        PepDialogModule], exports: [FileStatusPanelComponent] });
+PepFileStatusPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepFileStatusPanelModule, imports: [[
+            CommonModule,
+            PepTopBarModule,
+            PepTextboxModule,
+            PepButtonModule,
+            PepDialogModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.5", ngImport: i0, type: PepFileStatusPanelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FileStatusPanelComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        PepTopBarModule,
+                        PepTextboxModule,
+                        PepButtonModule,
+                        PepDialogModule,
+                    ],
+                    exports: [FileStatusPanelComponent]
+                }]
+        }] });
+
+class IFile {
+    constructor() {
+        this.key = 0;
+        this.name = '';
+        this.status = 'uploading';
+    }
+}
+
+/*
+ * Public API Surface of ngx-composite-lib/file-status-panel
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FileStatusPanelComponent, IFile, PepFileStatusPanelModule };
+//# sourceMappingURL=pepperi-addons-ngx-composite-lib-file-status-panel.js.map

package/fesm2015/pepperi-addons-ngx-composite-lib-file-status-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pepperi-addons-ngx-composite-lib-file-status-panel.js","sources":["../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.component.ts","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.component.html","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.module.ts","../../../projects/ngx-composite-lib/file-status-panel/file-status-panel.model.ts","../../../projects/ngx-composite-lib/file-status-panel/public-api.ts","../../../projects/ngx-composite-lib/file-status-panel/pepperi-addons-ngx-composite-lib-file-status-panel.ts"],"sourcesContent":["import { Component, OnInit, Injectable, Input, Output, EventEmitter, Optional, Inject } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { IFile } from './file-status-panel.model';\n\n@Component({\n    selector: 'pep-file-status-panel',\n    templateUrl: './file-status-panel.component.html',\n    styleUrls: ['./file-status-panel.component.scss']\n})\n\nexport class FileStatusPanelComponent implements OnInit {\n    \n    @Input() title = '';\n    @Input() filesList: Array<IFile> = [];\n    \n    constructor( public translate: TranslateService) {\n       //\n    }\n\n    ngOnInit() {\n        //\n    }\n\n    closeClick(event: any): void {\n        //\n    }\n\n\n}","<div *ngIf=\"filesList.length\" id=\"uploadPanelCont\">\n    <div class=\"panel-header pep-border-bottom\">\n        <label class=\"body-md ellipsis\">{{title}}</label>\n        <pep-button\n            styleType=\"weak\"\n            styleStateType=\"system\"\n            sizeType=\"xs\"\n            classNames=\"roundCorners\"\n            [disabled]=\"false\"\n            iconName=\"system_close\"\n            iconPosition=\"end\"\n            [visible]=\"true\"\n            (buttonClick)=\"closeClick($event)\">\n        </pep-button>\n    </div>\n    <div class=\"panel-content\">\n        <ul>\n            <ng-container *ngFor=\"let file of filesList\">\n            <li *ngIf=\"file?.status !== 'hidden'\">\n               \n                <span class=\"color-dimmed body-sm ellipsis\">{{file.name}}</span>\n                <pep-button\n                    styleType=\"weak-invert\"\n                    styleStateType=\"system\"\n                    classNames=\"xxs-btn\"\n                    [disabled]=\"false\"\n                    iconName=\"arrow_right_alt\">\n                </pep-button>\n                <span class=\"body-sm\">{{file.status}}</span>\n            \n            </li>\n        </ng-container>\n        </ul>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PepFileService, PepAddonService, PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport { FileStatusPanelComponent } from './file-status-panel.component';\nimport { PepTextboxModule } from '@pepperi-addons/ngx-lib/textbox';\nimport { PepTopBarModule } from '@pepperi-addons/ngx-lib/top-bar';\nimport { PepDialogModule } from '@pepperi-addons/ngx-lib/dialog';\nimport { PepButtonModule } from '@pepperi-addons/ngx-lib/button';\n\n\n@NgModule({\n    declarations: [\n        FileStatusPanelComponent\n    ],\n    imports: [\n        CommonModule,\n        PepTopBarModule,\n        PepTextboxModule,\n        PepButtonModule,\n        PepDialogModule,\n    ],\n    exports: [FileStatusPanelComponent]\n})\n\nexport class PepFileStatusPanelModule { \n    \n}","export type fileStatus = 'uploading' | 'downloading' | 'done' | 'failed' | 'hidden';\r\n\r\nexport class IFile {\r\n    key = 0;\r\n    name = '';\r\n    status: fileStatus = 'uploading';\r\n}","/*\n * Public API Surface of ngx-composite-lib/file-status-panel\n */\nexport * from './file-status-panel.module';\nexport * from './file-status-panel.component';\nexport * from './file-status-panel.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;MAUa,wBAAwB;IAKjC,YAAoB,SAA2B;QAA3B,cAAS,GAAT,SAAS,CAAkB;QAHtC,UAAK,GAAG,EAAE,CAAC;QACX,cAAS,GAAiB,EAAE,CAAC;;KAIrC;IAED,QAAQ;;KAEP;IAED,UAAU,CAAC,KAAU;;KAEpB;;qHAfQ,wBAAwB;yGAAxB,wBAAwB,iHCVrC,wvCAmCA;2FDzBa,wBAAwB;kBANpC,SAAS;mBAAC;oBACP,QAAQ,EAAE,uBAAuB;oBACjC,WAAW,EAAE,oCAAoC;oBACjD,SAAS,EAAE,CAAC,oCAAoC,CAAC;iBACpD;uGAIY,KAAK;sBAAb,KAAK;gBACG,SAAS;sBAAjB,KAAK;;;MEWG,wBAAwB;;qHAAxB,wBAAwB;sHAAxB,wBAAwB,iBAZ7B,wBAAwB,aAGxB,YAAY;QACZ,eAAe;QACf,gBAAgB;QAChB,eAAe;QACf,eAAe,aAET,wBAAwB;sHAGzB,wBAAwB,YAVxB;YACL,YAAY;YACZ,eAAe;YACf,gBAAgB;YAChB,eAAe;YACf,eAAe;SAClB;2FAIQ,wBAAwB;kBAdpC,QAAQ;mBAAC;oBACN,YAAY,EAAE;wBACV,wBAAwB;qBAC3B;oBACD,OAAO,EAAE;wBACL,YAAY;wBACZ,eAAe;wBACf,gBAAgB;wBAChB,eAAe;wBACf,eAAe;qBAClB;oBACD,OAAO,EAAE,CAAC,wBAAwB,CAAC;iBACtC;;;MCpBY,KAAK;IAAlB;QACI,QAAG,GAAG,CAAC,CAAC;QACR,SAAI,GAAG,EAAE,CAAC;QACV,WAAM,GAAe,WAAW,CAAC;KACpC;;;ACND;;;;ACAA;;;;;;"}