crmbonus-component-wake 0.0.26 → 1.0.27

package/dist/types/components/crm-bonus-form/crm-bonus-form.d.ts

@@ -1,20 +1,24 @@
-import { IPinSent } from "../../components";
 import { IBonus, ICustomer, IProduct } from "../../dto/validate.pin.bonus";
+import { StepFormEnum } from "../../contants";
+import { IPinSent } from '../../dto/pin.sent';
 export declare class CrmBonusForm {
     private crmBonusService;
     storeName: any;
     cartId: any;
     products: Array<IProduct>;
     customer: ICustomer;
+    sent: IPinSent;
+    stepNext: StepFormEnum;
+    phone: number;
+    saveStore: () => void;
     cancel: () => void;
     loading: boolean;
     step: number;
-    sent: IPinSent;
     message: string;
-    phone: number;
     bonus: IBonus;
-    sendPin(phone: string): Promise<void>;
+    setStep(step: StepFormEnum): Promise<void>;
     validateBonus(pin: string): Promise<void>;
+    reserveApply(amount: number): Promise<void>;
     reserve(amount: number): Promise<void>;
     handleCancel(): void;
     render(): any;

package/dist/types/components/crm-bonus-form/subcomponents/giftback-progress/giftback-progress.d.ts

@@ -7,6 +7,6 @@ export declare class GiftbackProgress {
     cancel: () => void;
     componentWillLoad(): void;
     handleSliderChange(event: Event): void;
-    handleReserve(): Promise<void>;
+    handleReserve(value: number): Promise<void>;
     render(): any;
 }

package/dist/types/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.d.ts

@@ -0,0 +1,8 @@
+export declare class PhoneCancelInput {
+    private phoneInputMask;
+    sendPin: Function;
+    loading: boolean;
+    value: string;
+    validatePhone(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/phone/phone-input-mask.d.ts

@@ -1,6 +1,7 @@
 export declare class PhoneInputMask {
     phone: string;
     initialValue: string;
+    disabled: boolean;
     componentWillLoad(): void;
     private formatPhone;
     private handleInput;

package/dist/types/components.d.ts

@@ -7,8 +7,10 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { IBonus, ICustomer, IProduct } from "./dto/validate.pin.bonus";
 import { IPinSent } from "./dto/pin.sent";
+import { StepFormEnum } from "./contants";
 export { IBonus, ICustomer, IProduct } from "./dto/validate.pin.bonus";
 export { IPinSent } from "./dto/pin.sent";
+export { StepFormEnum } from "./contants";
 export namespace Components {
     interface AppModal {
         "isOpen": boolean;
@@ -24,7 +26,12 @@ export namespace Components {
         "cancel": () => void;
         "cartId": any;
         "customer": ICustomer;
+        "phone": number;
         "products": Array<IProduct>;
+        "saveStore": () => void;
+        "sent": IPinSent;
+        "setStep": (step: StepFormEnum) => Promise<void>;
+        "stepNext": StepFormEnum;
         "storeName": any;
     }
     interface GiftbackFinish {
@@ -50,12 +57,18 @@ export namespace Components {
         "metadadoString": string;
         "orderId": number;
     }
+    interface PhoneCancelInput {
+        "loading": boolean;
+        "sendPin": Function;
+        "value": string;
+    }
     interface PhoneInput {
         "loading": boolean;
         "sendPin": Function;
         "value": string;
     }
     interface PhoneInputMask {
+        "disabled": boolean;
         "getPhone": () => Promise<string>;
         "initialValue": string;
     }
@@ -124,6 +137,12 @@ declare global {
         prototype: HTMLPedidoFinalizadoElement;
         new (): HTMLPedidoFinalizadoElement;
     };
+    interface HTMLPhoneCancelInputElement extends Components.PhoneCancelInput, HTMLStencilElement {
+    }
+    var HTMLPhoneCancelInputElement: {
+        prototype: HTMLPhoneCancelInputElement;
+        new (): HTMLPhoneCancelInputElement;
+    };
     interface HTMLPhoneInputElement extends Components.PhoneInput, HTMLStencilElement {
     }
     var HTMLPhoneInputElement: {
@@ -145,6 +164,7 @@ declare global {
         "giftback-progress": HTMLGiftbackProgressElement;
         "loading-spinner": HTMLLoadingSpinnerElement;
         "pedido-finalizado": HTMLPedidoFinalizadoElement;
+        "phone-cancel-input": HTMLPhoneCancelInputElement;
         "phone-input": HTMLPhoneInputElement;
         "phone-input-mask": HTMLPhoneInputMaskElement;
     }
@@ -165,7 +185,11 @@ declare namespace LocalJSX {
         "cancel"?: () => void;
         "cartId"?: any;
         "customer"?: ICustomer;
+        "phone"?: number;
         "products"?: Array<IProduct>;
+        "saveStore"?: () => void;
+        "sent"?: IPinSent;
+        "stepNext"?: StepFormEnum;
         "storeName"?: any;
     }
     interface GiftbackFinish {
@@ -191,12 +215,18 @@ declare namespace LocalJSX {
         "metadadoString"?: string;
         "orderId"?: number;
     }
+    interface PhoneCancelInput {
+        "loading"?: boolean;
+        "sendPin"?: Function;
+        "value"?: string;
+    }
     interface PhoneInput {
         "loading"?: boolean;
         "sendPin"?: Function;
         "value"?: string;
     }
     interface PhoneInputMask {
+        "disabled"?: boolean;
         "initialValue"?: string;
     }
     interface IntrinsicElements {
@@ -208,6 +238,7 @@ declare namespace LocalJSX {
         "giftback-progress": GiftbackProgress;
         "loading-spinner": LoadingSpinner;
         "pedido-finalizado": PedidoFinalizado;
+        "phone-cancel-input": PhoneCancelInput;
         "phone-input": PhoneInput;
         "phone-input-mask": PhoneInputMask;
     }
@@ -224,6 +255,7 @@ declare module "@stencil/core" {
             "giftback-progress": LocalJSX.GiftbackProgress & JSXBase.HTMLAttributes<HTMLGiftbackProgressElement>;
             "loading-spinner": LocalJSX.LoadingSpinner & JSXBase.HTMLAttributes<HTMLLoadingSpinnerElement>;
             "pedido-finalizado": LocalJSX.PedidoFinalizado & JSXBase.HTMLAttributes<HTMLPedidoFinalizadoElement>;
+            "phone-cancel-input": LocalJSX.PhoneCancelInput & JSXBase.HTMLAttributes<HTMLPhoneCancelInputElement>;
             "phone-input": LocalJSX.PhoneInput & JSXBase.HTMLAttributes<HTMLPhoneInputElement>;
             "phone-input-mask": LocalJSX.PhoneInputMask & JSXBase.HTMLAttributes<HTMLPhoneInputMaskElement>;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crmbonus-component-wake",
-  "version": "0.0.26",
+  "version": "1.0.27",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/crmbonus-component-wake/app-modal.entry.js

@@ -1,23 +0,0 @@
-import { r as registerInstance, a as createEvent, h } from './index-f557ce7c.js';
-
-const appModalCss = ".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:none;justify-content:center;align-items:center;z-index:1000}.modal-backdrop.visible{display:flex}.modal{background:white;border-radius:8px;padding:1rem;max-width:500px;width:90%;box-shadow:0 2px 10px rgba(0, 0, 0, 0.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;margin-bottom:1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body{}";
-
-const AppModal = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.modalClosed = createEvent(this, "modalClosed", 7);
-        this.isOpen = false;
-        this.modalTitle = undefined;
-    }
-    closeModal() {
-        this.modalClosed.emit();
-    }
-    render() {
-        return (h("div", { key: '79a05f7255e9d7d030288f368b612ab4c774a5a4', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: '379ec6d0205898d1bd4974b31d7fcb76b0d0db1b', class: "modal" }, h("div", { key: 'd2bcc76c3414d603fb361bc4f19a4869977a62c7', class: "modal-header" }, h("h3", { key: 'f24d6813f0cd4a0ab24ddc44a243ba874b3e4427' }, this.modalTitle), h("button", { key: '738063580dccc0677ecc1352bd3fd96e48f6e342', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: '1195516afc289ac2ded0688fa749369e5d1d4f53', class: "modal-body" }, h("slot", { key: '33284d5c981590c40db2de2d105de8af788fa95b' })))));
-    }
-};
-AppModal.style = appModalCss;
-
-export { AppModal as app_modal };
-
-//# sourceMappingURL=app-modal.entry.js.map

package/dist/crmbonus-component-wake/app-modal.entry.js.map

@@ -1 +0,0 @@
-{"file":"app-modal.entry.esm.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+hBAA+hB;;MCOtiB,QAAQ;;;;sBAG0B,KAAK;;;IAQxC,UAAU;QACd,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KAC3B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,IACxD,4DAAK,KAAK,EAAC,OAAO,IACd,4DAAK,KAAK,EAAC,cAAc,IACrB,6DAAK,IAAI,CAAC,UAAU,CAAM,EAC1B,+DAAQ,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,aAEpD,CACP,EACN,4DAAK,KAAK,EAAC,YAAY,IACnB,8DAAQ,CACN,CACJ,CACJ,EACT;KACJ;;;;;;","names":[],"sources":["src/components/modal/app-modal.css?tag=app-modal&encapsulation=shadow","src/components/modal/app-modal.tsx"],"sourcesContent":[".modal-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: none;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n  }\n  \n  .modal-backdrop.visible {\n    display: flex;\n  }\n  \n  .modal {\n    background: white;\n    border-radius: 8px;\n    padding: 1rem;\n    max-width: 500px;\n    width: 90%;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n  }\n  \n  .modal-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: 1px solid #ddd;\n    margin-bottom: 1rem;\n  }\n  \n  .close-button {\n    background: none;\n    border: none;\n    font-size: 1.5rem;\n    cursor: pointer;\n  }\n  \n  .modal-body {\n    /* padding: 1rem 0; */\n  }\n  ","import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'app-modal',\n    styleUrl: 'app-modal.css',\n    shadow: true,\n})\nexport class AppModal {\n\n    // Controle da visibilidade do modal\n    @Prop({ reflect: true }) isOpen: boolean = false;\n\n    // Título do modal\n    @Prop() modalTitle: string;\n\n    // Evento emitido ao fechar o modal\n    @Event() modalClosed: EventEmitter<void>;\n\n    private closeModal() {\n        this.modalClosed.emit();\n    }\n\n    render() {\n        return (\n            <div class={`modal-backdrop ${this.isOpen ? 'visible' : ''}`}>\n                <div class=\"modal\">\n                    <div class=\"modal-header\">\n                        <h3>{this.modalTitle}</h3>\n                        <button class=\"close-button\" onClick={() => this.closeModal()}>\n                            ×\n                        </button>\n                    </div>\n                    <div class=\"modal-body\">\n                        <slot />\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/crmbonus-component-wake/crm-bonus-form.entry.js

@@ -1,109 +0,0 @@
-import { r as registerInstance, h, e as Host } from './index-f557ce7c.js';
-import { C as CrmBonusService } from './crmbonus.service-5208f883.js';
-
-var StepFormEnum;
-(function (StepFormEnum) {
-    StepFormEnum[StepFormEnum["STEP_PHONE"] = 1] = "STEP_PHONE";
-    StepFormEnum[StepFormEnum["STEP_PIN"] = 2] = "STEP_PIN";
-    StepFormEnum[StepFormEnum["STEP_RESERVE"] = 3] = "STEP_RESERVE";
-    StepFormEnum[StepFormEnum["STEP_APPLY"] = 4] = "STEP_APPLY";
-})(StepFormEnum || (StepFormEnum = {}));
-
-const crmBonusFormCss = ".form-container{width:100%;display:flex;justify-content:center;justify-content:space-around}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer}.disabled{opacity:0.6;cursor:not-allowed}.message-error{color:#d11111;font-weight:bold;font-family:Arial;font-size:small;margin-left:16px}";
-
-const CrmBonusForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.crmBonusService = new CrmBonusService();
-        this.storeName = undefined;
-        this.cartId = undefined;
-        this.products = undefined;
-        this.customer = {
-            phone: "",
-            birthDate: "",
-            document: "",
-            name: ""
-        };
-        this.cancel = undefined;
-        this.loading = false;
-        this.step = StepFormEnum.STEP_PHONE;
-        this.sent = undefined;
-        this.message = undefined;
-        this.phone = undefined;
-        this.bonus = undefined;
-    }
-    async sendPin(phone) {
-        var _a, _b;
-        this.loading = true;
-        this.message = "";
-        try {
-            const _phone = phone.replace(/\D/g, '');
-            this.phone = Number(_phone);
-            const sent = await this.crmBonusService.sendPin(this.phone, this.storeName);
-            this.sent = sent;
-            this.step = StepFormEnum.STEP_PIN;
-        }
-        catch (error) {
-            this.message = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message;
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    async validateBonus(pin) {
-        var _a, _b;
-        this.loading = true;
-        this.message = "";
-        const payload = {
-            pin: pin,
-            cellphone: this.phone.toString(),
-            loja_id: this.sent.storeId,
-            user_id: this.sent.userId,
-            cartId: this.cartId,
-            products: this.products
-        };
-        try {
-            this.bonus = await this.crmBonusService.validatePinBonus(payload, this.storeName);
-            console.log('[this.bonus]', this.bonus);
-            this.step = StepFormEnum.STEP_RESERVE;
-        }
-        catch (error) {
-            this.message = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message;
-        }
-        finally {
-            this.loading = false;
-        }
-        console.log('payload', payload);
-    }
-    async reserve(amount) {
-        this.loading = true;
-        this.message = "";
-        try {
-            await this.crmBonusService.reserve({
-                redeemed_bonus: amount,
-                cart_id: this.cartId,
-                ticket: this.cartId,
-                gross_value: this.bonus.totalValue,
-            }, this.storeName);
-            this.step = StepFormEnum.STEP_APPLY;
-        }
-        catch (error) {
-            this.message = "ocorreu um error ao solicitar a aplicação do bonus! tente novamente";
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    handleCancel() {
-        this.step = StepFormEnum.STEP_PHONE;
-        this.cancel();
-    }
-    render() {
-        return (h(Host, { key: '3be4b75b0ae2a8ad1cdda1717e7b464fdbf2144f' }, this.step === StepFormEnum.STEP_PHONE && h("phone-input", { key: '32c9afa5e7866ed4d534e1796f619ab3461fe6ae', value: this.customer.phone, sendPin: (phone) => this.sendPin(phone), loading: this.loading }), this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: '5305fcb69fc27d84c98c8ad06cb0d368d19c13fe', cancel: () => this.handleCancel(), sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: 'ad58eda5507e90e17d4346195b6caa7a4309460a', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserve(amountRedeemed) }), this.step === StepFormEnum.STEP_APPLY && h("giftback-finish", { key: 'e178cbe6553944ae87db1349b87a89bd8668e32d' }), h("p", { key: '7f49c0dbfe6d7a9bb2856a3a016513f8065647a0', class: "message-error" }, this.message)));
-    }
-};
-CrmBonusForm.style = crmBonusFormCss;
-
-export { CrmBonusForm as crm_bonus_form };
-
-//# sourceMappingURL=crm-bonus-form.entry.js.map

package/dist/crmbonus-component-wake/crm-bonus-form.entry.js.map

@@ -1 +0,0 @@
-{"file":"crm-bonus-form.entry.esm.js","mappings":"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","names":[],"sources":["src/contants/index.ts","src/components/crm-bonus-form/crm-bonus-form.css?tag=crm-bonus-form&encapsulation=shadow","src/components/crm-bonus-form/crm-bonus-form.tsx"],"sourcesContent":["export enum StepFormEnum {\n    STEP_PHONE = 1,\n    STEP_PIN = 2,\n    STEP_RESERVE = 3,\n    STEP_APPLY = 4\n}",".form-container {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    justify-content: space-around;\n}\n\n.button {\n    top: 50%;\n    background-color: #6c6c7e;\n    color: #fff;\n    border: none;\n    border-radius: 10px;\n    padding: 15px;\n    min-height: 30px;\n    min-width: 120px;\n    font-size: 20px;\n    cursor: pointer;\n}\n\n.disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.message-error {\n    color: #d11111;\n    font-weight: bold;\n    font-family: Arial;\n    font-size: small;\n    margin-left: 16px;\n}","import { Component, Host, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { IPinSent } from \"../../components\";\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { StepFormEnum } from \"../../contants\";\n\n@Component({\n    tag: 'crm-bonus-form',\n    styleUrl: 'crm-bonus-form.css',\n    shadow: true\n})\nexport class CrmBonusForm {\n\n    private crmBonusService: CrmBonusService = new CrmBonusService();\n\n    @Prop({ attribute: 'storename' }) storeName;\n    @Prop() cartId;\n    @Prop() products: Array<IProduct>;\n    @Prop() customer: ICustomer = {\n        phone: \"\",\n        birthDate: \"\",\n        document: \"\",\n        name: \"\"\n    };\n    @Prop() cancel: () => void;\n\n    @State() loading: boolean = false;\n\n    @State() step: number = StepFormEnum.STEP_PHONE;\n\n    @State() sent: IPinSent;\n\n    @State() message: string;\n\n    @State() phone: number;\n\n    @State() bonus: IBonus;\n\n    public async sendPin(phone: string) {\n        this.loading = true;\n        this.message = \"\";\n\n        try {\n            const _phone = phone.replace(/\\D/g, '');\n            this.phone = Number(_phone);\n            const sent = await this.crmBonusService.sendPin(this.phone, this.storeName);\n            this.sent = sent;\n            this.step = StepFormEnum.STEP_PIN;\n        } catch (error) {\n            this.message = error?.response?.data?.message\n        } finally {\n            this.loading = false\n        }\n    }\n\n    public async validateBonus(pin: string) {\n        this.loading = true;\n        this.message = \"\";\n        const payload: IProccesPinBonusDto = {\n            pin: pin,\n            cellphone: this.phone.toString(),\n            loja_id: this.sent.storeId,\n            user_id: this.sent.userId,\n            cartId: this.cartId,\n            products: this.products\n        }\n\n        try {\n            this.bonus = await this.crmBonusService.validatePinBonus(payload, this.storeName);\n\n            console.log('[this.bonus]', this.bonus);\n            this.step = StepFormEnum.STEP_RESERVE;\n        } catch (error) {\n            this.message = error?.response?.data?.message\n        } finally {\n            this.loading = false;\n        }\n        console.log('payload', payload)\n    }\n\n    public async reserve(amount: number) {\n        this.loading = true;\n        this.message = \"\";\n        try {\n            await this.crmBonusService.reserve({\n                redeemed_bonus: amount,\n                cart_id: this.cartId,\n                ticket: this.cartId,\n                gross_value: this.bonus.totalValue,\n            }, this.storeName);\n\n            this.step = StepFormEnum.STEP_APPLY;\n        } catch (error) {\n            this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\n        } finally {\n            this.loading = false;\n        }\n    }\n\n    public handleCancel() {\n        this.step = StepFormEnum.STEP_PHONE;\n        this.cancel()\n    }\n\n    render() {\n        return (\n            <Host>\n                {this.step === StepFormEnum.STEP_PHONE && <phone-input value={this.customer.phone} sendPin={(phone) => this.sendPin(phone)} loading={this.loading} />}\n                {this.step === StepFormEnum.STEP_PIN && <giftback-pin cancel={() => this.handleCancel()} sent={this.sent} validate={(data) => this.validateBonus(data)} loading={this.loading} />}\n\n                {this.step === StepFormEnum.STEP_RESERVE && <giftback-progress loading={this.loading} cancel={() => this.handleCancel()} bonus={this.bonus} reserve={(amountRedeemed: number) => this.reserve(amountRedeemed)} />}\n                {this.step === StepFormEnum.STEP_APPLY && <giftback-finish />}\n                <p class=\"message-error\">{this.message}</p>\n            </Host>\n        )\n    }\n}"],"version":3}

package/dist/crmbonus-component-wake/crm-bonus.entry.js

@@ -1,50 +0,0 @@
-import { r as registerInstance, h } from './index-f557ce7c.js';
-import { C as CrmBonusService } from './crmbonus.service-5208f883.js';
-
-const logoSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA3MDMgMTAzIiBmaWxsPSJub25lIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02ODkuMiA1Ny41MDA0TDY0Ny4xIDk5LjYwMDRMNjM3LjMgODkuODAwNEw2NzkuNCA0Ny43MDA0SDYzNlYzMy45MDA0SDY5NUM2OTYuOSAzMy45MDA0IDY5OC41IDM0LjUwMDQgNjk5LjcgMzUuNTAwNEM3MDAgMzUuNzAwNCA3MDAuMiAzNS45MDA0IDcwMC40IDM2LjEwMDRDNzAwLjYgMzYuMzAwNCA3MDAuOCAzNi41MDA0IDcwMC45IDM2LjcwMDRWMzYuODAwNFYzNi45MDA0QzcwMiAzOC4xMDA0IDcwMi43IDM5LjgwMDQgNzAyLjcgNDEuODAwNFY0My42MDA0VjY3LjAwMDRWMTAwLjdINjg4LjlWODAuODAwNFY1Ny41MDA0SDY4OS4yWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzE2MjlfMTg4KSI+PC9wYXRoPgo8cGF0aCBkPSJNNTIuNyA3Ni40OTk4SDY3LjdDNjUuMyA5MS43OTk4IDUxLjkgMTAyLjUgMzUuMiAxMDIuNUMxNS4yIDEwMi41IDAgODcuMjk5OCAwIDY3LjM5OThDMCA0Ny42OTk4IDE1LjIgMzIuMjk5OCAzNS4yIDMyLjI5OThDNTEuOSAzMi4yOTk4IDY1LjMgNDIuODk5OCA2Ny43IDU4LjI5OThINTIuN0M1MC45IDUwLjc5OTggNDQuMiA0NS42OTk4IDM1LjIgNDUuNjk5OEMyMi45IDQ1LjY5OTggMTQuOCA1NS4zOTk4IDE0LjggNjcuMzk5OEMxNC44IDc5LjQ5OTggMjIuOSA4OS4wOTk4IDM1LjIgODkuMDk5OEM0NC4yIDg5LjE5OTggNTAuOSA4NC4wOTk4IDUyLjcgNzYuNDk5OFoiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPgo8cGF0aCBkPSJNMTE3LjIgMzIuNzAwMlY0Ni42MDAyQzEwNi42IDQ3LjAwMDIgOTguNTAwMiA1MS4wMDAyIDkyLjUwMDIgNTguODAwMlYxMDAuOEg3Ny43MDAyVjM0LjEwMDJIOTIuNTAwMlY0My4yMDAyQzk4LjYwMDIgMzYuNTAwMiAxMDcgMzIuNzAwMiAxMTcuMiAzMi43MDAyWiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+CjxwYXRoIGQ9Ik0yMzcuNCA2Mi41OTk3VjEwMC44SDIyMi44VjYyLjU5OTdDMjIyLjggNTAuNzk5NyAyMTYuNiA0NS42OTk3IDIwNyA0NS42OTk3QzIwMC41IDQ1LjY5OTcgMTk0LjIgNDguMDk5NyAxODkuMyA1NC43OTk3QzE4OS43IDU2Ljg5OTcgMTg5LjkgNTkuMjk5NyAxODkuOSA2MS43OTk3VjEwMC44SDE3NS4yVjYxLjc5OTdDMTc1LjIgNDkuOTk5NyAxNjkgNDUuNzk5NyAxNjAuMyA0NS43OTk3QzE1My4zIDQ1Ljc5OTcgMTQ3LjEgNDguNTk5NyAxNDIuMyA1NS4yOTk3VjEwMC45SDEyNy41VjM0LjE5OTdIMTQyLjNWMzkuODk5N0MxNDcuMyAzNS4zOTk3IDE1My4yIDMyLjQ5OTcgMTYyIDMyLjQ5OTdDMTcxLjUgMzIuNDk5NyAxNzkuMiAzNS43OTk3IDE4NC4xIDQyLjE5OTdDMTkwLjYgMzUuNzk5NyAxOTguMiAzMi40OTk3IDIwNy45IDMyLjQ5OTdDMjI1LjUgMzIuMzk5NyAyMzcuNCA0Mi44OTk3IDIzNy40IDYyLjU5OTdaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD4KPHBhdGggZD0iTTMyMCA2Ny4zQzMyMCA4Ni45IDMwNC44IDEwMi41IDI4Ni4xIDEwMi41QzI3Ny42IDEwMi41IDI3MC4zIDk5LjkgMjY0LjggOTUuNVYxMDAuOEgyNTBWMEgyNjQuOFYzOS4yQzI3MC4zIDM0LjkgMjc3LjYgMzIuNCAyODYuMSAzMi40QzMwNC44IDMyLjQgMzIwIDQ4IDMyMCA2Ny4zWk0zMDUuMiA2Ny4zQzMwNS4yIDU1LjUgMjk2LjMgNDUuNyAyODMuOSA0NS43QzI3Ni41IDQ1LjcgMjY5LjcgNDguMSAyNjQuNyA1NS4xVjc5LjdDMjY5LjcgODYuNyAyNzYuNSA4OS4yIDI4My45IDg5LjJDMjk2LjMgODkuMiAzMDUuMiA3OS4yIDMwNS4yIDY3LjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD4KPHBhdGggZD0iTTM5OS4yIDY3LjUwMDRDMzk5LjIgODcuOTAwNCAzODQuNCAxMDIuNiAzNjMuNyAxMDIuNkMzNDMgMTAyLjYgMzI4LjIgODcuOTAwNCAzMjguMiA2Ny41MDA0QzMyOC4yIDQ3LjEwMDQgMzQzIDMyLjQwMDQgMzYzLjcgMzIuNDAwNEMzODQuNCAzMi40MDA0IDM5OS4yIDQ3LjAwMDQgMzk5LjIgNjcuNTAwNFpNMzg0LjQgNjcuNTAwNEMzODQuNCA1NC45MDA0IDM3NS43IDQ1LjgwMDQgMzYzLjcgNDUuODAwNEMzNTEuNyA0NS44MDA0IDM0MyA1NC45MDA0IDM0MyA2Ny41MDA0QzM0MyA4MC4wMDA0IDM1MS43IDg5LjIwMDQgMzYzLjcgODkuMjAwNEMzNzUuNyA4OS4yMDA0IDM4NC40IDc5LjkwMDQgMzg0LjQgNjcuNTAwNFoiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPgo8cGF0aCBkPSJNNDc0LjMgNjMuNTk5N1YxMDAuOEg0NTkuNVY2NC40OTk2QzQ1OS41IDUyLjI5OTYgNDUzIDQ1Ljc5OTcgNDQyLjIgNDUuNzk5N0M0MzUuOCA0NS43OTk3IDQyOC45IDQ5LjI5OTYgNDIzLjYgNTUuODk5NlYxMDAuOUg0MDguOFYzNC4xOTk2SDQyMy42VjQwLjE5OTZDNDI5LjQgMzUuMTk5NiA0MzYuNyAzMi40OTk2IDQ0NS4yIDMyLjQ5OTZDNDYyLjUgMzIuMzk5NiA0NzQuMyA0NC4yOTk3IDQ3NC4zIDYzLjU5OTdaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD4KPHBhdGggZD0iTTU1MC40IDM0LjA5OTZWMTAwLjhINTM1LjhWOTQuMjk5NkM1MzAgOTkuNTk5NiA1MjIuNyAxMDIuNSA1MTQuMSAxMDIuNUM0OTYuOCAxMDIuNSA0ODUuMSA5MC4xOTk2IDQ4NS4xIDcwLjk5OTZWMzQuMDk5Nkg0OTkuN1Y3MC4xOTk2QzQ5OS43IDgyLjM5OTYgNTA2LjQgODkuMTk5NiA1MTcgODkuMTk5NkM1MjMuNSA4OS4xOTk2IDUzMC4zIDg1LjQ5OTYgNTM1LjcgNzguNjk5NlYzNC4wOTk2SDU1MC40WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+CjxwYXRoIGQ9Ik01OTEuNSA5MC41MDAyQzYwMC4yIDkwLjUwMDIgNjA2LjEgODcuNzAwMiA2MDYuMSA4Mi40MDAyQzYwNi4xIDc4LjQwMDIgNjAyLjggNzUuNjAwMiA1OTcuMiA3NC42MDAyTDU4Mi40IDcyLjAwMDJDNTcyLjIgNzAuMzAwMiA1NjIuNyA2NS4yMDAyIDU2Mi43IDUzLjEwMDJDNTYyLjcgNDAuMjAwMiA1NzMuOSAzMi4yMDAyIDU5MC41IDMyLjIwMDJDNjAzLjQgMzIuMjAwMiA2MTguMyAzNi42MDAyIDYxOS43IDU0LjEwMDJINjA2LjFDNjA1LjQgNDYuOTAwMiA1OTkgNDQuMDAwMiA1OTAuNSA0NC4wMDAyQzU4MiA0NC4wMDAyIDU3Ny4zIDQ3LjEwMDIgNTc3LjMgNTEuODAwMkM1NzcuMyA1NS4zMDAyIDU3OS45IDU4LjgwMDIgNTg3LjcgNjAuMDAwMkw2MDAuMiA2Mi4wMDAyQzYxMC4zIDYzLjgwMDIgNjIwLjIgNjguMjAwMiA2MjAuMiA4MS4yMDAyQzYyMC4yIDk1LjMwMDIgNjA3LjkgMTAyLjUgNTkxLjEgMTAyLjVDNTc1LjMgMTAyLjUgNTYxLjkgOTYuMzAwMiA1NjAuMiA3OC43MDAyTDU3My44IDc4LjgwMDJDNTc1LjMgODcuMDAwMiA1ODEuNCA5MC41MDAyIDU5MS41IDkwLjUwMDJaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNjI5XzE4OCIgeDE9IjYzNi44MzMiIHkxPSI5Ny44MjYxIiB4Mj0iNzEzLjQ2IiB5Mj0iMjYuNjU4MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjdBODMwIj48L3N0b3A+CjxzdG9wIG9mZnNldD0iMC42MzUzIiBzdG9wLWNvbG9yPSIjRjA4MzM2Ij48L3N0b3A+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VBNTM0NiI+PC9zdG9wPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPg==';
-
-const crmBonusCss = ".container-button{max-width:136px;cursor:pointer;padding:10px}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}";
-
-const CrmBonus = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.crmBonusService = new CrmBonusService();
-        this.showModal = false;
-        this.userId = undefined;
-        this.storeName = undefined;
-        this.productsInString = undefined;
-        this.cartId = undefined;
-        this.products = undefined;
-        this.customer = undefined;
-    }
-    async componentWillLoad() {
-        await this.handleLoad();
-    }
-    async handleLoad() {
-        try {
-            if (this.userId) {
-                this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);
-                console.log('user', this.customer);
-            }
-        }
-        catch (error) {
-            console.log('info customer');
-        }
-        this.products = JSON.parse(this.productsInString);
-    }
-    buildProducts() {
-        return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), variantId: product.ProdutoVarianteId, qtd: product.Quantidade }));
-    }
-    handleCloseModal() {
-        this.showModal = false;
-    }
-    render() {
-        return (h("div", { key: '1f107deaddaba99f0a4e52b5b7e79c388a2bbd0c', class: "section-crm" }, h("div", { key: '7b6ccebbcb2b43576d687c193f1d07dd8083c872', class: "container-button" }, h("img", { key: '56e75da59433e55cde4ed3aa5edd4cfec3aa672c', src: logoSvg, onClick: () => (this.showModal = true) })), h("app-modal", { key: '6efdcc98325023202c9402219138ea917b6db1af', isOpen: this.showModal, modalTitle: `Giftback`, onModalClosed: () => (this.showModal = false) }, h("crm-bonus-form", { key: 'bcfd9bd62c2e48d2785127a79710b57d79e1ba2c', cancel: () => this.handleCloseModal(), storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId, customer: this.customer }))));
-    }
-    static get assetsDirs() { return ["assets"]; }
-};
-CrmBonus.style = crmBonusCss;
-
-export { CrmBonus as crm_bonus };
-
-//# sourceMappingURL=crm-bonus.entry.js.map

package/dist/crmbonus-component-wake/crm-bonus.entry.js.map

@@ -1 +0,0 @@
-{"file":"crm-bonus.entry.esm.js","mappings":";;;AAAA,MAAM,OAAO,GAAG,w9JAAw9J;;ACAx+J,MAAM,WAAW,GAAG,mJAAmJ;;MCW1J,QAAQ;;;QAEX,oBAAe,GAAoB,IAAI,eAAe,EAAE,CAAC;yBAEnC,KAAK;;;;;;;;IASnC,MAAM,iBAAiB;QACrB,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;KACzB;IAED,MAAM,UAAU;QACd,IAAI;YACF,IAAG,IAAI,CAAC,MAAM,EAAE;gBACd,IAAI,CAAC,QAAQ,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;gBACpF,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;aACpC;SACF;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;SAC7B;QACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;KACnD;IAED,aAAa;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,GAAG,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,EAAE,GAAG,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;KAC3K;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KACxB;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,aAAa,IACtB,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,GAAG,EAAEA,OAAI,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAI,CACtD,EACN,kEACE,MAAM,EAAE,IAAI,CAAC,SAAS,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAE7C,uEAAgB,MAAM,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACxJ,CACR,EACP;KACF;;;;;;;","names":["logo"],"sources":["src/components/crm-bonus/assets/svg/logo.svg","src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 703 103\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\" role=\"img\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M689.2 57.5004L647.1 99.6004L637.3 89.8004L679.4 47.7004H636V33.9004H695C696.9 33.9004 698.5 34.5004 699.7 35.5004C700 35.7004 700.2 35.9004 700.4 36.1004C700.6 36.3004 700.8 36.5004 700.9 36.7004V36.8004V36.9004C702 38.1004 702.7 39.8004 702.7 41.8004V43.6004V67.0004V100.7H688.9V80.8004V57.5004H689.2Z\" fill=\"url(#paint0_linear_1629_188)\"></path>\n<path d=\"M52.7 76.4998H67.7C65.3 91.7998 51.9 102.5 35.2 102.5C15.2 102.5 0 87.2998 0 67.3998C0 47.6998 15.2 32.2998 35.2 32.2998C51.9 32.2998 65.3 42.8998 67.7 58.2998H52.7C50.9 50.7998 44.2 45.6998 35.2 45.6998C22.9 45.6998 14.8 55.3998 14.8 67.3998C14.8 79.4998 22.9 89.0998 35.2 89.0998C44.2 89.1998 50.9 84.0998 52.7 76.4998Z\" fill=\"currentColor\"></path>\n<path d=\"M117.2 32.7002V46.6002C106.6 47.0002 98.5002 51.0002 92.5002 58.8002V100.8H77.7002V34.1002H92.5002V43.2002C98.6002 36.5002 107 32.7002 117.2 32.7002Z\" fill=\"currentColor\"></path>\n<path d=\"M237.4 62.5997V100.8H222.8V62.5997C222.8 50.7997 216.6 45.6997 207 45.6997C200.5 45.6997 194.2 48.0997 189.3 54.7997C189.7 56.8997 189.9 59.2997 189.9 61.7997V100.8H175.2V61.7997C175.2 49.9997 169 45.7997 160.3 45.7997C153.3 45.7997 147.1 48.5997 142.3 55.2997V100.9H127.5V34.1997H142.3V39.8997C147.3 35.3997 153.2 32.4997 162 32.4997C171.5 32.4997 179.2 35.7997 184.1 42.1997C190.6 35.7997 198.2 32.4997 207.9 32.4997C225.5 32.3997 237.4 42.8997 237.4 62.5997Z\" fill=\"currentColor\"></path>\n<path d=\"M320 67.3C320 86.9 304.8 102.5 286.1 102.5C277.6 102.5 270.3 99.9 264.8 95.5V100.8H250V0H264.8V39.2C270.3 34.9 277.6 32.4 286.1 32.4C304.8 32.4 320 48 320 67.3ZM305.2 67.3C305.2 55.5 296.3 45.7 283.9 45.7C276.5 45.7 269.7 48.1 264.7 55.1V79.7C269.7 86.7 276.5 89.2 283.9 89.2C296.3 89.2 305.2 79.2 305.2 67.3Z\" fill=\"currentColor\"></path>\n<path d=\"M399.2 67.5004C399.2 87.9004 384.4 102.6 363.7 102.6C343 102.6 328.2 87.9004 328.2 67.5004C328.2 47.1004 343 32.4004 363.7 32.4004C384.4 32.4004 399.2 47.0004 399.2 67.5004ZM384.4 67.5004C384.4 54.9004 375.7 45.8004 363.7 45.8004C351.7 45.8004 343 54.9004 343 67.5004C343 80.0004 351.7 89.2004 363.7 89.2004C375.7 89.2004 384.4 79.9004 384.4 67.5004Z\" fill=\"currentColor\"></path>\n<path d=\"M474.3 63.5997V100.8H459.5V64.4996C459.5 52.2996 453 45.7997 442.2 45.7997C435.8 45.7997 428.9 49.2996 423.6 55.8996V100.9H408.8V34.1996H423.6V40.1996C429.4 35.1996 436.7 32.4996 445.2 32.4996C462.5 32.3996 474.3 44.2997 474.3 63.5997Z\" fill=\"currentColor\"></path>\n<path d=\"M550.4 34.0996V100.8H535.8V94.2996C530 99.5996 522.7 102.5 514.1 102.5C496.8 102.5 485.1 90.1996 485.1 70.9996V34.0996H499.7V70.1996C499.7 82.3996 506.4 89.1996 517 89.1996C523.5 89.1996 530.3 85.4996 535.7 78.6996V34.0996H550.4Z\" fill=\"currentColor\"></path>\n<path d=\"M591.5 90.5002C600.2 90.5002 606.1 87.7002 606.1 82.4002C606.1 78.4002 602.8 75.6002 597.2 74.6002L582.4 72.0002C572.2 70.3002 562.7 65.2002 562.7 53.1002C562.7 40.2002 573.9 32.2002 590.5 32.2002C603.4 32.2002 618.3 36.6002 619.7 54.1002H606.1C605.4 46.9002 599 44.0002 590.5 44.0002C582 44.0002 577.3 47.1002 577.3 51.8002C577.3 55.3002 579.9 58.8002 587.7 60.0002L600.2 62.0002C610.3 63.8002 620.2 68.2002 620.2 81.2002C620.2 95.3002 607.9 102.5 591.1 102.5C575.3 102.5 561.9 96.3002 560.2 78.7002L573.8 78.8002C575.3 87.0002 581.4 90.5002 591.5 90.5002Z\" fill=\"currentColor\"></path>\n<defs>\n<linearGradient id=\"paint0_linear_1629_188\" x1=\"636.833\" y1=\"97.8261\" x2=\"713.46\" y2=\"26.6582\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#F7A830\"></stop>\n<stop offset=\"0.6353\" stop-color=\"#F08336\"></stop>\n<stop offset=\"1\" stop-color=\"#EA5346\"></stop>\n</linearGradient>\n</defs>\n</svg>","/* :host {\n  display: block;\n} */\n\n.container-button {\n  max-width: 136px;\n  cursor: pointer;\n  padding: 10px;\n}\n\n/* padding: 0 15px 15px;\nborder: 1px solid #ddd;\nmargin-bottom: 20px; */\n\n.section-crm {\n  border: 1px solid #dbd4d4;\n  /* min-height: 50px; */\n  text-align: -webkit-center;\n  margin-bottom: 20px;\n}","import { Component, Prop, State, h } from '@stencil/core';\nimport logo from './assets/svg/logo.svg';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\n\n@Component({\n  tag: 'crm-bonus',\n  styleUrl: 'crm-bonus.css',\n  shadow: true,\n  assetsDirs: ['assets']\n})\nexport class CrmBonus {\n\n  private crmBonusService: CrmBonusService = new CrmBonusService();\n\n  @State() showModal: boolean = false;\n  @Prop({ attribute: 'userid' }) userId: number;\n  @Prop({ attribute: 'storename' }) storeName;\n  @Prop({ attribute: 'products' }) productsInString: string;\n  @Prop({ attribute: 'cartid' }) cartId;\n\n  @State() products: Array<IProductWake>;\n  @State() customer: ICustomer;\n\n  async componentWillLoad() {\n    await this.handleLoad();\n  }\n\n  async handleLoad() {\n    try {\n      if(this.userId) {\n        this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);\n        console.log('user', this.customer);\n      }\n    } catch (error) {\n      console.log('info customer')\n    }\n    this.products = JSON.parse(this.productsInString);\n  }\n\n  buildProducts(): IProduct[] {\n    return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), variantId: product.ProdutoVarianteId, qtd: product.Quantidade }))\n  }\n\n  handleCloseModal() {\n    this.showModal = false;\n  }\n\n  render() {\n    return (\n      <div class=\"section-crm\">\n        <div class=\"container-button\">\n          <img src={logo} onClick={() => (this.showModal = true)} />\n        </div>\n        <app-modal\n          isOpen={this.showModal}\n          modalTitle={`Giftback`}\n          onModalClosed={() => (this.showModal = false)}\n        >\n          <crm-bonus-form cancel={() => this.handleCloseModal()} storeName={this.storeName} products={this.buildProducts()} cartId={this.cartId} customer={this.customer} />\n        </app-modal>\n      </div>\n    )\n  }\n}\n"],"version":3}