crmbonus-component-wake 2.1.39-ngrok → 2.1.40-homolog

package/dist/cjs/container-empty.cjs.entry.js

@@ -9,7 +9,7 @@ const ContainerEmpty = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'f7b7e7419831285f4cd4dacbca2e1e4b3809c609', class: "crm-empty" }, "dww"));
+        return (index.h("div", { key: '4539873f651bb2cb8d75235d233f30b1f89fa5d8', class: "crm-empty" }, "dww"));
     }
 };
 ContainerEmpty.style = "container-empty.css";

package/dist/cjs/container-empty.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"container-empty.entry.cjs.js","mappings":";;;;;;MAMa,cAAc;;;;IAEvB,MAAM;QACF,QACIA,kEAAK,KAAK,EAAC,WAAW,UAEhB,EACT;KACJ;;;;;;","names":["h"],"sources":["src/components/loading-container/container-empty.tsx"],"sourcesContent":["import { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'container-empty',\r\n    styles: 'container-empty.css'\r\n})\r\nexport class ContainerEmpty {\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"crm-empty\">\r\n                dww\r\n            </div>\r\n        )\r\n    }\r\n}"],"version":3}
+{"file":"container-empty.entry.cjs.js","mappings":";;;;;;MAMa,cAAc;;;;IAEvB,MAAM;QACF,QACIA,kEAAK,KAAK,EAAC,WAAW,UAEhB,EACT;KACJ;;;;;;","names":["h"],"sources":["src/components/loading-container/container-empty.tsx"],"sourcesContent":["import { Component, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'container-empty',\n    styles: 'container-empty.css'\n})\nexport class ContainerEmpty {\n\n    render() {\n        return (\n            <div class=\"crm-empty\">\n                dww\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/cjs/countdown-timer-v2.cjs.entry.js

@@ -68,7 +68,7 @@ const CountdownTimer = class {
         return `${parseInt(minutes.toString())}m ${seconds}s`;
     }
     render() {
-        return (index.h("label", { key: 'f018731ea6dd041b39c2161520f5b7f5075781ea' }, " ", this.minutes));
+        return (index.h("label", { key: '101aafc809585623eb5c2663ebaa4644d4761ac2' }, " ", this.minutes));
     }
 };
 

package/dist/cjs/countdown-timer-v2.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"countdown-timer-v2.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/countdown-timer/countdown-timer.v2.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'countdown-timer-v2',\r\n    shadow: true,\r\n})\r\nexport class CountdownTimer {\r\n\r\n    @Prop() downtime: () => void;\r\n    @Prop() reload: boolean = false;\r\n\r\n    @Prop() dates = {\r\n        expiration: new Date(),\r\n        createdAt: new Date()\r\n    };\r\n\r\n\r\n    @State() seconds: number = 0;\r\n    @State() minutes: string;\r\n\r\n    private intervalId: NodeJS.Timer;\r\n\r\n    componentWillLoad() {\r\n        const time = this.buildTime();\r\n        this.iniciarContador(time);\r\n    }\r\n\r\n    private buildTime(): number {\r\n\r\n        const initial = localStorage.getItem(\"bc:time\");\r\n\r\n        if (initial && !this.reload) {\r\n            return Number(initial);\r\n        }\r\n\r\n        const dataFinal: Date = new Date(this.dates.expiration);\r\n        const agora: Date = new Date(this.dates.createdAt);\r\n\r\n        const diferencaMs = dataFinal.getTime() - agora.getTime();\r\n\r\n        if (diferencaMs <= 0) {\r\n            return diferencaMs;\r\n        }\r\n\r\n        const diferencaSegundos = diferencaMs / 1000; // Converter milissegundos para segundos\r\n        const minutos = Math.floor(diferencaSegundos / 60); // Calcular minutos\r\n        const segundos = Math.floor(diferencaSegundos % 60); // Calcular segundos restantes\r\n\r\n        const m = minutos >= 10 ? minutos : `0${minutos}`\r\n        const s = segundos >= 10 ? segundos : `0${segundos}`\r\n\r\n        this.minutes = `${m}:${s}`;\r\n\r\n        return diferencaSegundos;\r\n\r\n    }\r\n\r\n    iniciarContador(params) {\r\n        let segundosRestantes = params;\r\n        const intervalo = setInterval(() => {\r\n            const minutosExibidos = Math.floor(segundosRestantes / 60);\r\n            const segundosExibidos = (segundosRestantes % 60).toFixed();\r\n\r\n            let textContent =\r\n                `${String(minutosExibidos).padStart(2, '0')}:${String(segundosExibidos).padStart(2, '0')}`;\r\n\r\n            if (segundosRestantes < 0) {\r\n                clearInterval(intervalo);\r\n                textContent = \"00:00\";\r\n                localStorage.removeItem(\"bc:time\");\r\n                this.downtime()\r\n                return;\r\n            }\r\n\r\n            segundosRestantes--;\r\n\r\n            localStorage.setItem(\"bc:time\", segundosRestantes);\r\n            this.minutes = textContent\r\n        }, 1000);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        clearInterval(this.intervalId);\r\n    }\r\n\r\n    padLeft() {\r\n        const minutes = this.seconds / 60;\r\n        const seconds = this.seconds % 60;\r\n\r\n        if (minutes < 1) return `${seconds}s`\r\n\r\n        return `${parseInt(minutes.toString())}m ${seconds}s`\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <label> {this.minutes}</label>\r\n        );\r\n    }\r\n}\r\n"],"version":3}
+{"file":"countdown-timer-v2.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/countdown-timer/countdown-timer.v2.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'countdown-timer-v2',\n    shadow: true,\n})\nexport class CountdownTimer {\n\n    @Prop() downtime: () => void;\n    @Prop() reload: boolean = false;\n\n    @Prop() dates = {\n        expiration: new Date(),\n        createdAt: new Date()\n    };\n\n\n    @State() seconds: number = 0;\n    @State() minutes: string;\n\n    private intervalId: NodeJS.Timer;\n\n    componentWillLoad() {\n        const time = this.buildTime();\n        this.iniciarContador(time);\n    }\n\n    private buildTime(): number {\n\n        const initial = localStorage.getItem(\"bc:time\");\n\n        if (initial && !this.reload) {\n            return Number(initial);\n        }\n\n        const dataFinal: Date = new Date(this.dates.expiration);\n        const agora: Date = new Date(this.dates.createdAt);\n\n        const diferencaMs = dataFinal.getTime() - agora.getTime();\n\n        if (diferencaMs <= 0) {\n            return diferencaMs;\n        }\n\n        const diferencaSegundos = diferencaMs / 1000; // Converter milissegundos para segundos\n        const minutos = Math.floor(diferencaSegundos / 60); // Calcular minutos\n        const segundos = Math.floor(diferencaSegundos % 60); // Calcular segundos restantes\n\n        const m = minutos >= 10 ? minutos : `0${minutos}`\n        const s = segundos >= 10 ? segundos : `0${segundos}`\n\n        this.minutes = `${m}:${s}`;\n\n        return diferencaSegundos;\n\n    }\n\n    iniciarContador(params) {\n        let segundosRestantes = params;\n        const intervalo = setInterval(() => {\n            const minutosExibidos = Math.floor(segundosRestantes / 60);\n            const segundosExibidos = (segundosRestantes % 60).toFixed();\n\n            let textContent =\n                `${String(minutosExibidos).padStart(2, '0')}:${String(segundosExibidos).padStart(2, '0')}`;\n\n            if (segundosRestantes < 0) {\n                clearInterval(intervalo);\n                textContent = \"00:00\";\n                localStorage.removeItem(\"bc:time\");\n                this.downtime()\n                return;\n            }\n\n            segundosRestantes--;\n\n            localStorage.setItem(\"bc:time\", segundosRestantes);\n            this.minutes = textContent\n        }, 1000);\n    }\n\n    disconnectedCallback() {\n        clearInterval(this.intervalId);\n    }\n\n    padLeft() {\n        const minutes = this.seconds / 60;\n        const seconds = this.seconds % 60;\n\n        if (minutes < 1) return `${seconds}s`\n\n        return `${parseInt(minutes.toString())}m ${seconds}s`\n    }\n\n    render() {\n        return (\n            <label> {this.minutes}</label>\n        );\n    }\n}\n"],"version":3}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7537457.js');
-const cart_helper = require('./cart.helper-31ba8997.js');
+const cart_helper = require('./cart.helper-96d1b9db.js');
 const info_config_helper = require('./info.config.helper-d4b1291b.js');
 const utils = require('./utils-5d59acb1.js');
 
@@ -51,7 +51,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));
     }
 };
 
@@ -68,14 +68,18 @@ function buildProductsByWake(productsWake = []) {
     for (const pw of productsWake) {
         // let discounts_formula = getDiscountFormula(pw.Ajustes);
         const hasOriginalPrice = (pw.PrecoDe < pw.PrecoPor);
+        const hasDiscountInProduct = (pw.PrecoPor < pw.PrecoDe);
+        const existsPromotionProduct = pw.Ajustes.filter(adj => [AjustesTipoEnum.PP].includes(adj.Tipo));
+        const promotion_product = (existsPromotionProduct.length > 0);
         let discounts = getDiscount(pw.Ajustes, hasOriginalPrice);
-        const price = hasOriginalPrice ? pw.PrecoPor : pw.PrecoDe;
+        let price = hasOriginalPrice ? pw.PrecoPor : pw.PrecoDe;
         const priceOrignal = hasOriginalPrice ? pw.PrecoPor : pw.PrecoDe;
+        if (!promotion_product && hasDiscountInProduct) {
+            price = pw.PrecoPor;
+        }
         var value = (price * pw.Quantidade);
         var originalValue = (priceOrignal * pw.Quantidade);
         var discounts_value = (discounts * -1);
-        const existsPromotionProduct = pw.Ajustes.filter(adj => [AjustesTipoEnum.PP].includes(adj.Tipo));
-        const promotion_product = (existsPromotionProduct.length > 0);
         products.push({
             sku: pw.SKU,
             value: value,
@@ -101,15 +105,6 @@ function getDiscount(ajustes = [], hasOriginalPrice) {
     }
     return discounts;
 }
-// function getDiscountFormula(ajustes: IAjustes[] = []) {
-//     let discounts = 0;
-//     for(const discount of ajustes) {
-//         if([AjustesTipoEnum.F].includes(discount.Tipo)) {
-//             discounts += (discount.Valor * -1);
-//         }
-//     }
-//     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 CrmBonusStyle0 = crmBonusCss;
@@ -280,7 +275,6 @@ const CrmBonus$1 = class {
         }, 1500000);
     }
     async buildAndGetProducts(productsWake) {
-        console.log();
         const key = `bc-products:${this.cartWake.id}`;
         const productsString = JSON.stringify(productsWake);
         localStorage.setItem(key, productsString);
@@ -395,7 +389,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;
@@ -662,18 +656,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: '7c2072d49e7f8c16c5f5e202d13c50e074fa3b12', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, index.h("label", { key: '1d5fa80478a1cca207c5530cd2d0cccff0afdf4a', class: "crm-title" }, this.config.giftbackTitle), this.error && (index.h("label", { key: 'ec124cdacfe66bdbd3ea0a7a00e7bc3681365909', class: "crm-message-error" }, this.error)), this.step === info_config_helper.StepFormEnum.STEP_PHONE &&
+            index.h("phone-form", { key: '922c8fd1cb546f780be1d5693740621e491935f1', 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: '989f5530956ed5aad72e3c2f4936ed1ff3b5004e', 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: '76d3ad797f690b29dcdcc388bb82c013d733044e', class: "crm-message-info" }, this.sucess), this.error && index.h("p", { key: 'e994b0a38a699b68ba022f1b15e6dbb96fa0260f', class: "crm-message-error" }, this.error)), this.step === info_config_helper.StepFormEnum.STEP_RESERVE &&
+            index.h("giftback-info", { key: '16e9d1053db89f0c2d51aa5ee2edc4682e51c216', 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: '6fcc79ccf75b3746dda9248db45ecc92d9e87d7c', class: "container-message" }, info_config_helper.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 {
@@ -683,7 +677,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: '71409ae629da069a909837eaf202fe691b2338b9', class: "crm-tooltip-container crm-tooltip" }, index.h("img", { key: '988ee2ce69927558726b0246e67a223645a5a982', src: infoCircleSvgrepoComSvg }), index.h("span", { key: 'c169feaf3e3aa8ba058532e18f9f7df5a22f70aa', id: this.identity, class: "tooltiptext" }, this.text)));
     }
 };
 Tooltip.style = CrmTooltipStyle0;
@@ -788,14 +782,14 @@ const GiftbackInfo = class {
         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 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: 'b0bad3ffe129067775bc8e003bce792b5df73a35', class: "giftback-container" }, index.h("div", { key: '50a523afc91d4832d8f63f3b42bc143a906da8b4', class: "container-description" }, index.h("p", { key: 'd65a1031581f4edd6c7f3e7771439086bdb8ec63', innerHTML: translateDescription }), index.h("crm-tooltip", { key: 'd7a84e830631c983c6b143fa983213db39e72809', 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: 'b23127fe5b2fd1d007ec2eb64e901df32dec2f6d', class: "slider-wrapper" }, index.h("div", { key: 'cf98c2a9dfcf8ce324cebff2c296989d80eb96c3', 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: 'f3a555f9641d0362319d79aa66ac4229495482b3', 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: '29121ab93d4cb435b9c2d599dff16a8cbac6ccbc' }, info_config_helper.instance.t("maxAmount"))), !limit.isComplete && (index.h("div", { key: '7821e699c9b8b6ca6d62bea4ea7793d0beaff5ba', class: "container-description" }, index.h("p", { key: 'e384b3cec08d9ae160f03a3623029e7c4dd410a0' }, "Adicione ", index.h("strong", { key: '8c0876f3c1c3881d96cee5328c98143e5ead154f' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), index.h("crm-tooltip", { key: '269c710ccb49afe750190ba2f63b6528b384c095', identity: "crm-max-description", text: info_config_helper.instance.t("labelamountPartial") }))), index.h("div", { key: '28243802a10069d56219c7613bb9c4d14e97248b', class: "options" }, index.h("div", { key: '861c3f4f7aa9b85650c6a7129350759356d6951b', class: "options-option" }, index.h("input", { key: '78775b169a6e108256c0fe71b153e8118f928bdd', disabled: this.showTime(), type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), index.h("p", { key: 'd6945b714fd21676feecceaaacca5b60f8827e4f' }, "Usar o meu ", (_c = this.config) === null || _c === void 0 ? void 0 :
+            _c.giftbackTitle)), index.h("div", { key: 'a9e146b79685a77b834214f22dca02636b5c6f62', class: "options-option" }, index.h("input", { key: '51a3d206cb3bc204585ecc8cecfd6eed7c474d5f', disabled: this.showTime(), type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), index.h("p", { key: '5a2e0f8cd8e4e1ebd3d83be101e979eaedd85615' }, "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: 'edd0d02becfc9cfb78a5651fdba03d6163dc184f', class: "info-box" }, "Ap\u00F3s ", index.h("countdown-timer", { key: 'dc7431190118c4bec059c7a5b7ede20bee7a6969', 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: '91fbdd9d96526b34f2993a8190d7b02c2d61c2a3', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa."))));
     }
     static get watchers() { return {
         "bonus": ["changedBonus"]
@@ -813,7 +807,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: '7b7d88c96033493ef652f0b331245b644b44e6b6', class: "relative-xy" }, this.loading && (index.h("div", { key: 'a8be02caf61d0cdfb4fcd725faefe5a0a03b513d', class: "loading-container" }, index.h("div", { key: 'ba672afc6fc7ba7afe18c1e44e392dee7ca312bc', class: "loading-spinner" }), this.text && index.h("p", { key: '80f2f8e365f078a13fcf94e2284853d4194862bb' }, this.text))), index.h("slot", { key: 'a37b15c9dea5d39b448565cc71d67525660bf85b' })));
     }
 };
 LoadingContainer.style = LoadingContainerStyle0;
@@ -828,7 +822,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: 'cf39cac39aa41032b67a1d1b28b4d3f379490c42', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
     }
 };
 LoadingSpinner.style = LoadingSpinnerStyle0;
@@ -850,7 +844,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: '5d6b2714caf878d9971982337a164e50e890888a', class: "crm-phone-form" }, index.h("p", { key: '74f319cbf7c764b5b514407793700d6a240eb478', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), index.h("phone-input-mask", { key: '168ee6a82a4597295dc27d037fd4059fe4435cf8', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), index.h("crm-button", { key: '174990425c63239c7178edbccc942db3e6116004', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
     }
 };
 PhoneForm.style = PhoneFormStyle0;
@@ -901,7 +895,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: '5b05bc28be806302e366fa7ce5e7613d99fe942b' }, index.h("input", { key: 'f3e73eafd3c4610ebc8ca9a155e5390db20ac8db', 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: '53044b06b973b7785e3b617a7aaf550010236c3d', class: "crm-erro-msg" }, this.message)));
     }
 };
 PhoneInputMask.style = PhoneInputMaskStyle0;
@@ -972,7 +966,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: '05f3ded47b176892e8c59dddd08b1c43fd2f26bb', class: "crm-phone-form" }, index.h("label", { key: '973cbc7e98431cd8ee44f3453416b5696b7d292c', class: "crm-subtitle" }, info_config_helper.instance.t('pin-sutitle'), " ", index.h("strong", { key: '8cae1cc584781460060fd84361a539c82194f26f' }, "+55 ", this.phone)), index.h("div", { key: 'fc1d2cf4d6ea858a56f943f9c33249ea1c7a1702', 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: 'c5eeb7932b47c042c45c895e340177b2c9256156' }), index.h("p", { key: '706785a6e4cb01efb5eb24a00944e3833e401edf', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && index.h("label", { key: 'bedd4eb47d1d17c042ae90dd391948e8da613999' }, " Reenviar em", index.h("countdown-timer", { key: '1752550acfc64b0cac4e39817196802fbe2f24bf', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (index.h("div", { key: '440e2fa2c5aae57d0c9b3500d2e7f94da248e522' }, index.h("a", { key: 'f00fd4ffa19991bb3027b031bb9acba487ddde76', onClick: () => this.handleResend() }, "Reenviar"), index.h("a", { key: '59749f8abf49c358dee5526f1ade91904eab209e', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), index.h("crm-button", { key: '8a5f9e66a197262c0e10632e9275d8fe70360b11', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
     }
 };
 GiftbackPin.style = PinFormStyle0 + PinFormStyle1;