@wizishop/img-manager-webelement 15.2.52 → 18.2.0

package/fesm2015/wizishop-img-manager-webelement.mjs

@@ -1,660 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, inject, Component, NgModule } from '@angular/core';
-import * as i1$1 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
-import * as i2 from '@wizishop/img-manager';
-import { WzImgManagerModule, ApiService } from '@wizishop/img-manager';
-import * as i1 from '@angular/common/http';
-import { HttpHeaders, HttpClientModule } from '@angular/common/http';
-import { fromEvent, Observable, forkJoin, map, tap } from 'rxjs';
-import { take } from 'rxjs/operators';
-import { StorageByKey } from '@wizishop/ng-web-storages/shared';
-import { LocalStorageService } from '@wizishop/ng-web-storages/local-storage';
-import * as i6 from '@angular/common';
-import { CommonModule } from '@angular/common';
-
-// Use locally for this project
-const environmentWiziDevLocal = {
-    isWizishopcom: false,
-    production: false,
-    wizi_admin_api: "https://admin.wizilocal.com/",
-    wizi_api: "https://api.wizilocal.com/v3",
-    CDN_URL: "http://debugshop.wizilocal.com/_i/",
-    assets_route: "assets/img-manager/",
-    translations_route: "./assets/img-manager/i18n/",
-    wiziApiCredentialsKey: 'wizi_api_credentials_key',
-    local: {
-        shopId: 131,
-        token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJ1c2VyX2lkIjo2LCJ1c2VyX2xvY2FsZSI6ImZyX0ZSIiwiaXNVc2VyQ29ubmVjdGVkRnJvbVZwbiI6ZmFsc2UsImV4cCI6MTY3NDM3NDkxMSwiaWF0IjoxNjcxNzgyOTExfQ.DbdBTaVLzLx5pE2FHTg8K0FcMsOY7yg7hAz7bjBQt4afke2ef_MfhXZx9ajtj6BciOsY5eYRgDp3r747iLc7CSThC6cNgPYZ9oMtN3MbFRYi5bktmPUVfbs2oxfWe9sNDwdpgMtw00d8YIO3ZTFZb3XzXW1hQIS2Ooy5x0GTGRgegIDAJYrVyVs8AC3TG8ZaC8g73iSMFnCrG85TAFbgjJb8ccU0HfB-h1I9LPE2LUzI5QE2vbsd6qo1XU59belW1SPv92Wgcd9IiHwuoeO3C2S2rQGUp-L8qprT6f5IeX-rp3XVmOVhTCNM4Dc0FdPdpL6p2jMVhhhu62fOZtNEXA'
-    },
-    product_sheet_endpoint: "/products/ajax",
-    isPhotosTab: true,
-    pexels_token: '563492ad6f91700001000001e39215727d8b42c1b08498a9ce1e6b94'
-};
-const environmentWiziDev = {
-    isWizishopcom: true,
-    production: false,
-    wizi_admin_api: "https://admin.wizilocal.com/",
-    wizi_api: "https://api.wizilocal.com/v3",
-    CDN_URL: "https://media.wizilocal.com/_i/",
-    assets_route: "https://js.wizilocal.com/a/libs/img-manager-webelement/assets/img-manager/",
-    translations_route: "https://js.wizilocal.com/a/libs/img-manager-webelement/assets/img-manager/i18n/",
-    wiziApiCredentialsKey: 'wizi_api_credentials_key',
-    local: {
-        shopId: null,
-        token: null
-    },
-    product_sheet_endpoint: "/products/ajax",
-    pexels_token: '563492ad6f91700001000001e39215727d8b42c1b08498a9ce1e6b94'
-};
-const environmentWizishopProd = {
-    isWizishopcom: true,
-    production: true,
-    wizi_admin_api: "https://admin.wizishop.com/",
-    wizi_api: "https://api.wizishop.com/v3",
-    CDN_URL: "https://media.cdnws.com/_i/",
-    assets_route: "https://js.wizishop.com/a/libs/img-manager-webelement/assets/img-manager/",
-    translations_route: "https://js.wizishop.com/a/libs/img-manager-webelement/assets/img-manager/i18n/",
-    wiziApiCredentialsKey: 'wizi_api_credentials_key',
-    local: {
-        shopId: null,
-        token: null
-    },
-    product_sheet_endpoint: "/products/ajax",
-    pexels_token: '563492ad6f91700001000001e39215727d8b42c1b08498a9ce1e6b94'
-};
-const environmentEvolupProd = Object.assign(Object.assign({}, environmentWizishopProd), { pexels_token: 'Q3qRBpJpomRu9AOFc2bOzRPfhIUou2LxZkqYYyKCZm2kGY19DxYdTMpE' });
-const environmentDropiziDev = {
-    isWizishopcom: true,
-    production: false,
-    wizi_admin_api: "https://admin.dropilocal.com/",
-    wizi_api: "https://api.dropilocal.com/v3",
-    CDN_URL: "https://media.dropilocal.com/_i/",
-    assets_route: "https://js.dropilocal.fr/a/libs/img-manager-webelement/assets/img-manager/",
-    translations_route: "https://js.dropilocal.com/a/libs/img-manager-webelement/assets/img-manager/i18n/",
-    wiziApiCredentialsKey: 'wizi_api_credentials_key',
-    local: {
-        shopId: null,
-        token: null
-    },
-    product_sheet_endpoint: "/products/ajax",
-    pexels_token: 'QWTAGfv4wb14tTP62xxBE2DDnzdGxsBaTr4NXh1te2qDZ9lVPLDSWx0U'
-};
-const environmentDropiziProd = {
-    isWizishopcom: true,
-    production: true,
-    wizi_admin_api: "https://admin.dropizi.fr/",
-    wizi_api: "https://api.wizishop.com/v3",
-    CDN_URL: "https://media.cdnws.com/_i/",
-    assets_route: "https://js.dropizi.fr/a/libs/img-manager-webelement/assets/img-manager/",
-    translations_route: "https://js.dropizi.fr/a/libs/img-manager-webelement/assets/img-manager/i18n/",
-    wiziApiCredentialsKey: 'wizi_api_credentials_key',
-    local: {
-        shopId: null,
-        token: null
-    },
-    product_sheet_endpoint: "/products/ajax",
-    pexels_token: 'QWTAGfv4wb14tTP62xxBE2DDnzdGxsBaTr4NXh1te2qDZ9lVPLDSWx0U'
-};
-function getCurrentEnv() {
-    const isDev = !!window.location.hostname.match(/local/);
-    const isWizi = !!window.location.hostname.match(/wizi/);
-    const isEvolup = !!window.location.hostname.match(/evolup/);
-    const serverLocal = !!window.location.port;
-    if (serverLocal) {
-        return environmentWiziDevLocal;
-    }
-    if (isDev) {
-        if (isWizi) {
-            return environmentWiziDev;
-        }
-        return environmentDropiziDev;
-    }
-    if (isEvolup) {
-        return environmentEvolupProd;
-    }
-    if (isWizi) {
-        return environmentWizishopProd;
-    }
-    return environmentDropiziProd;
-}
-const environment = Object.assign({}, getCurrentEnv());
-
-class EventService {
-    constructor() { }
-    sendImgSelectedToPage(file) {
-        const sendedFile = Object.assign(Object.assign({}, file), { cdn_img_src: '' });
-        if (sendedFile) {
-            sendedFile.cdn_img_src = `${environment.CDN_URL}${file.id_shop}/`;
-        }
-        const value = {
-            detail: {
-                "file": sendedFile,
-                "from": this.emitter
-            }
-        };
-        const event = new CustomEvent('imgSelected', value);
-        const imgManagerModule = document.getElementById('imgManagerModule');
-        imgManagerModule === null || imgManagerModule === void 0 ? void 0 : imgManagerModule.dispatchEvent(event);
-    }
-    pageAskForImg() {
-        return fromEvent(document.getElementById('imgManagerModule'), "openImgManager");
-    }
-    setEmitter(emitter) {
-        this.emitter = emitter;
-    }
-}
-EventService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: EventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-EventService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: EventService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: EventService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-
-class AuthCredentialsService extends StorageByKey {
-}
-AuthCredentialsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AuthCredentialsService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-AuthCredentialsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AuthCredentialsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AuthCredentialsService, decorators: [{
-            type: Injectable
-        }] });
-const provideAuthCredentialsService = () => ({
-    provide: AuthCredentialsService,
-    useFactory: () => new StorageByKey(inject(LocalStorageService), environment.wiziApiCredentialsKey),
-});
-;
-
-class FicheProductService {
-    constructor(http, imgSelectionService, eventService, canvaService, authCredentialsService) {
-        this.http = http;
-        this.imgSelectionService = imgSelectionService;
-        this.eventService = eventService;
-        this.canvaService = canvaService;
-        this.authCredentialsService = authCredentialsService;
-        this.image_manager_api = environment.wizi_api + "/image-manager/shops/";
-        this.shopToken = this.authCredentialsService.getSync().data.token;
-        this.shopId = this.authCredentialsService.getSync().data.shop_id;
-        this.isPhotosTab = false; // State of the Photos tabs in fiche product page
-        this.isPreviousTabPhotos = false;
-        this.isVariantsTab = false;
-        this.loadProductImgSelection = false;
-        this.expectedMediaDto = {
-            id: '',
-            image_url: '',
-            image_width: '900',
-            image_height: '900',
-        };
-        this.subscriptions = [];
-    }
-    setApiConfig() {
-        const matches = window.location.pathname.match(/\/(\w+)\/products\/(\d+)\/edit/);
-        const lang = matches && matches[1] ? matches[1] : 'fr';
-        this.productSheetApiRoute = environment.wizi_admin_api + lang + environment.product_sheet_endpoint;
-        this.productId = matches && matches[2] ? matches[2] : "0";
-        this.isProductCreation = /\/products\/create/.test(window.location.pathname);
-    }
-    /**
-     * There is only one instance of this img manager.
-     * But it is called with different config, by Photos tab and Variation tab, on fiche product page.
-     * The method handle the switch config between Photos and Variation tab.
-     * Return an observable : true => Photos tab / false => Variation tab.
-     *  */
-    handleTabs() {
-        return new Observable(observer => {
-            const switchTabsSub = this.switchTabs().subscribe(data => {
-                if (!data || !data["detail"] || !data["detail"]["currentTab"]) {
-                    return;
-                }
-                // Retrieve current tab
-                const currentTab = data["detail"]["currentTab"];
-                this.isPreviousTabPhotos = this.isPhotosTab;
-                this.isPhotosTab = currentTab === 'photos';
-                this.isVariantsTab = currentTab === 'variation';
-                // The user switch to Photos tab
-                if (this.isPhotosTab) {
-                    this.loadProductImgSelection = true;
-                    if (!this.currentProductImgSelection || !this.currentProductImgSelection.length) {
-                        this.initProductImgSelection();
-                    }
-                    else {
-                        this.applyCurrentImgSelection();
-                        this.loadProductImgSelection = false;
-                    }
-                }
-                else if (this.isPreviousTabPhotos) { // The user switch to another tab
-                    // Save current img selection, in order to not lose the img selection
-                    this.saveCurrentImgSelection();
-                }
-                observer.next(this.isPhotosTab);
-            });
-            this.subscriptions.push(switchTabsSub);
-        });
-    }
-    getShopImg(idFile) {
-        return this.http.get(`${this.image_manager_api}${this.shopId}/images/${idFile}`, this.getOptionsHeadersWithBearer());
-    }
-    initProductImgSelection() {
-        // Display the loader in img list selection
-        this.imgSelectionService.imgSelectedListLoading$.next(true);
-        // retrieve img selection
-        const retrieveImgSelectionSub = this.retrieveImgSelection().subscribe(data => {
-            // No image selected
-            if (!data || !data["photos"] || !data["photos"]["infos"] || !data["photos"]["infos"]["files"] || !data["photos"]["infos"]["files"].length) {
-                this.loadProductImgSelection = false;
-                this.imgSelectionService.imgSelectedListLoading$.next(false);
-                return;
-            }
-            const idImgSelectionList = data["photos"]["infos"]["files"];
-            const obsImg = [];
-            idImgSelectionList.forEach(idFile => obsImg.push(this.getShopImg(idFile.toString()).pipe(take(1))));
-            const allImgSub = forkJoin(obsImg).subscribe({
-                next: (photos) => {
-                    // The img selection must be saved, otherwise it is lost when the user switch on variation tab
-                    this.saveCurrentImgSelection(photos);
-                    this.applyCurrentImgSelection();
-                    this.loadProductImgSelection = false;
-                },
-                error: error => {
-                    // Hide the loader in img list selection
-                    this.loadProductImgSelection = false;
-                    this.imgSelectionService.imgSelectedListLoading$.next(false);
-                }
-            });
-            this.subscriptions.push(allImgSub);
-        });
-        this.subscriptions.push(retrieveImgSelectionSub);
-        this.canvaService.expectedImgSizesChange(this.expectedMediaDto);
-    }
-    retrieveInfoSelection() {
-        const formData = new FormData();
-        formData.append('rub', "main");
-        formData.append('action', "getInfos");
-        formData.append('prodId', this.productId);
-        formData.append('_token', '');
-        formData.append('_shid', this.shopId.toString());
-        return this.http.post(this.productSheetApiRoute, formData, this.getOptionsHeaders());
-    }
-    retrieveImgSelection() {
-        const formData = new FormData();
-        formData.append('rub', "main");
-        formData.append('action', "getAllInfos");
-        formData.append('prodId', this.productId);
-        formData.append('_token', '');
-        formData.append('_shid', this.shopId.toString());
-        return this.http.post(this.productSheetApiRoute, formData, this.getOptionsHeaders());
-    }
-    updateImgSelectionOnChange() {
-        // listen to the img manager change
-        const imgSelectionSub = this.imgSelectionService.imgSelection$.subscribe(imgSelectionList => {
-            if (!imgSelectionList) {
-                return;
-            }
-            // Send the img selection
-            if (this.isPhotosTab && !this.loadProductImgSelection) {
-                // Retrieve only the img id
-                const idImgSelectedList = [];
-                imgSelectionList.forEach(img => {
-                    idImgSelectedList.push(parseInt(img.id_file));
-                });
-                this.updateProductImgSelection(idImgSelectedList);
-                // On variation tab, send event with img selected
-            }
-            else if (!this.isPhotosTab && imgSelectionList.length) {
-                this.eventService.sendImgSelectedToPage(imgSelectionList[0]);
-            }
-        });
-        this.subscriptions.push(imgSelectionSub);
-    }
-    updateProductImgSelection(idsImgList) {
-        if ((!this.productId || this.productId === "0") && Wizi._produit.global.PROD_ID) {
-            this.productId = Wizi._produit.global.PROD_ID.toString();
-        }
-        Wizi._produit._dataTmp['photos'].infos = {};
-        Wizi._produit._dataTmp['photos'].infos.files = idsImgList;
-        this.emitImgSelectionChange(idsImgList);
-        if (this.productId && this.productId !== "0") {
-            const submitProd1 = this.submitProductImg(idsImgList).subscribe();
-            this.subscriptions.push(submitProd1);
-            return;
-        }
-        const createProductSub = this.createProduct().subscribe((productId) => {
-            if (!productId) {
-                throw "No product id created. Can not link image(s) to the new product.";
-            }
-            Wizi._produit.global.PROD_ID = productId;
-            this.productId = productId.toString();
-            this.submitProductImg(idsImgList).subscribe();
-        });
-        this.subscriptions.push(createProductSub);
-    }
-    submitProductImg(idsImgList) {
-        const data = {
-            files: idsImgList,
-            couls: []
-        };
-        const formData = new FormData();
-        formData.append('rub', "photos");
-        formData.append('action', "save");
-        formData.append('newProd', this.isProductCreation ? "1" : "0");
-        formData.append('prodId', this.productId);
-        formData.append('_token', this.shopToken);
-        formData.append('_shid', this.shopId.toString());
-        formData.append('data', JSON.stringify(data));
-        return this.http.post(this.productSheetApiRoute, formData, this.getOptionsHeaders());
-    }
-    createProduct() {
-        const formData = new FormData();
-        formData.append('rub', "main");
-        formData.append('action', "createProd");
-        formData.append('_token', '');
-        formData.append('_shid', this.shopId.toString());
-        return this.http.post(this.productSheetApiRoute, formData, this.getOptionsHeaders());
-    }
-    /* Use to know where the img manager is displayed, and to close it when switching tab */
-    switchTabs() {
-        return fromEvent(document.getElementById('imgManagerModule'), "switchTab");
-    }
-    emitImgSelectionChange(idsImgList) {
-        const value = {
-            detail: {
-                idsImgList
-            }
-        };
-        const event = new CustomEvent('onImgSelectionChange', value);
-        const imgManagerModule = document.getElementById('imgManagerModule');
-        imgManagerModule === null || imgManagerModule === void 0 ? void 0 : imgManagerModule.dispatchEvent(event);
-    }
-    saveCurrentImgSelection(imgSelection) {
-        this.currentProductImgSelection = imgSelection ? imgSelection : JSON.parse(JSON.stringify(this.imgSelectionService.getImgSelection()));
-    }
-    applyCurrentImgSelection() {
-        this.imgSelectionService.setImgSelection(this.currentProductImgSelection);
-        // Hide the loader in img list selection
-        this.imgSelectionService.imgSelectedListLoading$.next(false);
-    }
-    getOptionsHeaders() {
-        const header = { headers: new HttpHeaders({
-                'Access-Control-Allow-Origin': '*'
-            })
-        };
-        return header;
-    }
-    getOptionsHeadersWithBearer() {
-        const header = { headers: new HttpHeaders({
-                Authorization: 'Bearer ' + this.shopToken
-            })
-        };
-        return header;
-    }
-    ngOnDestroy() {
-        this.subscriptions.forEach(subscription => subscription.unsubscribe());
-    }
-}
-FicheProductService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FicheProductService, deps: [{ token: i1.HttpClient }, { token: i2.ImgSelectionService }, { token: EventService }, { token: i2.CanvaService }, { token: AuthCredentialsService }], target: i0.ɵɵFactoryTarget.Injectable });
-FicheProductService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FicheProductService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FicheProductService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i2.ImgSelectionService }, { type: EventService }, { type: i2.CanvaService }, { type: AuthCredentialsService }]; } });
-
-class ImgManagerWebElementComponent {
-    constructor(translateService, canvaService, ficheProductService, authCredentialsService, eventService, imgManagerService, imgSelectionService) {
-        this.translateService = translateService;
-        this.canvaService = canvaService;
-        this.ficheProductService = ficheProductService;
-        this.authCredentialsService = authCredentialsService;
-        this.eventService = eventService;
-        this.imgManagerService = imgManagerService;
-        this.imgSelectionService = imgSelectionService;
-        // shop config
-        this.id_shop = this.authCredentialsService.getSync().data.shop_id;
-        this.token_shop = this.authCredentialsService.getSync().data.token;
-        // img manger config
-        this.openImgManager = false;
-        this.loading = true;
-        this.pageFicheProductConfig = this.imgManagerService.getImgManagerDisplayConfig("fiche-product");
-        this.pageEventConfig = this.imgManagerService.getImgManagerDisplayConfig("wizi-block");
-        // fiche product config
-        this.isPhotosTab = !!environment.isPhotosTab;
-        this.subscriptions = [];
-    }
-    ngOnInit() {
-        this.loading = true;
-        this.setCurrentLanguage();
-        // Search on which page is display the img manger
-        this.setDisplayedPageConfig();
-        this.loading = false;
-        this.initVariables(this.authCredentialsService.getSync().data);
-        // Fiche product page
-        if (this.imgManagerDisplayConfig.pageficheProduct) {
-            this.setFicheProductPage();
-        }
-        else {
-            this.setPageWithEvents();
-        }
-    }
-    initVariables(authCredentials) {
-        if (!authCredentials) {
-            if (environment.isWizishopcom) {
-                return;
-            }
-            // Run on local Server
-            this.imgManagerDisplayConfig = this.pageFicheProductConfig;
-            return;
-        }
-    }
-    setFicheProductPage() {
-        this.ficheProductService.setApiConfig();
-        this.handleFicheProductTab(); // Display different img manager config according to the tab
-        this.closeImgManagerOnSwitchingTab();
-        this.subscribePageAskForImg(); // Use for images in variations tab
-        this.ficheProductService.updateImgSelectionOnChange();
-    }
-    setPageWithEvents() {
-        this.subscribePageAskForImg();
-        // Send img selected
-        const subImgSelection = this.imgSelectionService.imgSelection$.subscribe(imgSelectionList => {
-            if (imgSelectionList && imgSelectionList.length) {
-                this.eventService.sendImgSelectedToPage(imgSelectionList[0]);
-            }
-        });
-        this.subscriptions.push(subImgSelection);
-    }
-    subscribePageAskForImg() {
-        // Listen to page editor ask for img event
-        const subAskForImg = this.eventService.pageAskForImg().subscribe(data => {
-            // Retrieve which img manager send the event
-            const emitter = data && data["detail"] ? data["detail"]["from"] : null;
-            this.eventService.setEmitter(emitter);
-            this.imgSelectionService.setImgSelection([]);
-            this.open();
-        });
-        this.subscriptions.push(subAskForImg);
-    }
-    open() {
-        this.openImgManager = true;
-    }
-    onImgManagerClosed() {
-        // Close img manager
-        this.openImgManager = false;
-    }
-    setCurrentLanguage() {
-        const matches = window.location.pathname.match(/^\/(\w+)\//);
-        this.translateService.use(matches && matches[1] ? matches[1] : 'fr');
-    }
-    setDisplayedPageConfig() {
-        const isFicheProductPage = /\/products\/(\d+\/edit|create)/.test(window.location.pathname);
-        this.imgManagerDisplayConfig = isFicheProductPage ? this.pageFicheProductConfig : this.pageEventConfig;
-    }
-    handleFicheProductTab() {
-        const tabsSub = this.ficheProductService.handleTabs().subscribe(isPhotosTab => {
-            this.imgManagerDisplayConfig = isPhotosTab ? this.pageFicheProductConfig : this.pageEventConfig;
-            this.isPhotosTab = isPhotosTab;
-        });
-        this.subscriptions.push(tabsSub);
-    }
-    closeImgManagerOnSwitchingTab() {
-        const tabsCloseSub = this.ficheProductService.switchTabs().subscribe(data => {
-            this.openImgManager = false;
-        });
-        this.subscriptions.push(tabsCloseSub);
-    }
-    ngOnDestroy() {
-        this.subscriptions.forEach(sub => sub.unsubscribe());
-    }
-}
-ImgManagerWebElementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ImgManagerWebElementComponent, deps: [{ token: i1$1.TranslateService }, { token: i2.CanvaService }, { token: FicheProductService }, { token: AuthCredentialsService }, { token: EventService }, { token: i2.ImgManagerService }, { token: i2.ImgSelectionService }], target: i0.ɵɵFactoryTarget.Component });
-ImgManagerWebElementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ImgManagerWebElementComponent, selector: "img-manager-webelement", ngImport: i0, template: "<div class=\"info-bulle\">\n  <p class=\"info-bulle-content\" [innerHTML]=\"'ImgManager.webElement.infoBulle' | translate\"></p>\n\n  <ng-container *ngIf=\"imgManagerDisplayConfig.pageficheProduct && isPhotosTab\">\n    <h3 class=\"wizicss-sous-titre\">{{'ImgManager.webElement.photosTitle' | translate }}</h3>\n  </ng-container>\n\n  <ng-container *ngIf=\"!loading && id_shop && imgManagerDisplayConfig\">\n\n    <p class=\"img-manager-open\" *ngIf=\"imgManagerDisplayConfig.displayBtn && isPhotosTab\">\n      <a (click)=\"open()\">{{'ImgManager.webElement.OpenBtn' | translate }}</a>\n    </p>\n\n    <div class=\"imgManagerBox\">\n      <wz-img-manager\n        #wzImgManager\n        [stateDisplayed]=\"imgManagerDisplayConfig.stateDisplayed\"\n        [multipleImgMode]=\"imgManagerDisplayConfig.multipleImgMode\"\n        [showImgManagerModule]=\"imgManagerDisplayConfig.showImgManagerModule && openImgManager\"\n        [showSelection]=\"imgManagerDisplayConfig.showSelection\"\n        (imgManagerClosed)=\"onImgManagerClosed()\">\n      </wz-img-manager>\n    </div>\n  </ng-container>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WzImgManagerComponent, selector: "wz-img-manager", inputs: ["stateDisplayed", "showSelection", "forceToOpenCanva", "multipleImgMode", "showImgManagerModule"], outputs: ["imgManagerClosed", "imgSelectionChange", "imageUploaded"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ImgManagerWebElementComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'img-manager-webelement', template: "<div class=\"info-bulle\">\n  <p class=\"info-bulle-content\" [innerHTML]=\"'ImgManager.webElement.infoBulle' | translate\"></p>\n\n  <ng-container *ngIf=\"imgManagerDisplayConfig.pageficheProduct && isPhotosTab\">\n    <h3 class=\"wizicss-sous-titre\">{{'ImgManager.webElement.photosTitle' | translate }}</h3>\n  </ng-container>\n\n  <ng-container *ngIf=\"!loading && id_shop && imgManagerDisplayConfig\">\n\n    <p class=\"img-manager-open\" *ngIf=\"imgManagerDisplayConfig.displayBtn && isPhotosTab\">\n      <a (click)=\"open()\">{{'ImgManager.webElement.OpenBtn' | translate }}</a>\n    </p>\n\n    <div class=\"imgManagerBox\">\n      <wz-img-manager\n        #wzImgManager\n        [stateDisplayed]=\"imgManagerDisplayConfig.stateDisplayed\"\n        [multipleImgMode]=\"imgManagerDisplayConfig.multipleImgMode\"\n        [showImgManagerModule]=\"imgManagerDisplayConfig.showImgManagerModule && openImgManager\"\n        [showSelection]=\"imgManagerDisplayConfig.showSelection\"\n        (imgManagerClosed)=\"onImgManagerClosed()\">\n      </wz-img-manager>\n    </div>\n  </ng-container>\n</div>" }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }, { type: i2.CanvaService }, { type: FicheProductService }, { type: AuthCredentialsService }, { type: EventService }, { type: i2.ImgManagerService }, { type: i2.ImgSelectionService }]; } });
-
-class WebelementImageManagerApiService {
-    constructor(http) {
-        this.http = http;
-        this.authCredentialsService = inject(AuthCredentialsService);
-        this.shopId = this.authCredentialsService.getSync().data.shop_id;
-        this.shopToken = this.authCredentialsService.getSync().data.token;
-        this.CONFIG = {
-            image_manager_route: environment.wizi_api + "/image-manager/shops/" + this.shopId,
-            canva_token: 'wdByHayF5v57nj2ZSLvu055O',
-            canva_url: 'https://sdk.canva.com/designbutton/v2/api.js',
-            pexels_token: environment.pexels_token,
-            pexels_route: 'https://api.pexels.com/v1',
-            shop_category: 'other',
-            assets_route: environment.assets_route,
-        };
-        this.IMG_SIZE = {
-            url_raw_image: `${environment.CDN_URL}${this.shopId}/RAW-`,
-            url_100_image: `${environment.CDN_URL}${this.shopId}/m100-`,
-            url_200_image: `${environment.CDN_URL}${this.shopId}/cs200-`,
-            url_400_image: `${environment.CDN_URL}${this.shopId}/cs400-`,
-            url_800_image: `${environment.CDN_URL}${this.shopId}/cs800-`
-        };
-    }
-    getOptionsHeaders(params) {
-        const header = { headers: new HttpHeaders({
-                Authorization: 'Bearer ' + this.shopToken
-            })
-        };
-        if (params) {
-            header['params'] = params;
-        }
-        return header;
-    }
-    getShopCategory() {
-        return 'other';
-    }
-    getShopImgList(params) {
-        return this.http.get(`${this.CONFIG.image_manager_route}/images`, this.getOptionsHeaders(params));
-    }
-    getShopTotalImgList(params) {
-        return this.http.get(`${this.CONFIG.image_manager_route}/total/images`, this.getOptionsHeaders(params)).pipe(map(res => res.totalRecords));
-    }
-    getShopImg(idFile) {
-        return this.http.get(`${this.CONFIG.image_manager_route}/images/${idFile}`, this.getOptionsHeaders());
-    }
-    uploadFile(formData) {
-        return this.http.post(`${this.CONFIG.image_manager_route}/images/template`, formData, this.getOptionsHeaders());
-    }
-    uploadFileByUrl(url, fileName) {
-        return this.http.post(`${this.CONFIG.image_manager_route}/images/template`, { url, fileName }, this.getOptionsHeaders());
-    }
-    replaceImg(imageBase64, id_file) {
-        const body = {
-            imageBase64,
-            type: "RAW"
-        };
-        return this.http.put(`${this.CONFIG.image_manager_route}/images/${id_file}/replace`, body, this.getOptionsHeaders());
-    }
-    changeImgName(fileName, id_file) {
-        return this.http.put(`${this.CONFIG.image_manager_route}/images/${id_file}?file_name=${fileName}`, null, this.getOptionsHeaders());
-    }
-    removeImg(id_file) {
-        return this.http.delete(`${this.CONFIG.image_manager_route}/images/${id_file}`, this.getOptionsHeaders());
-    }
-    removeMultipleImg(id_array) {
-        return this.http.post(`${this.CONFIG.image_manager_route}/images-multiple-delete`, { id_array }, this.getOptionsHeaders());
-    }
-    setShopCategory(shopId) {
-        return this.http.get(`${environment.wizi_api}/shops/${shopId}`, this.getOptionsHeaders()).pipe(tap((shop => {
-            if (shop && shop['category']) {
-                this.CONFIG.shop_category = shop['category'];
-            }
-        })));
-    }
-}
-WebelementImageManagerApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WebelementImageManagerApiService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-WebelementImageManagerApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WebelementImageManagerApiService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WebelementImageManagerApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
-
-class IconWebelementService {
-    loadIconLib() {
-        const link = document.createElement('link');
-        link.href = 'https://pro.fontawesome.com/releases/v5.12.1/css/all.css';
-        link.rel = 'stylesheet';
-        link.crossOrigin = "anonymous";
-        document.getElementsByTagName('head')[0].appendChild(link);
-    }
-}
-IconWebelementService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IconWebelementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-IconWebelementService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IconWebelementService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IconWebelementService, decorators: [{
-            type: Injectable
-        }] });
-
-class ImgManagerWebElementModule {
-    constructor(iconWebelementService) {
-        this.iconWebelementService = iconWebelementService;
-        this.iconWebelementService.loadIconLib();
-    }
-}
-ImgManagerWebElementModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ImgManagerWebElementModule, deps: [{ token: IconWebelementService }], target: i0.ɵɵFactoryTarget.NgModule });
-ImgManagerWebElementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: ImgManagerWebElementModule, declarations: [ImgManagerWebElementComponent], imports: [CommonModule,
-        HttpClientModule, i2.WzImgManagerModule, TranslateModule], exports: [ImgManagerWebElementComponent] });
-ImgManagerWebElementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ImgManagerWebElementModule, providers: [
-        FicheProductService,
-        EventService,
-        provideAuthCredentialsService(),
-        IconWebelementService
-    ], imports: [CommonModule,
-        HttpClientModule,
-        WzImgManagerModule.withConfig({
-            provide: ApiService,
-            useClass: WebelementImageManagerApiService,
-        }),
-        TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ImgManagerWebElementModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ImgManagerWebElementComponent],
-                    imports: [
-                        CommonModule,
-                        HttpClientModule,
-                        WzImgManagerModule.withConfig({
-                            provide: ApiService,
-                            useClass: WebelementImageManagerApiService,
-                        }),
-                        TranslateModule,
-                    ],
-                    exports: [ImgManagerWebElementComponent],
-                    providers: [
-                        FicheProductService,
-                        EventService,
-                        provideAuthCredentialsService(),
-                        IconWebelementService
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: IconWebelementService }]; } });
-
-/*
- * Public API Surface of img-manager-webelement
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ImgManagerWebElementComponent, ImgManagerWebElementModule };
-//# sourceMappingURL=wizishop-img-manager-webelement.mjs.map