crmbonus-component-wake 2.0.49 → 2.0.51

package/dist/components/crm-bonus-form.js

@@ -1,165 +0,0 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-2f266d73.js';
-import { C as CrmBonusService } from './p-384fabf7.js';
-import { S as StepFormEnum } from './p-a561251a.js';
-import { d as defineCustomElement$6 } from './p-f5fcff75.js';
-import { d as defineCustomElement$5 } from './p-4f18f4c0.js';
-import { d as defineCustomElement$4 } from './p-f168d5f6.js';
-import { d as defineCustomElement$3 } from './p-5c3fe5a8.js';
-import { d as defineCustomElement$2 } from './p-a30bd6b1.js';
-
-const crmBonusFormCss = ".form-container{width:100%;display:flex;justify-content:center;justify-content:space-around}.disabled{opacity:0.6;cursor:not-allowed}.message-error{color:#d11111;font-weight:bold;font-family:Arial;font-size:small;margin-left:16px}";
-const CrmBonusFormStyle0 = crmBonusFormCss;
-
-const CrmBonusForm$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusForm extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.crmBonusService = CrmBonusService.getInstance();
-        this.storeName = undefined;
-        this.cartId = undefined;
-        this.products = undefined;
-        this.customer = {
-            phone: "",
-            birthDate: "",
-            document: "",
-            name: ""
-        };
-        this.sent = undefined;
-        this.stepNext = undefined;
-        this.phone = undefined;
-        this.loadingModal = undefined;
-        this.saveStore = undefined;
-        this.cancel = undefined;
-        this.handleCustomerName = undefined;
-        this.loading = false;
-        this.step = StepFormEnum.STEP_NAME;
-        this.message = undefined;
-        this.bonus = undefined;
-    }
-    async setStep(step) {
-        this.step = step;
-    }
-    async validateBonus(pin) {
-        var _a, _b;
-        this.loading = true;
-        this.message = "";
-        const payload = {
-            pin: pin,
-            cellphone: this.phone.toString(),
-            storeId: this.sent.storeId.toString(),
-            userId: this.sent.userId.toString(),
-            checkoutId: this.cartId,
-            checkoutProducts: this.products,
-            name: null,
-            storeName: this.storeName
-        };
-        try {
-            this.bonus = await this.crmBonusService.validatePinBonus(payload);
-            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;
-        }
-    }
-    async reserveApply(amount) {
-        this.loading = true;
-        this.message = "";
-        try {
-            await this.reserve(amount);
-            this.step = StepFormEnum.STEP_APPLY;
-            this.saveStore(amount);
-        }
-        catch (error) {
-            this.message = "ocorreu um error ao solicitar a aplicação do bonus! tente novamente";
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    async reserve(amount) {
-        await this.crmBonusService.reserve({
-            redeemedBonus: amount,
-            cartId: this.cartId,
-            ticket: this.cartId,
-            grossValue: Number(this.bonus.totalValue),
-            storeName: this.storeName,
-            storeId: this.bonus.storeId.toString(),
-            userId: this.bonus.userId
-        });
-    }
-    handleCancel() {
-        this.step = StepFormEnum.STEP_PHONE;
-        this.cancel();
-    }
-    render() {
-        return (h(Host, { key: '56bef07243aafe1abb78fdfd38922801b84c269b' }, this.step == StepFormEnum.STEP_NAME && h("name-input", { key: '685df95ea0cd693f9a62893798464834524f5168', loading: this.loadingModal, value: this.customer.name, applyName: (name) => this.handleCustomerName(name) }), this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: 'af82b751ed04382498e25614276ac08d5cade07a', cancel: () => this.handleCancel(), sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: '1b493c06bf11bc7596d672fcec789a9f93573751', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_APPLY && h("giftback-finish", { key: '272438aa4dbc8bb1ef9fdb45d3c2cc657d41ef4a' }), h("p", { key: 'a3a0e8a1be44d65b1edd34e28956d1b34b732fef', class: "message-error" }, this.message)));
-    }
-    static get style() { return CrmBonusFormStyle0; }
-}, [1, "crm-bonus-form", {
-        "storeName": [8, "storename"],
-        "cartId": [8, "cart-id"],
-        "products": [16],
-        "customer": [16],
-        "sent": [16],
-        "stepNext": [2, "step-next"],
-        "phone": [2],
-        "loadingModal": [4, "loading-modal"],
-        "saveStore": [16],
-        "cancel": [16],
-        "handleCustomerName": [16],
-        "loading": [32],
-        "step": [32],
-        "message": [32],
-        "bonus": [32],
-        "setStep": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["crm-bonus-form", "giftback-finish", "giftback-pin", "giftback-progress", "loading-spinner", "name-input"];
-    components.forEach(tagName => { switch (tagName) {
-        case "crm-bonus-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CrmBonusForm$1);
-            }
-            break;
-        case "giftback-finish":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "giftback-pin":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "giftback-progress":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "loading-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "name-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const CrmBonusForm = CrmBonusForm$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CrmBonusForm, defineCustomElement };
-
-//# sourceMappingURL=crm-bonus-form.js.map

package/dist/components/crm-bonus-form.js.map

@@ -1 +0,0 @@
-{"file":"crm-bonus-form.js","mappings":"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","names":["CrmBonusForm"],"sources":["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":[".form-container {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    justify-content: space-around;\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, Method, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent';\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 = CrmBonusService.getInstance();\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() sent: IPinSent;\n    @Prop() stepNext: StepFormEnum;\n    @Prop() phone: number;\n    @Prop() loadingModal: boolean;\n\n    @Prop() saveStore: (amount: number) => void;\n\n    @Prop() cancel: () => void;\n\n    @Prop() handleCustomerName: (name: string) => void;\n\n    @State() loading: boolean = false;\n\n    @State() step: number = StepFormEnum.STEP_NAME;\n\n    @State() message: string;\n\n    @State() bonus: IBonus;\n\n    @Method()\n    async setStep(step: StepFormEnum) {\n        this.step = step\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            storeId: this.sent.storeId.toString(),\n            userId: this.sent.userId.toString(),\n            checkoutId: this.cartId,\n            checkoutProducts: this.products,\n            name: null,\n            storeName: this.storeName\n        }\n\n        try {\n            this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n            this.step = StepFormEnum.STEP_RESERVE;\n        } catch (error) {\n            this.message = error?.response?.data?.message\n        } finally {\n            this.loading = false;\n        }\n    }\n\n    public async reserveApply(amount: number) {\n        this.loading = true;\n        this.message = \"\";\n        try {\n            await this.reserve(amount);\n\n            this.step = StepFormEnum.STEP_APPLY;\n\n            this.saveStore(amount);\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 async reserve(amount: number) {\n        await this.crmBonusService.reserve({\n            redeemedBonus: amount,\n            cartId: this.cartId,\n            ticket: this.cartId,\n            grossValue: Number(this.bonus.totalValue),\n            storeName: this.storeName,\n            storeId: this.bonus.storeId.toString(),\n            userId: this.bonus.userId\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                \n                {this.step == StepFormEnum.STEP_NAME && <name-input loading={this.loadingModal} value={this.customer.name} applyName={(name) => this.handleCustomerName(name)} />}\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.reserveApply(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/components/crm-bonus-note.js

@@ -1,71 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
-import { g as getInfoCustomization } from './p-75ba7b9a.js';
-
-const crmBonusNoteCss = ".note-container{border:1px solid #dddddd;padding:0 15px 15px;margin:0 0 26px 0px}.note-container hr{border:1px solid #CCC}.note-container .back-cart{display:flex;text-align:center}.note-header{display:flex;align-items:baseline;justify-content:space-between}.note-title{font-weight:700;text-align:left}.note-description{font-family:Arial;color:#6d6d5f;padding:0;margin:0 auto}.back-cart{font-size:.9em;color:#27272A;text-decoration:none;cursor:pointer;margin-top:11px}.note-description-2{color:var(--crm-scheme-fg-main-inverse, #262626);font-family:Roboto;font-size:var(--crm-font-size-body-lg, 16px);font-style:normal;font-weight:var(--crm-font-weight-body-bold, 400);line-height:var(--crm-line-height-body-md, 20px);letter-spacing:var(--crm-letter-spacing-title-md, 0px)}";
-const CrmBonusNoteStyle0 = crmBonusNoteCss;
-
-const CrmBonusNote$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusNote extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.cartId = undefined;
-        this.storename = undefined;
-        this.url = undefined;
-        this.config = undefined;
-    }
-    componentWillLoad() {
-        this.upadateCheckToFreteAndGetUrl();
-    }
-    upadateCheckToFreteAndGetUrl() {
-        this.config = getInfoCustomization(this.storename);
-        console.log('this.config', this.config);
-        const envios = document.getElementsByName('forma-envio');
-        console.log('envios', envios.length);
-        envios.forEach((envio) => {
-            envio.checked = false;
-        });
-        this.url = window.location.origin;
-    }
-    handleHide() {
-        const amount = localStorage.getItem(this.cartId);
-        return !!amount;
-    }
-    getAmount() {
-        console.log("this.cartId", this.cartId);
-        const amount = localStorage.getItem(this.cartId);
-        return Number(amount).toFixed(2).replace(".", ",") || "0,00";
-    }
-    render() {
-        // if (this.handleHide()) {
-        //     return (<div></div>)
-        // }
-        return (h("div", { key: '6f2f33e46e64b48d3357ed27cc3bf606461e19ba' }, h("div", { key: '10b62fadf683044f5859a7c4c4a849aede92f56d', class: "note-container" }, h("div", { key: '9a6bbb221b83f76c4e8fa5d8a60cf61ae6b6ea76', class: "note-header" }, h("p", { key: '505b57b35e88de1c657ccaa30a3e4d6ade98270e', class: "note-title" }, this.config.giftbackTitle), h("a", { key: '924c501db05a462009e50b91a57abde92eb38624', class: "back-cart", href: this.url }, "Editar")), h("hr", { key: '6169d4c9ff8c1ec406d18fcf0a21559fc0a806db' }), h("p", { key: '3ffe7ca6cec935defee10d237541c8126571f5b1', class: "note-description-2" }, this.config.giftbackTitle || "Giftback", " aplicado ao pedido: ", h("strong", { key: '167ea51e4d0ddba06fb04810331b71e64beaba80' }, "R$ ", this.getAmount())))));
-    }
-    static get style() { return CrmBonusNoteStyle0; }
-}, [0, "crm-bonus-note", {
-        "cartId": [8, "cartid"],
-        "storename": [8],
-        "url": [32],
-        "config": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["crm-bonus-note"];
-    components.forEach(tagName => { switch (tagName) {
-        case "crm-bonus-note":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CrmBonusNote$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const CrmBonusNote = CrmBonusNote$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CrmBonusNote, defineCustomElement };
-
-//# sourceMappingURL=crm-bonus-note.js.map

package/dist/components/crm-bonus-note.js.map

@@ -1 +0,0 @@
-{"file":"crm-bonus-note.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,swBAAswB,CAAC;AAC/xB,2BAAe,eAAe;;MCMjBA,cAAY;;;;;;;;;IAQrB,iBAAiB;QACb,IAAI,CAAC,4BAA4B,EAAE,CAAA;KACtC;IAED,4BAA4B;QAExB,IAAI,CAAC,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEnD,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAExC,MAAM,MAAM,GAAG,QAAQ,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;QAEzD,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;QAErC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAU;YACtB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;SACzB,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;KACrC;IAED,UAAU;QACN,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjD,OAAO,CAAC,CAAC,MAAM,CAAC;KACnB;IAED,SAAS;QACL,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;QACvC,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEjD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,MAAM,CAAA;KAC/D;IAED,MAAM;;;;QAMF,QACI,8DACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,4DAAK,KAAK,EAAC,aAAa,IACpB,0DAAG,KAAK,EAAC,YAAY,IAChB,IAAI,CAAC,MAAM,CAAC,aAAa,CAC1B,EAEJ,0DAAG,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,aAE/B,CACF,EAEN,4DAAM,EAEN,0DAAG,KAAK,EAAC,oBAAoB,IACxB,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,UAAU,2BAAsB,wEAAY,IAAI,CAAC,SAAS,EAAE,CAAU,CACpG,CAKF,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CrmBonusNote"],"sources":["src/components/note/crm-bonus-note.css?tag=crm-bonus-note","src/components/note/crm-bonus-note.tsx"],"sourcesContent":[".note-container {\n    border: 1px solid #dddddd;\n    padding: 0 15px 15px;\n    margin: 0 0 26px 0px;\n}\n\n.note-container hr {\n    border: 1px solid #CCC;\n}\n\n.note-container .back-cart {\n    display: flex;\n    text-align: center;\n}\n\n.note-header {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n}\n\n.note-title {\n    font-weight: 700;\n    text-align: left;\n}\n\n.note-description {\n    font-family: Arial;\n    color: #6d6d5f;\n    padding: 0;\n    margin: 0 auto;\n}\n\n.back-cart {\n    font-size: .9em;\n    color: #27272A;\n    text-decoration: none;\n    cursor: pointer;\n    margin-top: 11px;\n}\n\n\n.note-description-2 {\n    color: var(--crm-scheme-fg-main-inverse, #262626);\n    font-family: Roboto;\n    font-size: var(--crm-font-size-body-lg, 16px);\n    font-style: normal;\n    font-weight: var(--crm-font-weight-body-bold, 400);\n    line-height: var(--crm-line-height-body-md, 20px);\n    letter-spacing: var(--crm-letter-spacing-title-md, 0px);\n}","import { Component, Prop, State, h } from \"@stencil/core\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\n@Component({\n    tag: 'crm-bonus-note',\n    styleUrl: 'crm-bonus-note.css'\n})\nexport class CrmBonusNote {\n\n    @Prop({ attribute: 'cartid' }) cartId;\n    @Prop({ attribute: \"storename\" }) storename;\n\n    @State() url: string;\n    @State() config: IInfoStore;\n\n    componentWillLoad() {\n        this.upadateCheckToFreteAndGetUrl()\n    }\n\n    upadateCheckToFreteAndGetUrl() {\n\n        this.config = getInfoCustomization(this.storename);\n\n        console.log('this.config', this.config);\n\n        const envios = document.getElementsByName('forma-envio');\n\n        console.log('envios', envios.length);\n\n        envios.forEach((envio: any) => {\n            envio.checked = false;\n        });\n\n        this.url = window.location.origin;\n    }\n\n    handleHide() {\n        const amount = localStorage.getItem(this.cartId);\n        return !!amount;\n    }\n\n    getAmount() {\n        console.log(\"this.cartId\", this.cartId)\n        const amount = localStorage.getItem(this.cartId);\n\n        return Number(amount).toFixed(2).replace(\".\", \",\") || \"0,00\"\n    }\n\n    render() {\n\n        // if (this.handleHide()) {\n        //     return (<div></div>)\n        // }\n\n        return (\n            <div>\n                <div class=\"note-container\">\n                    <div class=\"note-header\">\n                        <p class=\"note-title\">\n                            {this.config.giftbackTitle}\n                        </p>\n\n                        <a class=\"back-cart\" href={this.url}>\n                            Editar\n                        </a>\n                    </div>\n\n                    <hr />\n\n                    <p class=\"note-description-2\">\n                        {this.config.giftbackTitle || \"Giftback\"} aplicado ao pedido: <strong>R$ {this.getAmount()}</strong>\n                    </p>\n\n                    {/* <a class=\"back-cart\" href={this.url}>\n                        Voltar ao carrinho\n                    </a> */}\n                </div>\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/components/crm-bonus.js

@@ -1,282 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
-import { C as CrmBonusService } from './p-384fabf7.js';
-import { S as StepFormEnum } from './p-a561251a.js';
-import { i as instance } from './p-1d5eeac0.js';
-import { d as defineCustomElement$9 } from './p-39d680b6.js';
-import { d as defineCustomElement$8 } from './p-46578efa.js';
-import { d as defineCustomElement$7 } from './p-25f37293.js';
-import { d as defineCustomElement$6 } from './p-0a57e57f.js';
-import { d as defineCustomElement$5 } from './p-5c3fe5a8.js';
-import { d as defineCustomElement$4 } from './p-11bd8050.js';
-import { d as defineCustomElement$3 } from './p-be365312.js';
-import { d as defineCustomElement$2 } from './p-5dfa24e0.js';
-
-const crmBonusCss = ".container-button{cursor:pointer;padding:5px 5px 5px 14px;}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm{margin-top:10px}.section-cart-crm p{padding:0;margin:0px 0px 0px 15px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer;margin-left:10px;height:70px}.form-container{width:97%;display:flex;justify-content:space-around}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container .btnCrm{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert{font-family:sans-serif;color:#df4d4d;margin-top:5px}";
-const CrmBonusStyle0 = crmBonusCss;
-
-console.log('i18next', instance.language);
-const CrmBonus$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.crmBonusService = CrmBonusService.getInstance();
-        this.showModal = false;
-        this.userId = undefined;
-        this.storeName = undefined;
-        this.productsInString = undefined;
-        this.cartId = undefined;
-        this.products = undefined;
-        this.customer = {
-            birthDate: "",
-            document: "",
-            name: "",
-            phone: ""
-        };
-        this.loading = false;
-        this.message = undefined;
-        this.phone = undefined;
-        this.canCancel = false;
-        this.amountCancel = undefined;
-        this.sent = undefined;
-        this.session = undefined;
-    }
-    async componentWillLoad() {
-        instance.changeLanguage(instance.language);
-        await this.loadSession();
-        await this.loadConfigStore();
-        await this.handleLoad();
-    }
-    async loadConfigStore() {
-        await this.crmBonusService.getCustomization(this.storeName);
-    }
-    async handleLoad() {
-        try {
-            if (this.userId) {
-                this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);
-            }
-            const amount = localStorage.getItem(this.cartId);
-            if (amount) {
-                this.canCancel = true;
-                this.amountCancel = amount;
-            }
-        }
-        catch (error) {
-            console.log('info customer');
-        }
-        this.buildAndGetProducts();
-    }
-    async loadSession() {
-        this.session = await this.crmBonusService.getToken(this.storeName);
-        setTimeout(() => {
-            this.loadSession();
-        }, 1500000);
-    }
-    async buildAndGetProducts() {
-        const key = `bc-products:${this.cartId}`;
-        const cache_products = localStorage.getItem(key);
-        if (!cache_products) {
-            localStorage.setItem(key, this.productsInString);
-        }
-        const productsInCart = JSON.parse(this.productsInString);
-        const products_in_cache = JSON.parse(localStorage.getItem(key));
-        const products = [];
-        for (const product_cart of productsInCart) {
-            const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId);
-            if (pro) {
-                products.push(Object.assign(Object.assign({}, product_cart), { PrecoPor: pro.PrecoPor }));
-            }
-            else {
-                products.push(product_cart);
-            }
-        }
-        this.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);
-    }
-    async sendPin(phone) {
-        var _a, _b;
-        this.loading = true;
-        this.message = "";
-        try {
-            const _phone = phone.replace(/\D/g, '');
-            this.phone = Number(_phone);
-            this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);
-            await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);
-            this.showModal = true;
-        }
-        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 sendPinName(customerName) {
-        var _a, _b;
-        this.loading = true;
-        this.message = "";
-        try {
-            this.customer.name = customerName;
-            this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);
-            await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);
-            this.showModal = true;
-        }
-        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;
-        }
-    }
-    buildProducts() {
-        return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), productVariantId: product.ProdutoVarianteId.toString(), quantity: product.Quantidade }));
-    }
-    handleCloseModal() {
-        this.showModal = false;
-    }
-    save(amount) {
-        localStorage.setItem(this.cartId, amount.toString());
-        this.canCancel = true;
-        this.amountCancel = amount.toString();
-    }
-    async cancel() {
-        this.message = "";
-        this.loading = true;
-        try {
-            await this.crmBonusService.cancel(this.cartId);
-            this.canCancel = false;
-            localStorage.removeItem(this.cartId);
-        }
-        catch (error) {
-            this.message = "Não consegui cancelar o bônus, tente novamente!";
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    async handleSendPin(phone) {
-        this.message = "";
-        if (!phone) {
-            this.message = "Informe seu telefone";
-            return;
-        }
-        this.customer.phone = phone;
-        const _phone = phone.replace(/\D/g, '');
-        this.phone = Number(_phone);
-        if (this.customer.name) {
-            return this.sendPin(phone);
-        }
-        await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);
-        this.showModal = true;
-    }
-    render() {
-        return (h("crm-giftback-form", { key: '79182d3759f4942334af4a8c0bf0da42b3752db3', storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId })
-        // <div class="section-cart-crm">
-        //   <p class="text-left fbits-responsive-carrinho-desconto-texto">Giftback</p>
-        //   <div class="container-button">
-        //     {/* <img src={logo} onClick={() => (this.showModal = true)} /> */}
-        //     {
-        //       this.canCancel ? <phone-cancel-input value={this.amountCancel} sendPin={() => { this.cancel() }} loading={this.loading} />
-        //         : <phone-input value={this.customer.phone} sendPin={(phone) => { this.handleSendPin(phone) }} loading={this.loading} />
-        //     }
-        //   </div>
-        //   <p class="message-alert" >{this.message}</p>
-        //   <app-modal
-        //     isOpen={this.showModal}
-        //     modalTitle={`Giftback`}
-        //     onModalClosed={() => (this.showModal = false)}
-        //   >
-        //     <crm-bonus-form
-        //       loadingModal={this.loading}
-        //       saveStore={(amount: number) => this.save(amount)}
-        //       ref={ref => this.crmBonusRef = ref}
-        //       sent={this.sent}
-        //       phone={this.phone}
-        //       cancel={() => this.handleCloseModal()}
-        //       storeName={this.storeName}
-        //       products={this.buildProducts()}
-        //       cartId={this.cartId} customer={this.customer}
-        //       handleCustomerName={(name: string) => this.sendPinName(name)}
-        //     />
-        //   </app-modal>
-        // </div>
-        );
-    }
-    static get assetsDirs() { return ["assets"]; }
-    static get style() { return CrmBonusStyle0; }
-}, [1, "crm-bonus", {
-        "userId": [2, "userid"],
-        "storeName": [8, "storename"],
-        "productsInString": [1, "products"],
-        "cartId": [8, "cartid"],
-        "showModal": [32],
-        "products": [32],
-        "customer": [32],
-        "loading": [32],
-        "message": [32],
-        "phone": [32],
-        "canCancel": [32],
-        "amountCancel": [32],
-        "sent": [32],
-        "session": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["crm-bonus", "countdown-timer", "crm-button", "crm-giftback-form", "giftback-info", "loading-spinner", "phone-form", "phone-input-mask", "pin-form"];
-    components.forEach(tagName => { switch (tagName) {
-        case "crm-bonus":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CrmBonus$1);
-            }
-            break;
-        case "countdown-timer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "crm-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "crm-giftback-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "giftback-info":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "loading-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "phone-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "phone-input-mask":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "pin-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const CrmBonus = CrmBonus$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CrmBonus, defineCustomElement };
-
-//# sourceMappingURL=crm-bonus.js.map

package/dist/components/crm-bonus.js.map

@@ -1 +0,0 @@
-{"file":"crm-bonus.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,WAAW,GAAG,y/BAAy/B,CAAC;AAC9gC,uBAAe,WAAW;;ACO1B,OAAO,CAAC,GAAG,CAAC,SAAS,EAAEA,QAAO,CAAC,QAAQ,CAAC,CAAA;MAQ3BC,UAAQ;;;;;QAEX,oBAAe,GAAoB,eAAe,CAAC,WAAW,EAAE,CAAC;yBAI3C,KAAK;;;;;;wBAOJ;YAC7B,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACV;uBAE2B,KAAK;;;yBAGH,KAAK;;;;;IAMnC,MAAM,iBAAiB;QACrBD,QAAO,CAAC,cAAc,CAACA,QAAO,CAAC,QAAQ,CAAC,CAAC;QAEzC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QACzB,MAAM,IAAI,CAAC,eAAe,EAAE,CAAA;QAC5B,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;KACzB;IAED,MAAM,eAAe;QACnB,MAAM,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KAC7D;IAED,MAAM,UAAU;QACd,IAAI;YACF,IAAI,IAAI,CAAC,MAAM,EAAE;gBACf,IAAI,CAAC,QAAQ,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;aACrF;YAED,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAEjD,IAAI,MAAM,EAAE;gBACV,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;gBACtB,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;aAC5B;SAEF;QAAC,OAAO,KAAK,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;SAC7B;QAED,IAAI,CAAC,mBAAmB,EAAE,CAAC;KAC5B;IAGD,MAAM,WAAW;QACf,IAAI,CAAC,OAAO,GAAI,MAAM,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEpE,UAAU,CAAC;YACT,IAAI,CAAC,WAAW,EAAE,CAAA;SACnB,EAAE,OAAO,CAAC,CAAA;KAEZ;IAED,MAAM,mBAAmB;QACvB,MAAM,GAAG,GAAG,eAAe,IAAI,CAAC,MAAM,EAAE,CAAC;QACzC,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAEhD,IAAI,CAAC,cAAc,EAAE;YACnB,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;SAClD;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACzD,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;QAEhE,MAAM,QAAQ,GAAwB,EAAE,CAAA;QAExC,KAAK,MAAM,YAAY,IAAI,cAAc,EAAE;YAEzC,MAAM,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB,IAAI,YAAY,CAAC,iBAAiB,CAAC,CAAA;YAElG,IAAI,GAAG,EAAE;gBACP,QAAQ,CAAC,IAAI,iCACR,YAAY,KACf,QAAQ,EAAE,GAAG,CAAC,QAAQ,IACtB,CAAA;aACH;iBAAM;gBACL,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;aAC5B;SAEF;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;KAE1B;IAEM,MAAM,OAAO,CAAC,KAAa;;QAChC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAElB,IAAI;YAEF,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACxC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;YAE5B,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAE/F,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YAEtD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,OAAO,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,IAAI,0CAAE,OAAO,CAAA;SAC9C;gBAAS;YACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;SACrB;KACF;IAEM,MAAM,WAAW,CAAC,YAAoB;;QAC3C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAElB,IAAI;YACF,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC;YAElC,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAE/F,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;YAEtD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,OAAO,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,IAAI,0CAAE,OAAO,CAAA;SAC9C;gBAAS;YACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;SACrB;KACF;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,gBAAgB,EAAE,OAAO,CAAC,iBAAiB,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;KAClM;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KACxB;IAED,IAAI,CAAC,MAAc;QACjB,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;QACrD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAA;KACtC;IAED,MAAM,MAAM;QACV,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI;YACF,MAAM,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC/C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YAEvB,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACtC;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,CAAC,OAAO,GAAG,iDAAiD,CAAA;SACjE;gBAAS;YACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACtB;KACF;IAED,MAAM,aAAa,CAAC,KAAa;QAC/B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACjB,IAAI,CAAC,KAAK,EAAE;YACV,IAAI,CAAC,OAAO,GAAG,sBAAsB,CAAC;YACtC,OAAO;SACR;QAED,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;QAC5B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACxC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QAE5B,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;YACtB,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;SAC3B;QAED,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QACvD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;KACvB;IAED,MAAM;QAEJ,QACE,0EACE,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,EAC9B,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA8BH;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["i18next","CrmBonus"],"sources":["src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["\n.container-button {\n  /* max-width: 100%; */\n  cursor: pointer;\n  padding: 5px 5px 5px 14px;\n  /* display: flex; */\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}\n\n.section-cart-crm {\n  margin-top: 10px;\n}\n\n.section-cart-crm p {\n  padding: 0;\n  margin: 0px 0px 0px 15px;\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  margin-left: 10px;\n  height: 70px;\n}\n\n.form-container {\n  width: 97%;\n  display: flex;\n  justify-content: space-around;\n}\n\n\n.btn {\n  display: inline-block;\n  padding: 6px 12px;\n  margin-bottom: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.42857143;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-image: none;\n  border: 1px solid transparent;\n  border-radius: 0px;\n}\n\n.form-container .btnCrm {\n  background: #00162e;\n  border-color: #00162e;\n  width: 30%;\n  color: #fff;\n}\n\n.message-alert {\n  font-family: sans-serif;\n  color: #df4d4d;\n  margin-top: 5px;\n}","import { Component, Prop, State, h } from '@stencil/core';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\nimport { IPinSent } from '../../components';\nimport { StepFormEnum } from '../../contants';\n\nimport i18next from '../../i18n/i18n'\n\nconsole.log('i18next', i18next.language)\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 = CrmBonusService.getInstance();\n\n  private crmBonusRef: HTMLCrmBonusFormElement;\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    birthDate: \"\",\n    document: \"\",\n    name: \"\",\n    phone: \"\"\n  };\n\n  @State() loading: boolean = false;\n  @State() message: string;\n  @State() phone: number;\n  @State() canCancel: boolean = false;\n  @State() amountCancel: string;\n  @State() sent: IPinSent;\n\n  @State() session: string;\n\n  async componentWillLoad() {\n    i18next.changeLanguage(i18next.language);\n\n    await this.loadSession();\n    await this.loadConfigStore()\n    await this.handleLoad();\n  }\n\n  async loadConfigStore() {\n    await this.crmBonusService.getCustomization(this.storeName);\n  }\n\n  async handleLoad() {\n    try {\n      if (this.userId) {\n        this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);\n      }\n\n      const amount = localStorage.getItem(this.cartId);\n\n      if (amount) {\n        this.canCancel = true;\n        this.amountCancel = amount;\n      }\n\n    } catch (error) {\n      console.log('info customer')\n    }\n    \n    this.buildAndGetProducts();\n  }\n\n\n  async loadSession() {\n    this.session =  await this.crmBonusService.getToken(this.storeName);\n\n    setTimeout(() => {\n      this.loadSession()\n    }, 1500000)\n\n  }\n\n  async buildAndGetProducts() {\n    const key = `bc-products:${this.cartId}`;\n    const cache_products = localStorage.getItem(key)\n\n    if (!cache_products) {\n      localStorage.setItem(key, this.productsInString);\n    }\n\n    const productsInCart = JSON.parse(this.productsInString);\n    const products_in_cache = JSON.parse(localStorage.getItem(key));\n\n    const products: Array<IProductWake> = []\n\n    for (const product_cart of productsInCart) {\n\n      const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\n\n      if (pro) {\n        products.push({\n          ...product_cart,\n          PrecoPor: pro.PrecoPor\n        })\n      } else {\n        products.push(product_cart)\n      }\n      \n    }\n\n    this.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);\n\n  }\n\n  public async sendPin(phone: string) {\n    this.loading = true;\n    this.message = \"\";\n\n    try {\n\n      const _phone = phone.replace(/\\D/g, '');\n      this.phone = Number(_phone);\n\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  public async sendPinName(customerName: string) {\n    this.loading = true;\n    this.message = \"\";\n\n    try {\n      this.customer.name = customerName;\n\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  buildProducts(): IProduct[] {\n    return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), productVariantId: product.ProdutoVarianteId.toString(), quantity: product.Quantidade }))\n  }\n\n  handleCloseModal() {\n    this.showModal = false;\n  }\n\n  save(amount: number) {\n    localStorage.setItem(this.cartId, amount.toString());\n    this.canCancel = true;\n    this.amountCancel = amount.toString()\n  }\n\n  async cancel() {\n    this.message = \"\";\n    this.loading = true;\n    try {\n      await this.crmBonusService.cancel(this.cartId);\n      this.canCancel = false;\n\n      localStorage.removeItem(this.cartId);\n    } catch (error) {\n      this.message = \"Não consegui cancelar o bônus, tente novamente!\"\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  async handleSendPin(phone: string) {\n    this.message = \"\"\n    if (!phone) {\n      this.message = \"Informe seu telefone\";\n      return;\n    }\n\n    this.customer.phone = phone;\n    const _phone = phone.replace(/\\D/g, '');\n    this.phone = Number(_phone);\n\n    if (this.customer.name) {\n      return this.sendPin(phone)\n    }\n\n    await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);\n    this.showModal = true;\n  }\n\n  render() {\n\n    return (\n      <crm-giftback-form \n        storeName={this.storeName}\n        products={this.buildProducts()}\n        cartId={this.cartId}\n      />\n      // <div class=\"section-cart-crm\">\n      //   <p class=\"text-left fbits-responsive-carrinho-desconto-texto\">Giftback</p>\n      //   <div class=\"container-button\">\n      //     {/* <img src={logo} onClick={() => (this.showModal = true)} /> */}\n      //     {\n      //       this.canCancel ? <phone-cancel-input value={this.amountCancel} sendPin={() => { this.cancel() }} loading={this.loading} />\n      //         : <phone-input value={this.customer.phone} sendPin={(phone) => { this.handleSendPin(phone) }} loading={this.loading} />\n      //     }\n      //   </div>\n      //   <p class=\"message-alert\" >{this.message}</p>\n      //   <app-modal\n      //     isOpen={this.showModal}\n      //     modalTitle={`Giftback`}\n      //     onModalClosed={() => (this.showModal = false)}\n      //   >\n      //     <crm-bonus-form\n      //       loadingModal={this.loading}\n      //       saveStore={(amount: number) => this.save(amount)}\n      //       ref={ref => this.crmBonusRef = ref}\n      //       sent={this.sent}\n      //       phone={this.phone}\n      //       cancel={() => this.handleCloseModal()}\n      //       storeName={this.storeName}\n      //       products={this.buildProducts()}\n      //       cartId={this.cartId} customer={this.customer}\n      //       handleCustomerName={(name: string) => this.sendPinName(name)}\n      //     />\n      //   </app-modal>\n      // </div>\n    )\n  }\n}\n"],"version":3}

package/dist/components/crm-button.js

@@ -1,8 +0,0 @@
-import { B as Button, d as defineCustomElement$1 } from './p-46578efa.js';
-
-const CrmButton = Button;
-const defineCustomElement = defineCustomElement$1;
-
-export { CrmButton, defineCustomElement };
-
-//# sourceMappingURL=crm-button.js.map

package/dist/components/crm-button.js.map

@@ -1 +0,0 @@
-{"file":"crm-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/crm-giftback-form.js

@@ -1,8 +0,0 @@
-import { C as CrmBonus, d as defineCustomElement$1 } from './p-25f37293.js';
-
-const CrmGiftbackForm = CrmBonus;
-const defineCustomElement = defineCustomElement$1;
-
-export { CrmGiftbackForm, defineCustomElement };
-
-//# sourceMappingURL=crm-giftback-form.js.map

package/dist/components/crm-giftback-form.js.map

@@ -1 +0,0 @@
-{"file":"crm-giftback-form.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/giftback-finish.js

@@ -1,8 +0,0 @@
-import { G as GiftbackFinish$1, d as defineCustomElement$1 } from './p-f5fcff75.js';
-
-const GiftbackFinish = GiftbackFinish$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { GiftbackFinish, defineCustomElement };
-
-//# sourceMappingURL=giftback-finish.js.map

package/dist/components/giftback-finish.js.map

@@ -1 +0,0 @@
-{"file":"giftback-finish.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/giftback-info.js

@@ -1,8 +0,0 @@
-import { G as GiftbackInfo$1, d as defineCustomElement$1 } from './p-0a57e57f.js';
-
-const GiftbackInfo = GiftbackInfo$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { GiftbackInfo, defineCustomElement };
-
-//# sourceMappingURL=giftback-info.js.map

package/dist/components/giftback-info.js.map

@@ -1 +0,0 @@
-{"file":"giftback-info.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/giftback-pin.js

@@ -1,8 +0,0 @@
-import { G as GiftbackPin$1, d as defineCustomElement$1 } from './p-4f18f4c0.js';
-
-const GiftbackPin = GiftbackPin$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { GiftbackPin, defineCustomElement };
-
-//# sourceMappingURL=giftback-pin.js.map

package/dist/components/giftback-pin.js.map

@@ -1 +0,0 @@
-{"file":"giftback-pin.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}