crmbonus-component-wake 2.1.41-ngrok → 2.1.41-shoulder

package/dist/cjs/countdown-timer_11.cjs.entry.js

@@ -2,9 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a7537457.js');
-const cart_helper = require('./cart.helper-31ba8997.js');
-const info_config_helper = require('./info.config.helper-d4b1291b.js');
+const index = require('./index-e45b352e.js');
+const crmbonus_service = require('./crmbonus.service-ef8fe456.js');
+const info_config_helper = require('./info.config.helper-52984ab9.js');
+const i18n = require('./i18n-defaa4f8.js');
+const cart_helper = require('./cart.helper-d1f02660.js');
 const utils = require('./utils-5d59acb1.js');
 
 const CountdownTimer = class {
@@ -51,7 +53,7 @@ const CountdownTimer = class {
         const minutos = Math.floor(this.tempoRestante / 60000);
         const segundos = Math.floor((this.tempoRestante % 60000) / 1000);
         const tempoFormatado = `${String(minutos).padStart(2, '0')}:${String(segundos).padStart(2, '0')}`;
-        return (index.h("label", { key: 'ed1e0654cba5b152adcadb10cf9dfd6909c07a1f' }, " ", tempoFormatado));
+        return (index.h("label", { key: '18d5e1487a5c1986858f319f6169d9ea6f8db925' }, " ", tempoFormatado));
     }
 };
 
@@ -64,6 +66,7 @@ var AjustesTipoEnum;
 })(AjustesTipoEnum || (AjustesTipoEnum = {}));
 
 function buildProductsByWake(productsWake = []) {
+    console.log('productsWake', productsWake);
     const products = [];
     for (const pw of productsWake) {
         // let discounts_formula = getDiscountFormula(pw.Ajustes);
@@ -106,13 +109,13 @@ function getDiscount(ajustes = [], hasOriginalPrice) {
     return discounts;
 }
 
-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;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-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{color:#df4d4d;margin-top:5px}";
+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;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-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{color:#df4d4d;margin-top:5px}.empty-container{min-height:150px}";
 const CrmBonusStyle0 = crmBonusCss;
 
 const CrmBonus$1 = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.crmBonusService = cart_helper.CrmBonusService.getInstance();
+        this.crmBonusService = crmbonus_service.CrmBonusService.getInstance();
         this.cart = undefined;
         this.canhidden = false;
         this.showModal = false;
@@ -156,10 +159,10 @@ const CrmBonus$1 = class {
         console.log("[CRMBONUS] - reprocess");
         this.loading_reprocess = true;
         try {
-            const isUse = localStorage.getItem(cart_helper.USED_KEY);
+            const isUse = localStorage.getItem(crmbonus_service.USED_KEY);
             if (!isUse)
                 return;
-            this.cartWake = await cart_helper.getCart();
+            this.cartWake = await cart_helper.getCartStoreFront();
             await this.resetBonus();
         }
         catch (err) {
@@ -193,7 +196,7 @@ const CrmBonus$1 = class {
             }, 2000);
         });
         await this.observerHandle();
-        info_config_helper.instance.changeLanguage(info_config_helper.instance.language);
+        i18n.instance.changeLanguage(i18n.instance.language);
     }
     async componentDidLoad() {
         try {
@@ -211,16 +214,23 @@ const CrmBonus$1 = class {
     async observerHandle() {
         const elements = document.getElementsByTagName('a');
         document.addEventListener('click', (event) => {
+            var _a, _b, _c;
             //@ts-ignore
             console.log('Clique detectado em:', event.target.href);
+            //@ts-ignore
+            console.log('Clique detectado em:', event.target.id);
             console.log('Clique detectado em:', event.target);
             //@ts-ignore
-            if (['validarCupom'].includes(event.target.id)) {
+            if (['validarCupom', 'removerCupomCarrinho'].includes(event.target.id)) {
                 setTimeout(async () => {
                     await this.reprocess();
                     this.observerHandle();
                 }, 2000);
             }
+            //@ts-ignore
+            if (['crm_label'].includes(event.target.id)) {
+                this.crmBonusService.saveTracking((_a = this.cartWake) === null || _a === void 0 ? void 0 : _a.id, { action: 'click_label', storeName: (_c = (_b = this.cartWake) === null || _b === void 0 ? void 0 : _b.store) === null || _c === void 0 ? void 0 : _c.name });
+            }
         });
         //@ts-ignore
         for (let el of elements) {
@@ -285,8 +295,8 @@ const CrmBonus$1 = class {
         }
     }
     async loadSession() {
-        this.cartWake = this.cart ? new cart_helper.CartWake(JSON.parse(this.cart)) : await cart_helper.getCart();
-        console.log('[bc:carregou carrinho]');
+        this.cartWake = this.cart ? cart_helper.CartWake.fromCheckout(JSON.parse(this.cart)) : await cart_helper.getCartStoreFront();
+        console.log('[bc:carregou carrinho]', this.cartWake);
         this.session = await this.crmBonusService.getToken(this.cartWake.store.name);
         console.log('[bc:carregou session]');
         setTimeout(() => {
@@ -347,7 +357,8 @@ const CrmBonus$1 = class {
         }
     }
     buildProducts() {
-        return buildProductsByWake(this.cartWake.products);
+        var _a;
+        return buildProductsByWake(((_a = this.cartWake) === null || _a === void 0 ? void 0 : _a.products) || []);
     }
     handleCloseModal() {
         this.showModal = false;
@@ -388,10 +399,11 @@ const CrmBonus$1 = class {
         this.showModal = true;
     }
     render() {
+        var _a, _b;
         if (this.canhidden) {
             return null;
         }
-        return (index.h("loading-container", { loading: this.loading_reprocess, text: 'carregando...' }, !this.loading_reprocess && (index.h("crm-giftback-form", { customStyles: this.styles, style: { position: "relative" }, ref: ref => this.crmBonusRef = ref, storeName: this.cartWake.store.name, products: this.buildProducts(), cartId: this.cartWake.id, customer: this.customer, loadProducts: () => this.buildProducts(), loadAll: () => this.handleLoad(), reservedInfo: this.reservedInfo }))));
+        return (index.h("loading-container", { loading: this.loading_reprocess, text: 'carregando...' }, this.loading_reprocess && index.h("div", { class: "empty-container" }), !this.loading_reprocess && this.cartWake && (index.h("crm-giftback-form", { customStyles: this.styles, style: { position: "relative" }, ref: ref => this.crmBonusRef = ref, storeName: (_b = (_a = this.cartWake) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.name, products: this.buildProducts(), cartId: this.cartWake.id, customer: this.customer, loadProducts: () => this.buildProducts(), loadAll: () => this.handleLoad(), reservedInfo: this.reservedInfo }))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -408,7 +420,7 @@ const Button = class {
         this.handleClick = undefined;
     }
     render() {
-        return (index.h("div", { key: '785b4975fb6538dbe2cdb7b99d5801abc72c534a', class: "crm-contaner-button" }, index.h("button", { key: '1e41951aa024e9f3b9b1836e8386bd369d022f76', class: "crm-button", onClick: () => this.handleClick() }, !this.loading ? this.txtBtn : index.h("loading-spinner", { size: "15px", color: "#fff" }))));
+        return (index.h("div", { key: '848df9f754a114343163eae85d34a2acb6b04863', class: "crm-contaner-button" }, index.h("button", { key: '517b761b39ced2615dd04fc42d5aaa98a7d749f6', class: "crm-button", onClick: () => this.handleClick() }, !this.loading ? this.txtBtn : index.h("loading-spinner", { size: "15px", color: "#fff" }))));
     }
 };
 Button.style = CrmButtonStyle0;
@@ -420,7 +432,7 @@ const CrmBonus = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         // private phoneInputMask: HTMLPhoneFormElement;
-        this.crmBonusService = cart_helper.CrmBonusService.getInstance();
+        this.crmBonusService = crmbonus_service.CrmBonusService.getInstance();
         this.storeName = undefined;
         this.cartId = undefined;
         this.products = undefined;
@@ -451,7 +463,7 @@ const CrmBonus = class {
         if (hasNewProduct) {
             this.products = products;
         }
-        const _bonus = localStorage.getItem(cart_helper.getKeyReserveByCartId(this.cartId));
+        const _bonus = localStorage.getItem(crmbonus_service.getKeyReserveByCartId(this.cartId));
         console.log('[_bonus]', _bonus);
         if (_bonus) {
             const bonus = JSON.parse(_bonus);
@@ -489,7 +501,7 @@ const CrmBonus = class {
         await this.processBonus();
     }
     getPhoneNumberAgain() {
-        const consulta_bonus = localStorage.getItem(cart_helper.getKeyReserveByCartId(this.cartId));
+        const consulta_bonus = localStorage.getItem(crmbonus_service.getKeyReserveByCartId(this.cartId));
         if (!consulta_bonus)
             return true;
         const bonus = JSON.parse(consulta_bonus);
@@ -541,7 +553,7 @@ const CrmBonus = class {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         this.loadingAllComponent = true;
         await this.loadProducts();
-        const used_or_no = localStorage.getItem(cart_helper.USED_KEY);
+        const used_or_no = localStorage.getItem(crmbonus_service.USED_KEY);
         if (used_or_no == "dontUse") {
             this.step = info_config_helper.StepFormEnum.STEP_RESERVE;
             return;
@@ -565,15 +577,15 @@ const CrmBonus = class {
         try {
             this.bonus = await this.crmBonusService.validatePinBonus(payload);
             if (!this.bonus.hasBonus) {
-                localStorage.setItem(cart_helper.getKeyReserveByCartId(this.cartId), JSON.stringify(Object.assign(Object.assign({}, this.bonus), { phone: this.phone })));
+                localStorage.setItem(crmbonus_service.getKeyReserveByCartId(this.cartId), JSON.stringify(Object.assign(Object.assign({}, this.bonus), { phone: this.phone })));
                 this.loading = false;
                 this.step = info_config_helper.StepFormEnum.STEP_NO_BONUS;
                 return;
             }
             this.sucess = "Código validado com sucesso!";
-            localStorage.setItem(cart_helper.getKeyReserveByCartId(this.cartId), JSON.stringify(Object.assign(Object.assign({}, this.bonus), { phone: this.phone })));
+            localStorage.setItem(crmbonus_service.getKeyReserveByCartId(this.cartId), JSON.stringify(Object.assign(Object.assign({}, this.bonus), { phone: this.phone })));
             localStorage.setItem(`bc:${this.phone}`, JSON.stringify(this.bonus));
-            localStorage.setItem(cart_helper.USED_KEY, "use");
+            localStorage.setItem(crmbonus_service.USED_KEY, "use");
             localStorage.setItem(this.cartId, this.bonus.bonusBalance.toString());
             this.updateMetadata({ storeId: Number(storeId), userId: Number(userId) }, payload.cellphone);
             console.log('RESERVE', this.bonus);
@@ -633,7 +645,7 @@ const CrmBonus = class {
         this.loading = true;
         try {
             await this.crmBonusService.cancel(this.cartId);
-            localStorage.setItem(cart_helper.USED_KEY, "dontUse");
+            localStorage.setItem(crmbonus_service.USED_KEY, "dontUse");
             // this.save(0)
             await this.updateMetadata({ storeId: null, userId: null }, null);
         }
@@ -675,18 +687,18 @@ const CrmBonus = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'a637c864ea60213cb587e7cb45e22a81480a9808', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, index.h("label", { key: '129e5e186fcb43d3bd96fbe235e03f9f5effb732', class: "crm-title" }, this.config.giftbackTitle), this.error && (index.h("label", { key: '841e97f1998d736e7ba8eb413870ecf5b1fbd1b8', class: "crm-message-error" }, this.error)), this.step === info_config_helper.StepFormEnum.STEP_PHONE &&
-            index.h("phone-form", { key: 'cebcc523fd68ac798038424433cc839e3acfcc45', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === info_config_helper.StepFormEnum.STEP_PIN &&
-            index.h("pin-form", { key: 'c4d49b98b5e9fd0797797a072fb13ac795cd91f2', config: this.config, phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && index.h("p", { key: 'fb7bcc0108152dde62e3f0197b78ee4be76d1c32', class: "crm-message-info" }, this.sucess), this.error && index.h("p", { key: '502d0ebbdc1bead841dc19d3446d26611850f144', class: "crm-message-error" }, this.error)), this.step === info_config_helper.StepFormEnum.STEP_RESERVE &&
-            index.h("giftback-info", { key: '789f2d1b42e5b4d776e01bf96c31f0be4b5a6b71', storeName: this.storeName, infoBonus: this.reservedInfo, config: this.config, loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: () => this.processBonus(), cartId: this.cartId }), this.step === info_config_helper.StepFormEnum.STEP_NO_BONUS &&
-            (index.h("div", { key: '5b6db02d4919df3737feedb22c5f4fdf17b0614c', class: "container-message" }, info_config_helper.instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
+        return (index.h("div", { key: 'f3ea32db1927595fd1b656732ab3f61e80068ed8', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, index.h("label", { key: '915c8169197885ec905ab94d5c2de0c261742af8', class: "crm-title" }, this.config.giftbackTitle), this.error && (index.h("label", { key: '2a77b7a19f1d731286eb9709428c7f42c19e4abe', class: "crm-message-error" }, this.error)), this.step === info_config_helper.StepFormEnum.STEP_PHONE &&
+            index.h("phone-form", { key: '3f403066b0cb2bd1d84d8583695154a02f7462a9', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === info_config_helper.StepFormEnum.STEP_PIN &&
+            index.h("pin-form", { key: 'e19c016ba700d1dd3f9a5dc9ba40b2a992d4509e', config: this.config, phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && index.h("p", { key: '214edf06235b404c43839f37ea495583022eaf2d', class: "crm-message-info" }, this.sucess), this.error && index.h("p", { key: '4e4155abab6bc35ab73eaef16d39770672bc21c9', class: "crm-message-error" }, this.error)), this.step === info_config_helper.StepFormEnum.STEP_RESERVE &&
+            index.h("giftback-info", { key: 'f2622765c8be61a5cda96c1fd7bca338f6e314ed', storeName: this.storeName, infoBonus: this.reservedInfo, config: this.config, loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: () => this.processBonus(), cartId: this.cartId }), this.step === info_config_helper.StepFormEnum.STEP_NO_BONUS &&
+            (index.h("div", { key: '2e72c4579e8cdc94257cb7d8b554eadfc544a0c6', class: "container-message" }, i18n.instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
     }
 };
 CrmBonus.style = CrmGiftbackFormStyle0;
 
 const infoCircleSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNy43NUMxMi40MTQyIDE3Ljc1IDEyLjc1IDE3LjQxNDIgMTIuNzUgMTdWMTFDMTIuNzUgMTAuNTg1OCAxMi40MTQyIDEwLjI1IDEyIDEwLjI1QzExLjU4NTggMTAuMjUgMTEuMjUgMTAuNTg1OCAxMS4yNSAxMVYxN0MxMS4yNSAxNy40MTQyIDExLjU4NTggMTcuNzUgMTIgMTcuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8cGF0aCBkPSJNMTIgN0MxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4QzEzIDguNTUyMjggMTIuNTUyMyA5IDEyIDlDMTEuNDQ3NyA5IDExIDguNTUyMjggMTEgOEMxMSA3LjQ0NzcyIDExLjQ0NzcgNyAxMiA3WiIgZmlsbD0iIzFDMjc0QyIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTIgMi43NUM2Ljg5MTM3IDIuNzUgMi43NSA2Ljg5MTM3IDIuNzUgMTJDMi43NSAxNy4xMDg2IDYuODkxMzcgMjEuMjUgMTIgMjEuMjVDMTcuMTA4NiAyMS4yNSAyMS4yNSAxNy4xMDg2IDIxLjI1IDEyQzIxLjI1IDYuODkxMzcgMTcuMTA4NiAyLjc1IDEyIDIuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8L3N2Zz4=';
 
-const crmTooltipCss = ".crm-tooltip-container {\r\n    display: flex;\r\n\r\n    & img {\r\n        width: 16px;\r\n        margin-left: 3px;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n.crm-tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.crm-tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    background-color: black;\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 8px 12px;\r\n    border-radius: 0px;\r\n    position: absolute;\r\n    z-index: 1;\r\n    min-width: 271px;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -238px;\r\n}\r\n\r\n@container (max-width: 410px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -14px;\r\n    }\r\n\r\n    .crm-tooltip #crm-role-description {\r\n        margin-left: -151px;\r\n    }\r\n}\r\n\r\n@container (max-width: 250px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -201px;\r\n    }\r\n}\r\n\r\n.crm-tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n}";
+const crmTooltipCss = ".crm-tooltip-container {\n    display: flex;\n\n    & img {\n        width: 16px;\n        margin-left: 3px;\n        position: relative;\n    }\n}\n\n.crm-tooltip {\n    position: relative;\n    display: inline-block;\n}\n\n.crm-tooltip .tooltiptext {\n    visibility: hidden;\n    background-color: black;\n    color: #fff;\n    text-align: center;\n    padding: 8px 12px;\n    border-radius: 0px;\n    position: absolute;\n    z-index: 1;\n    min-width: 271px;\n    top: 100%;\n    left: 50%;\n    margin-left: -238px;\n}\n\n@container (max-width: 410px) {\n    .crm-tooltip .tooltiptext {\n        margin-left: -14px;\n    }\n\n    .crm-tooltip #crm-role-description {\n        margin-left: -151px;\n    }\n}\n\n@container (max-width: 250px) {\n    .crm-tooltip .tooltiptext {\n        margin-left: -201px;\n    }\n}\n\n.crm-tooltip:hover .tooltiptext {\n    visibility: visible;\n}";
 const CrmTooltipStyle0 = crmTooltipCss;
 
 const Tooltip = class {
@@ -696,7 +708,7 @@ const Tooltip = class {
         this.identity = undefined;
     }
     render() {
-        return (index.h("div", { key: '01d82d0172ca5f0dbb0b8ea278b4a5d438c13dd5', class: "crm-tooltip-container crm-tooltip" }, index.h("img", { key: '3b632cc38e8ff206402a2bfaadba9f9d2d747095', src: infoCircleSvgrepoComSvg }), index.h("span", { key: '08310e35ac945bda0e9356ecad8742698016f262', id: this.identity, class: "tooltiptext" }, this.text)));
+        return (index.h("div", { key: '534965648e0dbd0a1a188a5ed863197d1525e06b', class: "crm-tooltip-container crm-tooltip" }, index.h("img", { key: '0c78ae4b8e8420cb6d478f570d4ecca2b5378366', src: infoCircleSvgrepoComSvg }), index.h("span", { key: '8ceefd15b739459d642ed8bc843d12c44a9f0cf0', id: this.identity, class: "tooltiptext" }, this.text)));
     }
 };
 Tooltip.style = CrmTooltipStyle0;
@@ -738,7 +750,7 @@ const GiftbackInfo = class {
     }
     componentWillLoad() {
         this.updateBonus();
-        this.selectedOption = localStorage.getItem(cart_helper.USED_KEY);
+        this.selectedOption = localStorage.getItem(crmbonus_service.USED_KEY);
     }
     handleSliderChange(event) {
         const input = event.target;
@@ -763,7 +775,7 @@ const GiftbackInfo = class {
     }
     async handleOptionChange(option) {
         this.selectedOption = option;
-        localStorage.setItem(cart_helper.USED_KEY, option);
+        localStorage.setItem(crmbonus_service.USED_KEY, option);
         await cart_helper.persisteMetadata(this.storeName, this.cartId, Object.assign(Object.assign({}, this.infoBonus.metadata), { createdAt: null }));
         switch (this.selectedOption) {
             case 'use':
@@ -799,16 +811,16 @@ const GiftbackInfo = class {
         var _a, _b, _c, _d, _e, _f, _g;
         console.log('this.bonus', this.bonus);
         const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;
-        const translateDescription = info_config_helper.instance.t("giftDescription", { amount: `${(_b = (_a = this.bonus) === null || _a === void 0 ? void 0 : _a.totalBonus) === null || _b === void 0 ? void 0 : _b.toFixed(2).replace(".", ",")}`, custom_name: "Giftback" });
+        const translateDescription = i18n.instance.t("giftDescription", { amount: `${(_b = (_a = this.bonus) === null || _a === void 0 ? void 0 : _a.totalBonus) === null || _b === void 0 ? void 0 : _b.toFixed(2).replace(".", ",")}`, custom_name: "Giftback" });
         const limit = utils.defineLimit(remainingGiftback);
-        return (index.h("div", { key: 'baf90a1de29b3275c1c3cfd31f9d004ca3187a84', class: "giftback-container" }, index.h("div", { key: '57af5fe5b40b3292a275065f577a9444470f8bf0', class: "container-description" }, index.h("p", { key: 'fff28c85077c36854f37d5f23f2908fa47197dac', innerHTML: translateDescription }), index.h("crm-tooltip", { key: 'b66b1914dfa5e0806f85a9695840fdd4bd52d21e', identity: "crm-role-description", text: info_config_helper.instance.t("labelUseGiftback", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: utils.formatDateToBr(this.bonus.firstValidityDate) }) })), index.h("div", { key: 'e13afe9428744084443697df22048ac05b41ffd0', class: "slider-wrapper" }, index.h("div", { key: '1826a50e4e1b474322dbb0020db0154fe9ed5b80', class: "slider-value", style: {
+        return (index.h("div", { key: '195e2a11cd6d7dd00764436a17ffca161d6b4da3', class: "giftback-container" }, index.h("div", { key: 'f3d0fa8659c60ccda46e591fe355c228a456b5ea', class: "container-description" }, index.h("p", { key: '2f6d1e3482a21b841dca2caab3b35a5ae686d89c', innerHTML: translateDescription }), index.h("crm-tooltip", { key: '434187c198f3e98511596ce0fb333676a61afbaa', identity: "crm-role-description", text: i18n.instance.t("labelUseGiftback", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: utils.formatDateToBr(this.bonus.firstValidityDate) }) })), index.h("div", { key: '18e7d357e6227117ac4a86690bd75881f95746f1', class: "slider-wrapper" }, index.h("div", { key: '3c76569ccde6669617fffbe38e86b76f35087505', class: "slider-value", style: {
                 left: `calc(${this.sliderValuePosition}% - 20px)`, // Ajuste para centralizar o texto
-            } }, "R$ ", this.usedValue.toFixed(2).replace(".", ",")), index.h("input", { key: '73b42919b8e4e0223dc8490a6190697d1975e96d', ref: ref => this._refIinputRange = ref, id: "position_value_id", disabled: true, type: "range", min: "0", max: this.bonus.totalBonus, value: this.usedValue, class: "slider", step: "0.01", onInput: (event) => this.handleSliderChange(event), style: {
+            } }, "R$ ", this.usedValue.toFixed(2).replace(".", ",")), index.h("input", { key: '54ffa09e4fac90c19cb3c75fc4196d272e624618', ref: ref => this._refIinputRange = ref, id: "position_value_id", disabled: true, type: "range", min: "0", max: this.bonus.totalBonus, value: this.usedValue, class: "slider", step: "0.01", onInput: (event) => this.handleSliderChange(event), style: {
                 background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,
-            } })), limit.isComplete && (index.h("p", { key: 'b9b853490c112bf3e98d14c2ceee25d0b7604983' }, info_config_helper.instance.t("maxAmount"))), !limit.isComplete && (index.h("div", { key: '50b23f6c4bde42ca12b077a33f0ffbde25601e3d', class: "container-description" }, index.h("p", { key: '73bfbcc779b8775aecc63050816909ba9120af3e' }, "Adicione ", index.h("strong", { key: '6d5a2ea943a1d3eee80b0f4d0cdda159a300bb25' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), index.h("crm-tooltip", { key: '5a5bbbeb32abd51fbfb84c63d3e7a06f8d459ea0', identity: "crm-max-description", text: info_config_helper.instance.t("labelamountPartial") }))), index.h("div", { key: 'ea3f6aa8f4668b759b912bac36d9780e183a6180', class: "options" }, index.h("div", { key: '6f7f70930c8cd97f1215301d823f8631d071b472', class: "options-option" }, index.h("input", { key: '35b4f8380f34becd4dc94c1bcb1572c2b3401db8', disabled: this.showTime(), type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), index.h("p", { key: '228beeb474e10a67811925bee00e5c1d0f5d64b6' }, "Usar o meu ", (_c = this.config) === null || _c === void 0 ? void 0 :
-            _c.giftbackTitle)), index.h("div", { key: '2a9ad1052f869057d5e36c3eba0cf1a24af88e1b', class: "options-option" }, index.h("input", { key: '3cc3fae293fda510873f9c5f4d906308affca8e1', disabled: this.showTime(), type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), index.h("p", { key: '364f7de414a6f536680f849fe3efdee803d9a596' }, "N\u00E3o usar o meu ", (_d = this.config) === null || _d === void 0 ? void 0 :
+            } })), limit.isComplete && (index.h("p", { key: '041f7e96e2fe0d54b68c716e8d9f74ddfef10281' }, i18n.instance.t("maxAmount"))), !limit.isComplete && (index.h("div", { key: '1a1532056a0cb4b24d51435d31d5964b14c2bcc6', class: "container-description" }, index.h("p", { key: '17b4891372a3c99c70ed0e08128ecf9204b1b1e7' }, "Adicione ", index.h("strong", { key: 'fda5f4395726a7d24779f565e240c0e1d8cbf449' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), index.h("crm-tooltip", { key: 'd4a87c3cea10126ddccccf3a43228da3a9584498', identity: "crm-max-description", text: i18n.instance.t("labelamountPartial") }))), index.h("div", { key: 'f026b9fdf3fca8087eb89fffe171dc09ae7afb78', class: "options" }, index.h("div", { key: '2865aa73085ea32b24aa112cb1bc805465b900cb', class: "options-option" }, index.h("input", { key: 'cc7da252330f60f386368bbc8453ca6dce07bc44', disabled: this.showTime(), type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), index.h("p", { key: '97e619e5c003a676f1213dfff2ed7c4d0bff46e1' }, "Usar o meu ", (_c = this.config) === null || _c === void 0 ? void 0 :
+            _c.giftbackTitle)), index.h("div", { key: 'b71d5555915d93048a52cd92046e8f69fb823ffa', class: "options-option" }, index.h("input", { key: '3e5b513d5f1fc8db55a4e3124149884e8507ea14', disabled: this.showTime(), type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), index.h("p", { key: 'e63495d7145bdacbc7bef993097b6136874ba508' }, "N\u00E3o usar o meu ", (_d = this.config) === null || _d === void 0 ? void 0 :
             _d.giftbackTitle))), this.showTime() &&
-            (index.h("div", { key: '8fe525904208e2fc13ebd80615bbe7856cc2dc2c', class: "info-box" }, "Ap\u00F3s ", index.h("countdown-timer", { key: '3913bc9060980620654f03a987f62f628d6ee440', dataCriacao: new Date((_f = (_e = this.infoBonus) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.createdAt).toString(), downtime: () => { window.location.reload(); } }), ", voc\u00EA poder\u00E1 alterar sua escolha de usar ou n\u00E3o o Giftback.")), !((_g = this === null || this === void 0 ? void 0 : this.infoBonus) === null || _g === void 0 ? void 0 : _g.isBonusProcessed) && (index.h("div", { key: 'aecd80b9920c8b483d38a1c24a6b38ce03d52b64', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa."))));
+            (index.h("div", { key: 'ae2bd73c7a6bf96a752df0d0a6392f0a0acd8d8d', class: "info-box" }, "Ap\u00F3s ", index.h("countdown-timer", { key: '30b0740031c60414d02dcd29afd1d3137923813a', dataCriacao: new Date((_f = (_e = this.infoBonus) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.createdAt).toString(), downtime: () => { window.location.reload(); } }), ", voc\u00EA poder\u00E1 alterar sua escolha de usar ou n\u00E3o o Giftback.")), !((_g = this === null || this === void 0 ? void 0 : this.infoBonus) === null || _g === void 0 ? void 0 : _g.isBonusProcessed) && (index.h("div", { key: 'c4a5764d0c55b1a2857328625f1c70285f2f41ca', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa."))));
     }
     static get watchers() { return {
         "bonus": ["changedBonus"]
@@ -826,7 +838,7 @@ const LoadingContainer = class {
         this.text = null;
     }
     render() {
-        return (index.h("div", { key: '5e323e6b562ee4d770bb2c9f786a23d6b47ce06e', class: "relative-xy" }, this.loading && (index.h("div", { key: '31183c82285ec32c7de0348885d0fd30e4a82502', class: "loading-container" }, index.h("div", { key: '1de235c7594a15e822d044364de0700d3c9e1fa4', class: "loading-spinner" }), this.text && index.h("p", { key: '82daa6b96a1e14d83be2fc22fd879b3a41896d0e' }, this.text))), index.h("slot", { key: '09c654783fde15f7b34c4a0804fcec07cfa28b30' })));
+        return (index.h("div", { key: '486a3d4734d92d8be2da057450f42e5b2800b7a8', class: "relative-xy" }, this.loading && (index.h("div", { key: '3f8312f7498943ef8be28ce1e82de117ff29ad89', class: "loading-container" }, index.h("div", { key: '3b5757424aea6a1802574c594db99298831e7941', class: "loading-spinner" }), this.text && index.h("p", { key: 'cab83dd07dd6b6395400ba7092370322a04d0792' }, this.text))), index.h("slot", { key: '8cd2f16b6ba255f5a3ee65d76699d31f388836f9' })));
     }
 };
 LoadingContainer.style = LoadingContainerStyle0;
@@ -841,7 +853,7 @@ const LoadingSpinner = class {
         this.color = '#0078d7';
     }
     render() {
-        return (index.h("div", { key: 'e1916d264937b0470cd5b1581c87184061b40c3a', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
+        return (index.h("div", { key: '6caf8a2629d91a30af01a779893c898568b4ee68', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
     }
 };
 LoadingSpinner.style = LoadingSpinnerStyle0;
@@ -863,7 +875,7 @@ const PhoneForm = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'b27f64d8464d4c6b259d2d5f0113f55a6f809afb', class: "crm-phone-form" }, index.h("p", { key: '6f279841f43cd7f70f7a1b5340288b9c2d11c551', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), index.h("phone-input-mask", { key: '7e86f63998a4f35d134b8f4e867a5e5c0b9df20a', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), index.h("crm-button", { key: '462b7cc91f166c8fc588a5c922ba943a6715dca5', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
+        return (index.h(index.Host, { key: 'c2de82d459c0cc83cdd5067bcc9c30f53eb8be61', class: "crm-phone-form" }, index.h("p", { key: 'ed7ddeaed69dad3f907b7975c1c21a9d89e30aaf', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), index.h("phone-input-mask", { key: 'faba3de2a7e2a169e6e0e8a4eb3064affd4c40b1', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), index.h("crm-button", { key: '5189a76614a5bdd4f489c4af99298c9271a8f855', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
     }
 };
 PhoneForm.style = PhoneFormStyle0;
@@ -914,7 +926,7 @@ const PhoneInputMask = class {
         return this.phone;
     }
     render() {
-        return (index.h("div", { key: 'bbb0389d0a7ccb8651b8ee20e92dd4cdc94e3617' }, index.h("input", { key: 'b36cc9e65314cb786c7f94fee6b4992ba30a82e6', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(99) 99999 9999" }), index.h("p", { key: '81e48cda38cd9a8fc7d753d269425bd4288c57b1', class: "crm-erro-msg" }, this.message)));
+        return (index.h("div", { key: '3d6d215ecccdb5a556c7a4c28b89c638c2c88578' }, index.h("input", { key: 'cc27335746fa2e45ff766653a0607c0f7342b119', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(99) 99999 9999" }), index.h("p", { key: 'fe4388da1e7dbd421aeb5ef065e2251c9bbc56ac', class: "crm-erro-msg" }, this.message)));
     }
 };
 PhoneInputMask.style = PhoneInputMaskStyle0;
@@ -985,7 +997,7 @@ const GiftbackPin = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '3f60e4c74c925daf656092812f40ae0d1f3b5a99', class: "crm-phone-form" }, index.h("label", { key: 'd0c023e22ff7eb8978ee6cc0ca4ced8192c53c20', class: "crm-subtitle" }, info_config_helper.instance.t('pin-sutitle'), " ", index.h("strong", { key: '05bb0e2493c99abaa29031a7cc787260266bb417' }, "+55 ", this.phone)), index.h("div", { key: '24c8eb55625f3b880741086c66decd96ecf40044', class: "pin-container" }, this.pin.map((_, index$1) => (index.h("input", { type: "text", maxLength: 1, value: this.pin[index$1], onInput: (event) => this.handleInput(event, index$1) })))), index.h("slot", { key: '02276aa80396d16f779a92a381e75506fa37d56d' }), index.h("p", { key: '27af068858b3ead8a70b8ec961d367c7beb04d94', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && index.h("label", { key: '8ef93baf6f92142292078e5e4bcc125ff12b80d7' }, " Reenviar em", index.h("countdown-timer", { key: 'f3a0c60c7a88229e37add445886c44b00c60913f', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (index.h("div", { key: '2d1b5b028a7085d912acb0d0c696436e8aa75a29' }, index.h("a", { key: 'ad9aea2c6f167f1270c75b8dbd2ee79879f7567d', onClick: () => this.handleResend() }, "Reenviar"), index.h("a", { key: 'b0734ab0e472c5cf24fa083c0a712e4f29cf8d79', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), index.h("crm-button", { key: '39095211d007c871f48971509c3ff52b0f257c29', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
+        return (index.h("div", { key: '2be147a2bf1e2861182eeddfad6714d0df2ec2bf', class: "crm-phone-form" }, index.h("label", { key: '4c09360b91a93b82b4da5f7131e9e1ab6bae6d2e', class: "crm-subtitle" }, i18n.instance.t('pin-sutitle'), " ", index.h("strong", { key: '93e6cff73e4a880ec15a58a5deed7494d7c6ceea' }, "+55 ", this.phone)), index.h("div", { key: '64fac61c1c38ae629175c01d48c5ea8166c647c3', class: "pin-container" }, this.pin.map((_, index$1) => (index.h("input", { type: "text", maxLength: 1, value: this.pin[index$1], onInput: (event) => this.handleInput(event, index$1) })))), index.h("slot", { key: '0d839e75cdbe72dc0bbb0087d07dcde69203bf4f' }), index.h("p", { key: 'a9b36da6547b1bf1fdf60c76ace23d766261e4b8', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && index.h("label", { key: 'ad36c4798d3e64ec148edb6ca7d602bee31c78c7' }, " Reenviar em", index.h("countdown-timer", { key: '61fb798a992ab419715fc3c00de76098d70ea229', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (index.h("div", { key: '6fa670dd030d93d300b9033c7fa577bb6ad13dbf' }, index.h("a", { key: '65be3061249de1a8669daa6f76ffdf555af53242', onClick: () => this.handleResend() }, "Reenviar"), index.h("a", { key: '625d1c3f61c04a4337f57fce587037970050b272', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), index.h("crm-button", { key: '644e5753282950c06811ea74be34071c4d7ca35e', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
     }
 };
 GiftbackPin.style = PinFormStyle0 + PinFormStyle1;