crmbonus-component-wake 2.0.84 → 2.0.85

package/dist/components/{p-83fd06e5.js → p-3aedc9aa.js}

@@ -51,31 +51,29 @@ const GiftbackInfo = /*@__PURE__*/ proxyCustomElement(class GiftbackInfo extends
     }
     async handleOptionChange(option) {
         this.selectedOption = option;
-        const canCancel = this.canCancelSetOption(option);
+        const canCancelAmout = this.canCancelAmountSetOption(option);
         switch (this.selectedOption) {
             case 'use':
                 await this.reserve(this.usedValue);
                 break;
             case 'dontUse':
-                if (canCancel) {
-                    await this.cancel();
-                }
+                await this.cancel(canCancelAmout);
                 break;
         }
     }
-    canCancelSetOption(option) {
+    canCancelAmountSetOption(option) {
         const opt = localStorage.getItem(USED_KEY);
         localStorage.setItem(USED_KEY, option);
-        return (opt === "use");
+        return !opt;
     }
     render() {
         const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;
         const translateDescription = instance.t("giftDescription", { amount: `${this.bonus.totalBonus.toFixed(2).replace(".", ",")}`, custom_name: "Giftback" });
-        return (h("div", { key: '99f9ac837bb0784d8d08e4e7b311e021b22e8727', class: "giftback-container" }, h("div", { key: 'd863dafc0cc827aa6c51459814eef4920129e082', class: "container-description" }, h("p", { key: 'a6737f0b7a7754cdad94dc2ae109bc19e632ed19', innerHTML: translateDescription })), h("div", { key: 'ced811638f8cc02d464adc94b3c3b6f4fa1be73b', class: "slider-wrapper" }, h("div", { key: '38e3e3e9e2b9dc1c0613da62c1689c371fd7d568', class: "slider-value", style: {
+        return (h("div", { key: 'dd524f05ed4af2e81b28c3abe579f5883349e249', class: "giftback-container" }, h("div", { key: 'f25c731ddf9d4d7c4f50c06476a4005926f93a33', class: "container-description" }, h("p", { key: '5a1d3bb8268beb1105a904bc37453a914ac6a544', innerHTML: translateDescription })), h("div", { key: '489ae419ef171cdafeea23f5cb7e3b528c1ce79d', class: "slider-wrapper" }, h("div", { key: '5f36b2c1fdde9b34647ae23ac1326d398baf4857', class: "slider-value", style: {
                 left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto
-            } }, "R$ ", this.usedValue.toFixed(2).replace(".", ",")), h("input", { key: 'c8e73ec6c387754ba2d1f4763b1137453c43f755', 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(".", ",")), h("input", { key: '223300cb11ac1f514e53999eb32462be302ed05c', 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}%)`,
-            } })), h("p", { key: '356cc07eef900046f3ab6713517e16deb479834f' }, "Adicione ", h("strong", { key: 'f6c851796a49ca185fab2c9a193fb184687b22f4' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), h("div", { key: '9ab14d43cf6ef9e3649fa5d2d039b7dc827953f3', class: "options" }, h("label", { key: '40d2fcede3f8675e9c2a86c49aa50adb553b4ee0' }, h("input", { key: 'd5a3c9d672b530ae2befbe607253a95466760b63', type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), "Usar o meu Giftback"), h("label", { key: '1f8eea782c31124ec781e0ee4df790fb47029606' }, h("input", { key: '899440020f9e08cc8ad62cdfeef09a9aa1e0f975', type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), "N\u00E3o usar o meu Giftback")), h("div", { key: 'c097b51dce06914afdd5332ad5af7eae300ff1b1', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa.")));
+            } })), h("p", { key: 'bfcdd56262758970d77c1160cfa6196dc1be4168' }, "Adicione ", h("strong", { key: '098fb40bd03e024fcd1c4ad6bef9904740e7ab9f' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), h("div", { key: 'd8314c560ad8959cee91166aa7204aec1fe19957', class: "options" }, h("label", { key: 'ea56a998ffbc0a72ad65cb2ee6cad5ee02052cda' }, h("input", { key: '357c5a64660793c11cf69f79b79fb322b2be88b7', type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), "Usar o meu Giftback"), h("label", { key: '5303ab06624bc4fd82f3bceac5f67369b8d927ec' }, h("input", { key: '6bb76166923c142965068dae18fd3e19c2503619', type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), "N\u00E3o usar o meu Giftback")), h("div", { key: 'db234af5dca35661d9302d94e14e6b6af3e93d59', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa.")));
     }
     static get watchers() { return {
         "bonus": ["changedBonus"]
@@ -109,4 +107,4 @@ defineCustomElement();
 
 export { GiftbackInfo as G, defineCustomElement as d };
 
-//# sourceMappingURL=p-83fd06e5.js.map
+//# sourceMappingURL=p-3aedc9aa.js.map

package/dist/components/p-3aedc9aa.js.map

@@ -0,0 +1 @@
+{"file":"p-3aedc9aa.js","mappings":"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","names":["i18next"],"sources":["src/components/giftback-form/subcomponents/giftback-info/giftback-info.css?tag=giftback-info","src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx"],"sourcesContent":[":host {\n    --text-color: #6D6D5F\n}\n\n.giftback-container {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}\n\nh3 {\n    font-size: 1.2rem;\n    margin-bottom: 8px;\n    color: #333;\n}\n\n.container-description p {\n    font-size: 14px;\n    font-weight: 400;\n}\n\n\np {\n    font-size: 12px;\n    color: #000;\n}\n\n.value-display h2 {\n    color: #6D6D5F;\n    /* Verde para o valor atual */\n    font-size: 1.6rem;\n    margin: 16px 0;\n}\n\ninput[type='range'] {\n    width: 100%;\n    margin: 12px 0;\n    -webkit-appearance: none;\n    background: #ddd;\n    height: 4px;\n    border-radius: 4px;\n    outline: none;\n    padding: 3px 0px 3px 3px;\n}\n\n/* input[type='range']::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    background: var(--text-color);\n    border-radius: 50%;\n    cursor: pointer;\n} */\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    background: rgb(109, 109, 95);\n    /* Cor do botão */\n    border-radius: 50%;\n    cursor: pointer;\n}\n\n.options {\n    margin: 0px 0;\n    display: flex;\n    gap: 10px;\n    flex-direction: column;\n}\n\n.options label {\n    display: block;\n    margin: 0px 0;\n    font-size: 0.9rem;\n    color: #333;\n}\n\n.options input[type='radio'] {\n    margin-right: 8px;\n    height: 16px;\n    width: 16px;\n}\n\n.options input[type='radio'] {\n    appearance: none;\n    -webkit-appearance: none;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n    border: 2px solid #ddd;\n    border-radius: 50%;\n    background-color: #fff;\n    cursor: pointer;\n    transition: all 0.3s;\n    padding: 0px;\n}\n\n.options input[type='radio']:checked {\n    border-color: #000;\n    background-color: #FAFAFA;\n    border: 4px solid #000;\n}\n\n.info-box {\n    background-color: #f9f9f9;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    padding: 8px;\n    font-size: 14px;\n    color: #262626;\n    line-height: 20px;\n}\n\n.info-icon {\n    font-size: 0.9rem;\n    cursor: pointer;\n    color: #888;\n}\n\nh3 {\n    font-size: 1.2rem;\n    margin-bottom: 8px;\n    color: #333;\n}\n\n.slider-wrapper {\n    position: relative;\n    margin: 21px 0px 0px 0px;\n}\n\n.slider {\n    width: 100%;\n    -webkit-appearance: none;\n    background: #ddd;\n    height: 4px;\n    border-radius: 2px;\n    outline: none;\n}\n\n.slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    background: var(--text-color);\n    /* Azul para o slider */\n    border-radius: 50%;\n    cursor: pointer;\n}\n\n.slider-value {\n    position: absolute;\n    top: -30px;\n    /* Posição acima do slider */\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--text-color);\n    /* Verde para o texto */\n    transform: translateX(-50%);\n    white-space: nowrap;\n    /* margin-left: 23px; */\n}","import { Component, Prop, State, Watch, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\nimport { USED_KEY } from \"../../../../utils/keys.storage\";\n\n@Component({\n    tag: 'giftback-info',\n    styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n    @State() usedValue: number = 0;\n    @State() selectedOption: string = 'none';\n\n    @Prop() loading: boolean = false;\n    @Prop() bonus: Partial<IBonus> = {\n        totalBonus: 0,\n        cartId: \"\",\n        minimumPurchase: 0,\n        bonusBalance: 0,\n        calculatedValue: 0,\n        firstValidityDate: \"\",\n        totalValue: 0\n    };\n    @Prop() reserve: (amountRedeemed: number) => void;\n    @Prop() cancel: (onlyAmount: boolean) => void;\n\n    @State() sliderPosition: number = 50;\n\n    @Watch(\"bonus\")\n    changedBonus() {\n        this.updateBonus()\n    }\n\n    private updateBonus() {\n        this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n        this.buildPositionSlider(0, this.bonus.totalBonus);\n    }\n\n    componentWillLoad() {\n        this.updateBonus();\n        this.selectedOption = localStorage.getItem(\"bc:used\");\n    }\n\n    handleSliderChange(event: Event) {\n        const input = event.target as HTMLInputElement;\n        this.usedValue = parseFloat(input.value);\n\n        // Calculando a posição do texto com base no valor do slider\n        // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n        // this.sliderPosition = percentage;\n\n        this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\n    }\n\n\n    private buildPositionSlider(min: number, max: number) {\n        // Calculando a posição do texto com base no valor do slider\n        const percentage = ((this.usedValue - min) / (max - min)) * 100;\n        this.sliderPosition = percentage;\n    }\n\n    async handleOptionChange(option: string) {\n        this.selectedOption = option;\n         \n        const canCancelAmout = this.canCancelAmountSetOption(option);\n\n        switch (this.selectedOption) {\n            case 'use':\n                await this.reserve(this.usedValue)\n                break;\n            case 'dontUse':\n                await this.cancel(canCancelAmout);\n                break;\n            default:\n        }\n    }\n\n\n    private canCancelAmountSetOption(option: string): boolean {\n        const opt = localStorage.getItem(USED_KEY);\n        localStorage.setItem(USED_KEY, option);\n        return !opt;\n    }\n\n    render() {\n        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n        const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n        return (\n\n            <div class=\"giftback-container\">\n                <div class=\"container-description\">\n                    <p innerHTML={translateDescription}></p>\n                </div>\n                <div class=\"slider-wrapper\">\n                    <div\n                        class=\"slider-value\"\n                        style={{\n                            left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n\n                        }}\n                    >\n                        R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n                    </div>\n                    <input\n                        disabled\n                        type=\"range\"\n                        min=\"0\"\n                        max={this.bonus.totalBonus}\n                        value={this.usedValue}\n                        class=\"slider\"\n                        step=\"0.01\"\n                        onInput={(event) => this.handleSliderChange(event)}\n                        style={{\n                            background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n                        }}\n                    />\n                </div>\n                <p>\n                    Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n                    máximo!\n                </p>\n                <div class=\"options\">\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"use\"\n                            checked={this.selectedOption === 'use'}\n                            onChange={() => this.handleOptionChange('use')}\n                        />\n                        Usar o meu Giftback\n                    </label>\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"dontUse\"\n                            checked={this.selectedOption === 'dontUse'}\n                            onChange={() => this.handleOptionChange('dontUse')}\n                        />\n                        Não usar o meu Giftback\n                    </label>\n                </div>\n                <div class=\"info-box\">\n                    O Giftback será aplicado na próxima etapa.\n                </div>\n            </div>\n        );\n    }\n}"],"version":3}

package/dist/components/{p-ced6f09e.js → p-ff66a618.js}

@@ -6,7 +6,7 @@ import { i as instance } from './p-fb505488.js';
 import { g as getKeyReserveByCartId, U as USED_KEY } from './p-f9aeffc1.js';
 import { d as defineCustomElement$7 } from './p-0ef696a9.js';
 import { d as defineCustomElement$6 } from './p-29622725.js';
-import { d as defineCustomElement$5 } from './p-83fd06e5.js';
+import { d as defineCustomElement$5 } from './p-3aedc9aa.js';
 import { d as defineCustomElement$4 } from './p-f1639e26.js';
 import { d as defineCustomElement$3 } from './p-ca3d612c.js';
 import { d as defineCustomElement$2 } from './p-0a29a684.js';
@@ -164,15 +164,17 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
             this.loading = false;
         }
     }
-    handleCancel() {
-        // this.step = StepFormEnum.STEP_PHONE;
-        this.cancel();
-    }
-    async cancel() {
+    async cancel(onlyAmount = false) {
+        console.log('onlyAmount', onlyAmount);
         this.message = "";
         this.loading = true;
         try {
-            await this.crmBonusService.cancelBonus(this.cartId, this.storeName);
+            if (onlyAmount) {
+                await this.crmBonusService.cancel(this.cartId);
+            }
+            else {
+                await this.crmBonusService.cancelBonus(this.cartId, this.storeName);
+            }
             // localStorage.removeItem(this.cartId);
             this.save(0);
         }
@@ -214,11 +216,11 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         });
     }
     render() {
-        return (h("div", { key: 'b3ee46442ab6dfc062792ba9304153735ea5c221', class: "crm-container-form fbits-responsive-carrinho-desconto" }, h("label", { key: '763cc526640bce84ece0b2389b2fb7e99519eab8', class: "crm-title" }, this.config.giftbackTitle), this.step === StepFormEnum.STEP_PHONE &&
-            h("phone-form", { key: '1696446b829fd16c006353ad3689c25f51ec6c90', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
-            h("pin-form", { key: '0af5348ebf7ad7980b3f3f8364cd442e41ad9fe8', config: this.config, phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && h("p", { key: 'b11bfde8822d9acf404313f0a8d079189b35a40b', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: 'f848df71f4604122b87a59cb59b96e85d4a89057', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
-            h("giftback-info", { key: '66480f6f9c5e93162ed2152192d8db76c01f459f', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_NO_BONUS &&
-            (h("div", { key: '054f6a2b7d1bf73daa96d46665f4b840ae85ca64', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
+        return (h("div", { key: '672197c0acebc2e9e480baee615ce7c44045b0c9', class: "crm-container-form fbits-responsive-carrinho-desconto" }, h("label", { key: '5cb97f40eb1a188802955a1c6d0cc178f270454d', class: "crm-title" }, this.config.giftbackTitle), this.step === StepFormEnum.STEP_PHONE &&
+            h("phone-form", { key: '95efd95f01e061b4bf7ce2c4682a5586d10092f0', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
+            h("pin-form", { key: '65d07f41214fb4c41961ad99e6f2377a7ca50331', config: this.config, phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && h("p", { key: '76e817d7bb75f12a38492aca20535e76bbfcd06b', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: 'b9f6b59784bc7b37229defc651666546a38f436e', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
+            h("giftback-info", { key: 'fc92d98ce42e9f2f9b03b698f9d056a51b80f447', loading: this.loading, cancel: (onlyAmount) => this.cancel(onlyAmount), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_NO_BONUS &&
+            (h("div", { key: '10f96b92c47ed5fab4aeb497285996469ecd15c1', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
     }
     static get style() { return CrmGiftbackFormStyle0; }
 }, [0, "crm-giftback-form", {
@@ -293,4 +295,4 @@ defineCustomElement();
 
 export { CrmBonus as C, defineCustomElement as d };
 
-//# sourceMappingURL=p-ced6f09e.js.map
+//# sourceMappingURL=p-ff66a618.js.map

package/dist/components/p-ff66a618.js.map

@@ -0,0 +1 @@
+{"file":"p-ff66a618.js","mappings":"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","names":["i18next"],"sources":["src/components/giftback-form/giftback-form.css?tag=crm-giftback-form","src/components/giftback-form/giftback-form.tsx"],"sourcesContent":["* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    font-family: Roboto;\n    font-size: var(--crmfont-sizebodymd);\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    font-size: 14px;\n    color: var(--crm-btn);\n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    font-size: 16px;\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    font-size: 12px;\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    font-size: 12px;\n}","import { Component, Method, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent'\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport i18next from \"../../i18n/i18n\"\nimport { USED_KEY, getKeyReserveByCartId } from \"../../utils/keys.storage\";\n\n@Component({\n  tag: 'crm-giftback-form',\n  styleUrl: 'giftback-form.css'\n})\nexport class CrmBonus {\n  // private phoneInputMask: HTMLPhoneFormElement;\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  @Prop() loadProducts: () => void;\n\n  @State() value: string;\n  @State() loading: boolean = false;\n  @State() message: string;\n  @State() phone: string;\n  @State() pinInfo: IPinSent;\n  @State() step: StepFormEnum = StepFormEnum.STEP_PHONE;\n  @State() bonus: IBonus;\n\n  @State() sucess: string = \"\";\n  @State() error: string = \"\";\n  @State() config: IInfoStore;\n\n  @State() hasApplyBonus = false;\n\n\n  @Method()\n  async setStep(step: StepFormEnum) {\n    this.step = step\n  }\n\n  @Method()\n  async processBonus(products: IProduct[] = [], hasNewProduct = false) {\n    this.sucess = \"\";\n\n    console.log('processBonus', [])\n    if (hasNewProduct) {\n      this.products = products;\n    }\n    const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n\n    if (_bonus) {\n\n      const bonus = JSON.parse(_bonus)\n\n      this.bonus = bonus;\n\n      this.phone = bonus.phone;\n      this.pinInfo = {\n        storeId: bonus.storeId,\n        userId: bonus.userId\n      }\n      \n      await this.validateBonus(\"2018\");\n      this.step = StepFormEnum.STEP_RESERVE;\n\n    }\n\n\n  }\n\n  async handleSendPin(phone: string) {\n\n    this.message = \"\"\n    if (!phone) {\n      this.message = \"Informe seu telefone\";\n      return;\n    }\n\n    this.phone = phone;\n\n    this.sendPin()\n  }\n\n  async componentWillLoad() {\n    this.sucess = \"\";\n    this.error = \"\"\n    this.config = getInfoCustomization(this.storeName);\n\n    await this.handleApply()\n\n  }\n\n  async handleApply() {\n    console.log('processBonus')\n    await this.processBonus();\n\n    // const bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n    // if (bonus) {\n    //   this.bonus = JSON.parse(bonus);\n    //   this.step = StepFormEnum.STEP_RESERVE;      \n    // }\n\n  }\n\n  private convertStringToNumber(): number {\n    const _phone = this.phone.replace(/\\D/g, '');\n    return Number(_phone);\n  }\n\n  public async sendPin() {\n    this.loading = true;\n    this.message = \"\";\n    this.sucess = \"\";\n    this.error = \"\"\n\n    try {\n\n      const _phone = this.convertStringToNumber()\n\n      this.pinInfo = await this.crmBonusService.sendPin(_phone, this.customer?.name, this.storeName);\n\n      if (localStorage.getItem(`bc:${this.phone}`)) {\n        await this.validateBonus(\"2018\");\n        this.step = StepFormEnum.STEP_RESERVE;\n      } else {\n        this.step = StepFormEnum.STEP_PIN;\n      }\n\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  changePhone() {\n    this.sucess = \"\";\n    this.error = \"\"\n    this.step = StepFormEnum.STEP_PHONE;\n  }\n\n  public async validateBonus(pin: string) {\n\n    this.loadProducts();\n\n    const used_or_no = localStorage.getItem(USED_KEY);\n\n    if (used_or_no == \"use\") {\n      this.step = StepFormEnum.STEP_RESERVE;\n      return\n    }\n\n    this.loading = true;\n    this.sucess = \"\";\n    this.error = \"\";\n    const payload: IProccesPinBonusDto = {\n      pin: pin,\n      cellphone: this.phone.toString(),\n      storeId: this.pinInfo.storeId.toString(),\n      userId: this.pinInfo.userId.toString(),\n      checkoutId: this.cartId,\n      checkoutProducts: this.products,\n      name: this.customer?.name,\n      storeName: this.storeName\n    }\n\n    try {\n      this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n      if (!this.bonus.hasBonus) {\n        this.loading = false;\n        this.step = StepFormEnum.STEP_NO_BONUS;\n        return\n      }\n\n      this.sucess = \"Código validado com sucesso!\";\n      localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\n      localStorage.setItem(`bc:${this.phone}`, \"validate\")\n\n      this.step = StepFormEnum.STEP_RESERVE;\n\n    } catch (error) {\n      const _error: string = error?.response?.data?.message;\n\n      if (_error.includes(\"Pin\")) {\n        this.error = \"Código inválido!\"\n      } else {\n        this.error = _error;\n        this.step = StepFormEnum.STEP_NO_BONUS;\n      }\n\n\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  async cancel(onlyAmount = false) {\n\n    console.log('onlyAmount', onlyAmount)\n\n    this.message = \"\";\n    this.loading = true;\n    try {\n\n      if(onlyAmount) {\n        await this.crmBonusService.cancel(this.cartId);\n      } else {\n        await this.crmBonusService.cancelBonus(this.cartId, this.storeName);\n      }\n      \n      // localStorage.removeItem(this.cartId);\n      this.save(0)\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  public async reserveApply(amount: number) {\n    this.loading = true;\n    this.message = \"\";\n    try {\n      await this.reserve(amount);\n      this.save(amount);\n\n    } catch (error) {\n      this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\n\n      this.step = StepFormEnum.STEP_NO_BONUS;\n      localStorage.removeItem(this.cartId);\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  save(amount: number) {\n    localStorage.setItem(this.cartId, amount.toString());\n  }\n\n  public async reserve(amount: number) {\n\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  render() {\n    return (\n      <div class=\"crm-container-form fbits-responsive-carrinho-desconto\"  >\n\n        {/* <loading-container /> */}\n\n        <label class=\"crm-title\">{this.config.giftbackTitle}</label>\n\n        {this.step === StepFormEnum.STEP_PHONE &&\n          <phone-form\n            value={this.customer.phone}\n            config={this.config}\n            loading={this.loading}\n            handlerSubmit={(phone) => this.handleSendPin(phone)}\n          />}\n        {\n          this.step === StepFormEnum.STEP_PIN &&\n          <pin-form\n            config={this.config}\n            phone={this.phone}\n            cancel={() => this.changePhone()}\n            resend={() => this.sendPin()}\n            validate={(data) => this.validateBonus(data)}\n            loading={this.loading}\n          >\n            {this.sucess && <p class=\"crm-message-info\">{this.sucess}</p>}\n            {this.error && <p class=\"crm-message-error\">{this.error}</p>}\n\n          </pin-form>\n        }\n\n        {\n          this.step === StepFormEnum.STEP_RESERVE &&\n          <giftback-info\n            loading={this.loading}\n            cancel={(onlyAmount) => this.cancel(onlyAmount)}\n            bonus={this.bonus}\n            reserve={(amountRedeemed: number) => this.reserveApply(amountRedeemed)}\n          />\n        }\n\n        {\n          this.step === StepFormEnum.STEP_NO_BONUS &&\n          (\n            <div class=\"container-message\">\n              {i18next.t(\"noGiftback\", { storename: this.config.giftbackTitle })}\n            </div>\n          )\n\n        }\n      </div>\n    )\n  }\n}"],"version":3}

package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as n}from"./p-24616d67.js";export{s as setNonce}from"./p-24616d67.js";import{g as a}from"./p-e1255160.js";var o=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};o().then((async e=>{await a();return n([["p-9d6c9e7c",[[2,"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],loading_reprocess:[32],resetBonus:[64],reprocess:[64]},null,{productsInString:["watchProducts"]}]]],["p-f2b13b76",[[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]}]]],["p-db4f04a8",[[0,"phone-cancel-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-92fe1963",[[0,"phone-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-4d351ad2",[[1,"app-modal",{isOpen:[516,"is-open"],modalTitle:[1,"modal-title"]}]]],["p-d9837aef",[[0,"crm-bonus-note",{cartId:[8,"cartid"],storename:[8],url:[32],config:[32]}]]],["p-f2414e57",[[0,"pedido-finalizado",{cartId:[1,"cartid"],orderId:[2,"orderid"],metadadoString:[1,"metadado"]}]]],["p-2086a755",[[0,"crm-button",{txtBtn:[1,"txt-btn"],loading:[4],handleClick:[16]}]]],["p-8bd25376",[[1,"phone-input-mask",{initialValue:[1,"initial-value"],disabled:[4],phone:[32],message:[32],getPhone:[64]}]]],["p-c8445f78",[[1,"loading-spinner",{size:[1],color:[1]}]]],["p-7ddbe83c",[[0,"phone-form",{value:[1],loading:[4],handlerSubmit:[16],config:[16]}],[1,"pin-form",{validate:[16],cancel:[16],resend:[16],sent:[16],loading:[4],phone:[1],config:[16],pin:[32],isVerified:[32],canResend:[32]}],[0,"giftback-info",{loading:[4],bonus:[16],reserve:[16],cancel:[16],usedValue:[32],selectedOption:[32],sliderPosition:[32]},null,{bonus:["changedBonus"]}],[1,"countdown-timer",{downtime:[16],counter:[32]}]]],["p-bced74ec",[[0,"crm-giftback-form",{storeName:[8,"storename"],cartId:[8,"cart-id"],products:[16],customer:[16],loadProducts:[16],value:[32],loading:[32],message:[32],phone:[32],pinInfo:[32],step:[32],bonus:[32],sucess:[32],error:[32],config:[32],hasApplyBonus:[32],setStep:[64],processBonus:[64]}],[4,"loading-container",{loading:[4]}]]],["p-9ad0650e",[[1,"giftback-pin",{sent:[16],validate:[16],cancel:[16],loading:[4],pin:[32],isVerified:[32]}],[1,"giftback-progress",{loading:[4],bonus:[16],reserve:[16],cancel:[16],usedValue:[32]}],[0,"name-input",{value:[1],loading:[4],applyName:[16],cancel:[16],newValue:[32],message:[32]}],[1,"giftback-finish"]]]],e)}));
+import{p as e,b as n}from"./p-24616d67.js";export{s as setNonce}from"./p-24616d67.js";import{g as a}from"./p-e1255160.js";var o=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};o().then((async e=>{await a();return n([["p-9d6c9e7c",[[2,"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],loading_reprocess:[32],resetBonus:[64],reprocess:[64]},null,{productsInString:["watchProducts"]}]]],["p-f2b13b76",[[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]}]]],["p-db4f04a8",[[0,"phone-cancel-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-92fe1963",[[0,"phone-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-4d351ad2",[[1,"app-modal",{isOpen:[516,"is-open"],modalTitle:[1,"modal-title"]}]]],["p-d9837aef",[[0,"crm-bonus-note",{cartId:[8,"cartid"],storename:[8],url:[32],config:[32]}]]],["p-f2414e57",[[0,"pedido-finalizado",{cartId:[1,"cartid"],orderId:[2,"orderid"],metadadoString:[1,"metadado"]}]]],["p-2086a755",[[0,"crm-button",{txtBtn:[1,"txt-btn"],loading:[4],handleClick:[16]}]]],["p-8bd25376",[[1,"phone-input-mask",{initialValue:[1,"initial-value"],disabled:[4],phone:[32],message:[32],getPhone:[64]}]]],["p-c8445f78",[[1,"loading-spinner",{size:[1],color:[1]}]]],["p-8593582a",[[0,"phone-form",{value:[1],loading:[4],handlerSubmit:[16],config:[16]}],[1,"pin-form",{validate:[16],cancel:[16],resend:[16],sent:[16],loading:[4],phone:[1],config:[16],pin:[32],isVerified:[32],canResend:[32]}],[0,"giftback-info",{loading:[4],bonus:[16],reserve:[16],cancel:[16],usedValue:[32],selectedOption:[32],sliderPosition:[32]},null,{bonus:["changedBonus"]}],[1,"countdown-timer",{downtime:[16],counter:[32]}]]],["p-dc299ddd",[[0,"crm-giftback-form",{storeName:[8,"storename"],cartId:[8,"cart-id"],products:[16],customer:[16],loadProducts:[16],value:[32],loading:[32],message:[32],phone:[32],pinInfo:[32],step:[32],bonus:[32],sucess:[32],error:[32],config:[32],hasApplyBonus:[32],setStep:[64],processBonus:[64]}],[4,"loading-container",{loading:[4]}]]],["p-9ad0650e",[[1,"giftback-pin",{sent:[16],validate:[16],cancel:[16],loading:[4],pin:[32],isVerified:[32]}],[1,"giftback-progress",{loading:[4],bonus:[16],reserve:[16],cancel:[16],usedValue:[32]}],[0,"name-input",{value:[1],loading:[4],applyName:[16],cancel:[16],newValue:[32],message:[32]}],[1,"giftback-finish"]]]],e)}));
 //# sourceMappingURL=crmbonus-component-wake.esm.js.map

package/dist/crmbonus-component-wake/p-8593582a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as i}from"./p-24616d67.js";import{i as o}from"./p-fb505488.js";import{U as n}from"./p-f9aeffc1.js";const a=class{constructor(t){e(this,t);this.downtime=undefined;this.counter=30}componentWillLoad(){this.intervalId=setInterval((()=>{if(this.counter>0){this.counter--}else{clearInterval(this.intervalId);this.downtime()}}),1e3)}disconnectedCallback(){clearInterval(this.intervalId)}render(){return t("label",{key:"6313656b73bec34e3e4e5099c2bd7633e025588e"},this.counter,"s")}};const r=":host{--text-color:#6D6D5F}.giftback-container{display:flex;flex-direction:column;gap:14px}h3{font-size:1.2rem;margin-bottom:8px;color:#333}.container-description p{font-size:14px;font-weight:400}p{font-size:12px;color:#000}.value-display h2{color:#6D6D5F;font-size:1.6rem;margin:16px 0}input[type='range']{width:100%;margin:12px 0;-webkit-appearance:none;background:#ddd;height:4px;border-radius:4px;outline:none;padding:3px 0px 3px 3px}input[type=\"range\"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:rgb(109, 109, 95);border-radius:50%;cursor:pointer}.options{margin:0px 0;display:flex;gap:10px;flex-direction:column}.options label{display:block;margin:0px 0;font-size:0.9rem;color:#333}.options input[type='radio']{margin-right:8px;height:16px;width:16px}.options input[type='radio']{appearance:none;-webkit-appearance:none;margin-right:8px;width:16px;height:16px;border:2px solid #ddd;border-radius:50%;background-color:#fff;cursor:pointer;transition:all 0.3s;padding:0px}.options input[type='radio']:checked{border-color:#000;background-color:#FAFAFA;border:4px solid #000}.info-box{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:8px;font-size:14px;color:#262626;line-height:20px}.info-icon{font-size:0.9rem;cursor:pointer;color:#888}h3{font-size:1.2rem;margin-bottom:8px;color:#333}.slider-wrapper{position:relative;margin:21px 0px 0px 0px}.slider{width:100%;-webkit-appearance:none;background:#ddd;height:4px;border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-color);border-radius:50%;cursor:pointer}.slider-value{position:absolute;top:-30px;font-size:16px;font-weight:700;color:var(--text-color);transform:translateX(-50%);white-space:nowrap;}";const s=r;const c=class{constructor(t){e(this,t);this.usedValue=0;this.selectedOption="none";this.loading=false;this.bonus={totalBonus:0,cartId:"",minimumPurchase:0,bonusBalance:0,calculatedValue:0,firstValidityDate:"",totalValue:0};this.reserve=undefined;this.cancel=undefined;this.sliderPosition=50}changedBonus(){this.updateBonus()}updateBonus(){this.usedValue=parseFloat(this.bonus.bonusBalance.toString());this.buildPositionSlider(0,this.bonus.totalBonus)}componentWillLoad(){this.updateBonus();this.selectedOption=localStorage.getItem("bc:used")}handleSliderChange(e){const t=e.target;this.usedValue=parseFloat(t.value);this.buildPositionSlider(parseFloat(t.min),parseFloat(t.max))}buildPositionSlider(e,t){const i=(this.usedValue-e)/(t-e)*100;this.sliderPosition=i}async handleOptionChange(e){this.selectedOption=e;const t=this.canCancelAmountSetOption(e);switch(this.selectedOption){case"use":await this.reserve(this.usedValue);break;case"dontUse":await this.cancel(t);break}}canCancelAmountSetOption(e){const t=localStorage.getItem(n);localStorage.setItem(n,e);return!t}render(){const e=this.bonus.minimumPurchase-this.bonus.totalValue;const i=o.t("giftDescription",{amount:`${this.bonus.totalBonus.toFixed(2).replace(".",",")}`,custom_name:"Giftback"});return t("div",{key:"dd524f05ed4af2e81b28c3abe579f5883349e249",class:"giftback-container"},t("div",{key:"f25c731ddf9d4d7c4f50c06476a4005926f93a33",class:"container-description"},t("p",{key:"5a1d3bb8268beb1105a904bc37453a914ac6a544",innerHTML:i})),t("div",{key:"489ae419ef171cdafeea23f5cb7e3b528c1ce79d",class:"slider-wrapper"},t("div",{key:"5f36b2c1fdde9b34647ae23ac1326d398baf4857",class:"slider-value",style:{left:`calc(${this.sliderPosition}% - 20px)`}},"R$ ",this.usedValue.toFixed(2).replace(".",",")),t("input",{key:"223300cb11ac1f514e53999eb32462be302ed05c",disabled:true,type:"range",min:"0",max:this.bonus.totalBonus,value:this.usedValue,class:"slider",step:"0.01",onInput:e=>this.handleSliderChange(e),style:{background:`linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`}})),t("p",{key:"bfcdd56262758970d77c1160cfa6196dc1be4168"},"Adicione ",t("strong",{key:"098fb40bd03e024fcd1c4ad6bef9904740e7ab9f"},"R$ ",e<0?"0,00":e.toFixed(2).replace(".",","))," ao carrinho para atingir o valor máximo!"),t("div",{key:"d8314c560ad8959cee91166aa7204aec1fe19957",class:"options"},t("label",{key:"ea56a998ffbc0a72ad65cb2ee6cad5ee02052cda"},t("input",{key:"357c5a64660793c11cf69f79b79fb322b2be88b7",type:"radio",name:"giftbackOption",value:"use",checked:this.selectedOption==="use",onChange:()=>this.handleOptionChange("use")}),"Usar o meu Giftback"),t("label",{key:"5303ab06624bc4fd82f3bceac5f67369b8d927ec"},t("input",{key:"6bb76166923c142965068dae18fd3e19c2503619",type:"radio",name:"giftbackOption",value:"dontUse",checked:this.selectedOption==="dontUse",onChange:()=>this.handleOptionChange("dontUse")}),"Não usar o meu Giftback")),t("div",{key:"db234af5dca35661d9302d94e14e6b6af3e93d59",class:"info-box"},"O Giftback será aplicado na próxima etapa."))}static get watchers(){return{bonus:["changedBonus"]}}};c.style=s;const d="*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{font-family:Roboto;font-size:var(--crmfont-sizebodymd);font-weight:400;line-height:var(--crmline-heightbodymd);letter-spacing:var(--crmletter-spacingtitle-md);text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn)}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";const p=d;const l=class{constructor(t){e(this,t);this.value=undefined;this.loading=undefined;this.handlerSubmit=undefined;this.config=undefined}async handlePhone(){const e=await this.phoneInputMask.getPhone();await this.handlerSubmit(e)}render(){var e;return t(i,{key:"e9d7a5291b33b478b70fe5d2047764119da1da05",class:"crm-phone-form"},t("label",{key:"b8ec0e468c2a59258edeec123654300b17795ef1",class:"crm-subtitle"},"Digite o seu celular para verificar se há desconto disponível nessa compra"),t("phone-input-mask",{key:"cdd2086ea2041a7cff6d2547ada050187ecc5782",initialValue:this.value,ref:e=>this.phoneInputMask=e}),t("crm-button",{key:"7342514efb50657e7231ef312162fa20831c3ded",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.handlePhone()}))}};l.style=p;const f=":host{display:block;font-family:Arial, sans-serif}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}input{width:40px;height:48px;font-size:14px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer}.button-cancel{top:50%;background-color:#ffffff;color:#1e1c1c;border:1px solid gray;border-radius:10px;padding:10px;min-height:30px;min-width:120px;font-size:19px;cursor:pointer}.crm-description{font-size:14px;width:100%;display:flex;gap:9px}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";const h=f;const b="*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{font-family:Roboto;font-size:var(--crmfont-sizebodymd);font-weight:400;line-height:var(--crmline-heightbodymd);letter-spacing:var(--crmletter-spacingtitle-md);text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn)}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";const m=b;const u=class{constructor(t){e(this,t);this.validate=undefined;this.cancel=undefined;this.resend=undefined;this.sent=undefined;this.loading=false;this.phone=undefined;this.config=undefined;this.pin=["","","",""];this.isVerified=false;this.canResend=false}componentWillLoad(){this.canResend=false}handleInput(e,t){const i=e.target;const o=i.value.slice(0,1);this.pin[t]=o;if(o&&t<this.pin.length-1){const e=i.nextElementSibling;e===null||e===void 0?void 0:e.focus()}this.pin=[...this.pin]}validatePin(){this.validate(this.pin.join(""))}verifyPin(){const e=this.pin.join("");if(e==="9999"){this.isVerified=true}}handleTimeout(){this.canResend=true}async handleResend(){await this.resend();this.canResend=false;this.pin=["","","",""]}render(){var e;return t("div",{key:"767d23f4116f50eff85dee75caf93b9138e915f7",class:"crm-phone-form"},t("label",{key:"56eb285a2fde3f209e86834dacf265801d6778dd",class:"crm-subtitle"},o.t("pin-sutitle")," ",t("strong",{key:"f0494fa3fb8c0a389e60f47b1569db8b58c0f59d"},"+55 ",this.phone)),t("div",{key:"472f69c00dc6329b9086c82e858eb3739da2de5a",class:"pin-container"},this.pin.map(((e,i)=>t("input",{type:"text",maxLength:1,value:this.pin[i],onInput:e=>this.handleInput(e,i)})))),t("slot",{key:"31ed7ad3ca6c681c441ff8f09c2af2df1fcb4cb8"}),t("p",{key:"1fcdf997ba9926744eb64add8eb0d82ee4bee8d2",class:"crm-description"}," Não recebeu?",!this.canResend&&t("label",{key:"6d92a595bf2f1d8018c7a283302548b9f1338c8e"}," Reenviar em ",t("countdown-timer",{key:"b8164b1345e1b7f2ccced338cc0940f0245f89e4",downtime:()=>this.handleTimeout()})," "),this.canResend&&t("div",{key:"144fe92ebea77099ab9eb089a2c1239dfe88ffd0"},t("a",{key:"fb817a1bd4ee194d01656f52c61eaad2f00e1019",onClick:()=>this.handleResend()},"Reenviar"),t("a",{key:"cff8f476dd0fdd64831db02ef5cb4ddba1919aae",onClick:()=>this.cancel()},"Trocar número"))),t("crm-button",{key:"1c11adbe0b480b9d460f87103d690f66b9a06299",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.validatePin()}))}};u.style=h+m;export{a as countdown_timer,c as giftback_info,l as phone_form,u as pin_form};
+//# sourceMappingURL=p-8593582a.entry.js.map

package/dist/crmbonus-component-wake/p-8593582a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CountdownTimer","componentWillLoad","this","intervalId","setInterval","counter","clearInterval","downtime","disconnectedCallback","render","h","key","giftbackInfoCss","GiftbackInfoStyle0","GiftbackInfo","totalBonus","cartId","minimumPurchase","bonusBalance","calculatedValue","firstValidityDate","totalValue","changedBonus","updateBonus","usedValue","parseFloat","bonus","toString","buildPositionSlider","selectedOption","localStorage","getItem","handleSliderChange","event","input","target","value","min","max","percentage","sliderPosition","handleOptionChange","option","canCancelAmout","canCancelAmountSetOption","reserve","cancel","opt","USED_KEY","setItem","remainingGiftback","translateDescription","i18next","t","amount","toFixed","replace","custom_name","class","innerHTML","style","left","disabled","type","step","onInput","background","name","checked","onChange","giftbackFormCss","PhoneFormStyle0","PhoneForm","handlePhone","phone","phoneInputMask","getPhone","handlerSubmit","Host","initialValue","ref","txtBtn","_a","config","btnApplyBonusLabel","loading","handleClick","pinFormCss","PinFormStyle0","PinFormStyle1","GiftbackPin","canResend","handleInput","index","slice","pin","length","nextInput","nextElementSibling","focus","validatePin","validate","join","verifyPin","pinCode","isVerified","handleTimeout","handleResend","resend","map","_","maxLength","onClick"],"sources":["src/components/countdown-timer/countdown-timer.tsx","src/components/giftback-form/subcomponents/giftback-info/giftback-info.css?tag=giftback-info","src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx","src/components/giftback-form/giftback-form.css?tag=phone-form","src/components/giftback-form/subcomponents/phone-form/phone-form.tsx","src/components/giftback-form/subcomponents/pin-form/pin-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/giftback-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/subcomponents/pin-form/pin-form.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'countdown-timer',\n    shadow: true,\n})\nexport class CountdownTimer {\n\n    @Prop() downtime: () => void;\n\n    @State() counter: number = 30;\n    private intervalId: NodeJS.Timer;\n\n    componentWillLoad() {\n        this.intervalId = setInterval(() => {\n            if (this.counter > 0) {\n                this.counter--;\n            } else {\n                clearInterval(this.intervalId);\n\n                this.downtime()\n            }\n        }, 1000); // Intervalo de 1 segundo\n    }\n\n    disconnectedCallback() {\n        clearInterval(this.intervalId);\n    }\n\n    render() {\n        return (\n            <label>{this.counter}s</label>\n        );\n    }\n}\n",":host {\n    --text-color: #6D6D5F\n}\n\n.giftback-container {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}\n\nh3 {\n    font-size: 1.2rem;\n    margin-bottom: 8px;\n    color: #333;\n}\n\n.container-description p {\n    font-size: 14px;\n    font-weight: 400;\n}\n\n\np {\n    font-size: 12px;\n    color: #000;\n}\n\n.value-display h2 {\n    color: #6D6D5F;\n    /* Verde para o valor atual */\n    font-size: 1.6rem;\n    margin: 16px 0;\n}\n\ninput[type='range'] {\n    width: 100%;\n    margin: 12px 0;\n    -webkit-appearance: none;\n    background: #ddd;\n    height: 4px;\n    border-radius: 4px;\n    outline: none;\n    padding: 3px 0px 3px 3px;\n}\n\n/* input[type='range']::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    background: var(--text-color);\n    border-radius: 50%;\n    cursor: pointer;\n} */\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    background: rgb(109, 109, 95);\n    /* Cor do botão */\n    border-radius: 50%;\n    cursor: pointer;\n}\n\n.options {\n    margin: 0px 0;\n    display: flex;\n    gap: 10px;\n    flex-direction: column;\n}\n\n.options label {\n    display: block;\n    margin: 0px 0;\n    font-size: 0.9rem;\n    color: #333;\n}\n\n.options input[type='radio'] {\n    margin-right: 8px;\n    height: 16px;\n    width: 16px;\n}\n\n.options input[type='radio'] {\n    appearance: none;\n    -webkit-appearance: none;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n    border: 2px solid #ddd;\n    border-radius: 50%;\n    background-color: #fff;\n    cursor: pointer;\n    transition: all 0.3s;\n    padding: 0px;\n}\n\n.options input[type='radio']:checked {\n    border-color: #000;\n    background-color: #FAFAFA;\n    border: 4px solid #000;\n}\n\n.info-box {\n    background-color: #f9f9f9;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    padding: 8px;\n    font-size: 14px;\n    color: #262626;\n    line-height: 20px;\n}\n\n.info-icon {\n    font-size: 0.9rem;\n    cursor: pointer;\n    color: #888;\n}\n\nh3 {\n    font-size: 1.2rem;\n    margin-bottom: 8px;\n    color: #333;\n}\n\n.slider-wrapper {\n    position: relative;\n    margin: 21px 0px 0px 0px;\n}\n\n.slider {\n    width: 100%;\n    -webkit-appearance: none;\n    background: #ddd;\n    height: 4px;\n    border-radius: 2px;\n    outline: none;\n}\n\n.slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    background: var(--text-color);\n    /* Azul para o slider */\n    border-radius: 50%;\n    cursor: pointer;\n}\n\n.slider-value {\n    position: absolute;\n    top: -30px;\n    /* Posição acima do slider */\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--text-color);\n    /* Verde para o texto */\n    transform: translateX(-50%);\n    white-space: nowrap;\n    /* margin-left: 23px; */\n}","import { Component, Prop, State, Watch, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\nimport { USED_KEY } from \"../../../../utils/keys.storage\";\n\n@Component({\n    tag: 'giftback-info',\n    styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n    @State() usedValue: number = 0;\n    @State() selectedOption: string = 'none';\n\n    @Prop() loading: boolean = false;\n    @Prop() bonus: Partial<IBonus> = {\n        totalBonus: 0,\n        cartId: \"\",\n        minimumPurchase: 0,\n        bonusBalance: 0,\n        calculatedValue: 0,\n        firstValidityDate: \"\",\n        totalValue: 0\n    };\n    @Prop() reserve: (amountRedeemed: number) => void;\n    @Prop() cancel: (onlyAmount: boolean) => void;\n\n    @State() sliderPosition: number = 50;\n\n    @Watch(\"bonus\")\n    changedBonus() {\n        this.updateBonus()\n    }\n\n    private updateBonus() {\n        this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n        this.buildPositionSlider(0, this.bonus.totalBonus);\n    }\n\n    componentWillLoad() {\n        this.updateBonus();\n        this.selectedOption = localStorage.getItem(\"bc:used\");\n    }\n\n    handleSliderChange(event: Event) {\n        const input = event.target as HTMLInputElement;\n        this.usedValue = parseFloat(input.value);\n\n        // Calculando a posição do texto com base no valor do slider\n        // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n        // this.sliderPosition = percentage;\n\n        this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\n    }\n\n\n    private buildPositionSlider(min: number, max: number) {\n        // Calculando a posição do texto com base no valor do slider\n        const percentage = ((this.usedValue - min) / (max - min)) * 100;\n        this.sliderPosition = percentage;\n    }\n\n    async handleOptionChange(option: string) {\n        this.selectedOption = option;\n         \n        const canCancelAmout = this.canCancelAmountSetOption(option);\n\n        switch (this.selectedOption) {\n            case 'use':\n                await this.reserve(this.usedValue)\n                break;\n            case 'dontUse':\n                await this.cancel(canCancelAmout);\n                break;\n            default:\n        }\n    }\n\n\n    private canCancelAmountSetOption(option: string): boolean {\n        const opt = localStorage.getItem(USED_KEY);\n        localStorage.setItem(USED_KEY, option);\n        return !opt;\n    }\n\n    render() {\n        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n        const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n        return (\n\n            <div class=\"giftback-container\">\n                <div class=\"container-description\">\n                    <p innerHTML={translateDescription}></p>\n                </div>\n                <div class=\"slider-wrapper\">\n                    <div\n                        class=\"slider-value\"\n                        style={{\n                            left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n\n                        }}\n                    >\n                        R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n                    </div>\n                    <input\n                        disabled\n                        type=\"range\"\n                        min=\"0\"\n                        max={this.bonus.totalBonus}\n                        value={this.usedValue}\n                        class=\"slider\"\n                        step=\"0.01\"\n                        onInput={(event) => this.handleSliderChange(event)}\n                        style={{\n                            background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n                        }}\n                    />\n                </div>\n                <p>\n                    Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n                    máximo!\n                </p>\n                <div class=\"options\">\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"use\"\n                            checked={this.selectedOption === 'use'}\n                            onChange={() => this.handleOptionChange('use')}\n                        />\n                        Usar o meu Giftback\n                    </label>\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"dontUse\"\n                            checked={this.selectedOption === 'dontUse'}\n                            onChange={() => this.handleOptionChange('dontUse')}\n                        />\n                        Não usar o meu Giftback\n                    </label>\n                </div>\n                <div class=\"info-box\">\n                    O Giftback será aplicado na próxima etapa.\n                </div>\n            </div>\n        );\n    }\n}","* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    font-family: Roboto;\n    font-size: var(--crmfont-sizebodymd);\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    font-size: 14px;\n    color: var(--crm-btn);\n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    font-size: 16px;\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    font-size: 12px;\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    font-size: 12px;\n}","import { Component, Host, Prop, h } from \"@stencil/core\";\nimport { IInfoStore } from \"../../../../helpers/info.config.helper\";\n\n@Component({\n    tag: 'phone-form',\n    styleUrl: '../../giftback-form.css'\n})\nexport class PhoneForm {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    @Prop() value: string;\n    @Prop() loading: boolean;\n    @Prop() handlerSubmit: (phone: string) => void;\n\n    @Prop() config: IInfoStore;\n\n\n    async handlePhone() {\n\n        const phone = await this.phoneInputMask.getPhone()\n\n        await this.handlerSubmit(phone);\n    }\n\n\n    render() {\n        return (\n            <Host class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >Digite o seu celular para verificar se há desconto disponível nessa compra</label>\n                <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\n\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.handlePhone() } />\n            </Host>\n        )\n    }\n}",":host {\n    display: block;\n    font-family: Arial, sans-serif;\n}\n\n.form-container-pin {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.pin-container {\n    display: flex;\n    /* margin: 26px 0; */\n    justify-content: start;\n    gap: 10px;\n}\n\ninput {\n    width: 40px;\n    height: 48px;\n    font-size: 14px;\n    text-align: center;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n}\n\nbutton {\n    padding: 10px 20px;\n    background-color: #ddd;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n}\n\n\n.success {\n    color: green;\n    margin-top: 10px;\n}\n\n.button {\n    top: 50%;\n    background-color: #6c6c7e;\n    color: #fff;\n    border: none;\n    border-radius: 10px;\n    padding: 15px;\n    min-height: 30px;\n    min-width: 120px;\n    font-size: 20px;\n    cursor: pointer;\n}\n\n.button-cancel {\n    top: 50%;\n    background-color: #ffffff;\n    color: #1e1c1c;\n    border: 1px solid gray;\n    border-radius: 10px;\n    padding: 10px;\n    min-height: 30px;\n    min-width: 120px;\n    font-size: 19px;\n    cursor: pointer;\n}\n\n.crm-description {\n    font-size: 14px;\n    width: 100%;\n    display: flex;\n    gap: 9px;\n}\n\n.crm-description a {\n    font-weight: bold;\n    cursor: pointer;\n    text-decoration: underline;\n}\n\n.crm-description div {\n    display: flex;\n    gap: 5px;\n}","* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    font-family: Roboto;\n    font-size: var(--crmfont-sizebodymd);\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    font-size: 14px;\n    color: var(--crm-btn);\n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    font-size: 16px;\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    font-size: 12px;\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    font-size: 12px;\n}","import { Component, h, Prop, State } from '@stencil/core';\nimport { IPinSent } from '../../../../dto/pin.sent';\nimport i18next from '../../../../i18n/i18n'\nimport { IInfoStore } from '../../../../helpers/info.config.helper';\n\n@Component({\n    tag: 'pin-form',\n    styleUrls: ['pin-form.css', '../../giftback-form.css'],\n    shadow: true,\n})\nexport class GiftbackPin {\n\n    @Prop() validate: (pin: string) => void;\n    @Prop() cancel: () => void;\n    @Prop() resend: () => void;\n\n    @Prop() sent: IPinSent;\n    @Prop() loading: boolean = false;\n    @Prop() phone: string;\n    @Prop() config: IInfoStore;\n\n    @State() pin: string[] = ['', '', '', ''];\n    @State() isVerified: boolean = false;\n    @State() canResend: boolean = false;\n\n    componentWillLoad() {\n        this.canResend = false;\n    }\n\n    handleInput(event: Event, index: number) {\n        const input = event.target as HTMLInputElement;\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\n        this.pin[index] = value;\n\n        // Focar no próximo campo, se possível\n        if (value && index < this.pin.length - 1) {\n            const nextInput = input.nextElementSibling as HTMLInputElement;\n            nextInput?.focus();\n        }\n\n        this.pin = [...this.pin];\n    }\n\n    validatePin() {\n        this.validate(this.pin.join(\"\"))\n    }\n\n    verifyPin() {\n        const pinCode = this.pin.join('');\n        if (pinCode === '9999') {\n            this.isVerified = true;\n        }\n    }\n\n    handleTimeout() {\n        this.canResend = true;\n    }\n\n    async handleResend() {\n        await this.resend();\n\n        this.canResend = false;\n        this.pin = ['', '', '', '']\n    }\n\n    render() {\n        return (\n            <div class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\n                <div class=\"pin-container\">\n                    {this.pin.map((_, index) => (\n                        <input\n                            type=\"text\"\n                            maxLength={1}\n                            value={this.pin[index]}\n                            onInput={(event) => this.handleInput(event, index)}\n                        />\n                    ))}\n                </div>\n\n                <slot></slot>\n\n                <p class=\"crm-description\"> Não recebeu?\n                    {\n                        !this.canResend && <label> Reenviar em <countdown-timer downtime={() => this.handleTimeout()} /> </label>\n                    }\n                    {\n                        this.canResend && (\n                            <div >\n                                <a onClick={() => this.handleResend()}>Reenviar</a>\n                                <a onClick={() => this.cancel()}>Trocar número</a>\n                            </div>\n                        )\n                    }\n                </p>\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\n            </div >\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/crmbonus-component-wake/{p-bced74ec.entry.js → p-dc299ddd.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i}from"./p-24616d67.js";import{C as s}from"./p-0183bc96.js";import{S as e}from"./p-a561251a.js";import{g as o}from"./p-75ba7b9a.js";import{i as a}from"./p-fb505488.js";import{g as n,U as r}from"./p-f9aeffc1.js";const h="*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{font-family:Roboto;font-size:var(--crmfont-sizebodymd);font-weight:400;line-height:var(--crmline-heightbodymd);letter-spacing:var(--crmletter-spacingtitle-md);text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn)}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";const c=h;const d=class{constructor(i){t(this,i);this.crmBonusService=s.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.customer=undefined;this.loadProducts=undefined;this.value=undefined;this.loading=false;this.message=undefined;this.phone=undefined;this.pinInfo=undefined;this.step=e.STEP_PHONE;this.bonus=undefined;this.sucess="";this.error="";this.config=undefined;this.hasApplyBonus=false}async setStep(t){this.step=t}async processBonus(t=[],i=false){this.sucess="";console.log("processBonus",[]);if(i){this.products=t}const s=localStorage.getItem(n(this.cartId));if(s){const t=JSON.parse(s);this.bonus=t;this.phone=t.phone;this.pinInfo={storeId:t.storeId,userId:t.userId};await this.validateBonus("2018");this.step=e.STEP_RESERVE}}async handleSendPin(t){this.message="";if(!t){this.message="Informe seu telefone";return}this.phone=t;this.sendPin()}async componentWillLoad(){this.sucess="";this.error="";this.config=o(this.storeName);await this.handleApply()}async handleApply(){console.log("processBonus");await this.processBonus()}convertStringToNumber(){const t=this.phone.replace(/\D/g,"");return Number(t)}async sendPin(){var t,i,s;this.loading=true;this.message="";this.sucess="";this.error="";try{const i=this.convertStringToNumber();this.pinInfo=await this.crmBonusService.sendPin(i,(t=this.customer)===null||t===void 0?void 0:t.name,this.storeName);if(localStorage.getItem(`bc:${this.phone}`)){await this.validateBonus("2018");this.step=e.STEP_RESERVE}else{this.step=e.STEP_PIN}}catch(t){this.message=(s=(i=t===null||t===void 0?void 0:t.response)===null||i===void 0?void 0:i.data)===null||s===void 0?void 0:s.message}finally{this.loading=false}}changePhone(){this.sucess="";this.error="";this.step=e.STEP_PHONE}async validateBonus(t){var i,s,o;this.loadProducts();const a=localStorage.getItem(r);if(a=="use"){this.step=e.STEP_RESERVE;return}this.loading=true;this.sucess="";this.error="";const h={pin:t,cellphone:this.phone.toString(),storeId:this.pinInfo.storeId.toString(),userId:this.pinInfo.userId.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:(i=this.customer)===null||i===void 0?void 0:i.name,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(h);if(!this.bonus.hasBonus){this.loading=false;this.step=e.STEP_NO_BONUS;return}this.sucess="Código validado com sucesso!";localStorage.setItem(n(this.cartId),JSON.stringify(Object.assign(Object.assign({},this.bonus),{phone:this.phone})));localStorage.setItem(`bc:${this.phone}`,"validate");this.step=e.STEP_RESERVE}catch(t){const i=(o=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||o===void 0?void 0:o.message;if(i.includes("Pin")){this.error="Código inválido!"}else{this.error=i;this.step=e.STEP_NO_BONUS}}finally{this.loading=false}}handleCancel(){this.cancel()}async cancel(){this.message="";this.loading=true;try{await this.crmBonusService.cancelBonus(this.cartId,this.storeName);this.save(0)}catch(t){this.message="Não consegui cancelar o bônus, tente novamente!"}finally{this.loading=false}}async reserveApply(t){this.loading=true;this.message="";try{await this.reserve(t);this.save(t)}catch(t){this.message="ocorreu um error ao solicitar a aplicação do bonus! tente novamente";this.step=e.STEP_NO_BONUS;localStorage.removeItem(this.cartId)}finally{this.loading=false}}save(t){localStorage.setItem(this.cartId,t.toString())}async reserve(t){await this.crmBonusService.reserve({redeemedBonus:t,cartId:this.cartId,ticket:this.cartId,grossValue:Number(this.bonus.totalValue),storeName:this.storeName,storeId:this.bonus.storeId.toString(),userId:this.bonus.userId})}render(){return i("div",{key:"b3ee46442ab6dfc062792ba9304153735ea5c221",class:"crm-container-form fbits-responsive-carrinho-desconto"},i("label",{key:"763cc526640bce84ece0b2389b2fb7e99519eab8",class:"crm-title"},this.config.giftbackTitle),this.step===e.STEP_PHONE&&i("phone-form",{key:"1696446b829fd16c006353ad3689c25f51ec6c90",value:this.customer.phone,config:this.config,loading:this.loading,handlerSubmit:t=>this.handleSendPin(t)}),this.step===e.STEP_PIN&&i("pin-form",{key:"0af5348ebf7ad7980b3f3f8364cd442e41ad9fe8",config:this.config,phone:this.phone,cancel:()=>this.changePhone(),resend:()=>this.sendPin(),validate:t=>this.validateBonus(t),loading:this.loading},this.sucess&&i("p",{key:"b11bfde8822d9acf404313f0a8d079189b35a40b",class:"crm-message-info"},this.sucess),this.error&&i("p",{key:"f848df71f4604122b87a59cb59b96e85d4a89057",class:"crm-message-error"},this.error)),this.step===e.STEP_RESERVE&&i("giftback-info",{key:"66480f6f9c5e93162ed2152192d8db76c01f459f",loading:this.loading,cancel:()=>this.handleCancel(),bonus:this.bonus,reserve:t=>this.reserveApply(t)}),this.step===e.STEP_NO_BONUS&&i("div",{key:"054f6a2b7d1bf73daa96d46665f4b840ae85ca64",class:"container-message"},a.t("noGiftback",{storename:this.config.giftbackTitle})))}};d.style=c;const l=".loading-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000;}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255, 255, 255, 0.3);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.relative-xy{position:relative}";const f=l;const p=class{constructor(i){t(this,i);this.loading=true}render(){return i("div",{key:"422b09da21c691f5eaeb4df9cb30531428409787",class:"relative-xy"},this.loading&&i("div",{key:"4777be23c24bb0b3190d8992ba97a5206eded534",class:"loading-container"},i("div",{key:"0f44c0f2d96890a604e60c2ae5163ef80f55b319",class:"loading-spinner"})),i("slot",{key:"a8f88a43a1fe8ea3348ecd0f5b6855102262f6c5"}))}};p.style=f;export{d as crm_giftback_form,p as loading_container};
-//# sourceMappingURL=p-bced74ec.entry.js.map
+import{r as t,h as i}from"./p-24616d67.js";import{C as s}from"./p-0183bc96.js";import{S as e}from"./p-a561251a.js";import{g as o}from"./p-75ba7b9a.js";import{i as n}from"./p-fb505488.js";import{g as a,U as r}from"./p-f9aeffc1.js";const h="*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{font-family:Roboto;font-size:var(--crmfont-sizebodymd);font-weight:400;line-height:var(--crmline-heightbodymd);letter-spacing:var(--crmletter-spacingtitle-md);text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn)}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";const c=h;const d=class{constructor(i){t(this,i);this.crmBonusService=s.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.customer=undefined;this.loadProducts=undefined;this.value=undefined;this.loading=false;this.message=undefined;this.phone=undefined;this.pinInfo=undefined;this.step=e.STEP_PHONE;this.bonus=undefined;this.sucess="";this.error="";this.config=undefined;this.hasApplyBonus=false}async setStep(t){this.step=t}async processBonus(t=[],i=false){this.sucess="";console.log("processBonus",[]);if(i){this.products=t}const s=localStorage.getItem(a(this.cartId));if(s){const t=JSON.parse(s);this.bonus=t;this.phone=t.phone;this.pinInfo={storeId:t.storeId,userId:t.userId};await this.validateBonus("2018");this.step=e.STEP_RESERVE}}async handleSendPin(t){this.message="";if(!t){this.message="Informe seu telefone";return}this.phone=t;this.sendPin()}async componentWillLoad(){this.sucess="";this.error="";this.config=o(this.storeName);await this.handleApply()}async handleApply(){console.log("processBonus");await this.processBonus()}convertStringToNumber(){const t=this.phone.replace(/\D/g,"");return Number(t)}async sendPin(){var t,i,s;this.loading=true;this.message="";this.sucess="";this.error="";try{const i=this.convertStringToNumber();this.pinInfo=await this.crmBonusService.sendPin(i,(t=this.customer)===null||t===void 0?void 0:t.name,this.storeName);if(localStorage.getItem(`bc:${this.phone}`)){await this.validateBonus("2018");this.step=e.STEP_RESERVE}else{this.step=e.STEP_PIN}}catch(t){this.message=(s=(i=t===null||t===void 0?void 0:t.response)===null||i===void 0?void 0:i.data)===null||s===void 0?void 0:s.message}finally{this.loading=false}}changePhone(){this.sucess="";this.error="";this.step=e.STEP_PHONE}async validateBonus(t){var i,s,o;this.loadProducts();const n=localStorage.getItem(r);if(n=="use"){this.step=e.STEP_RESERVE;return}this.loading=true;this.sucess="";this.error="";const h={pin:t,cellphone:this.phone.toString(),storeId:this.pinInfo.storeId.toString(),userId:this.pinInfo.userId.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:(i=this.customer)===null||i===void 0?void 0:i.name,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(h);if(!this.bonus.hasBonus){this.loading=false;this.step=e.STEP_NO_BONUS;return}this.sucess="Código validado com sucesso!";localStorage.setItem(a(this.cartId),JSON.stringify(Object.assign(Object.assign({},this.bonus),{phone:this.phone})));localStorage.setItem(`bc:${this.phone}`,"validate");this.step=e.STEP_RESERVE}catch(t){const i=(o=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||o===void 0?void 0:o.message;if(i.includes("Pin")){this.error="Código inválido!"}else{this.error=i;this.step=e.STEP_NO_BONUS}}finally{this.loading=false}}async cancel(t=false){console.log("onlyAmount",t);this.message="";this.loading=true;try{if(t){await this.crmBonusService.cancel(this.cartId)}else{await this.crmBonusService.cancelBonus(this.cartId,this.storeName)}this.save(0)}catch(t){this.message="Não consegui cancelar o bônus, tente novamente!"}finally{this.loading=false}}async reserveApply(t){this.loading=true;this.message="";try{await this.reserve(t);this.save(t)}catch(t){this.message="ocorreu um error ao solicitar a aplicação do bonus! tente novamente";this.step=e.STEP_NO_BONUS;localStorage.removeItem(this.cartId)}finally{this.loading=false}}save(t){localStorage.setItem(this.cartId,t.toString())}async reserve(t){await this.crmBonusService.reserve({redeemedBonus:t,cartId:this.cartId,ticket:this.cartId,grossValue:Number(this.bonus.totalValue),storeName:this.storeName,storeId:this.bonus.storeId.toString(),userId:this.bonus.userId})}render(){return i("div",{key:"672197c0acebc2e9e480baee615ce7c44045b0c9",class:"crm-container-form fbits-responsive-carrinho-desconto"},i("label",{key:"5cb97f40eb1a188802955a1c6d0cc178f270454d",class:"crm-title"},this.config.giftbackTitle),this.step===e.STEP_PHONE&&i("phone-form",{key:"95efd95f01e061b4bf7ce2c4682a5586d10092f0",value:this.customer.phone,config:this.config,loading:this.loading,handlerSubmit:t=>this.handleSendPin(t)}),this.step===e.STEP_PIN&&i("pin-form",{key:"65d07f41214fb4c41961ad99e6f2377a7ca50331",config:this.config,phone:this.phone,cancel:()=>this.changePhone(),resend:()=>this.sendPin(),validate:t=>this.validateBonus(t),loading:this.loading},this.sucess&&i("p",{key:"76e817d7bb75f12a38492aca20535e76bbfcd06b",class:"crm-message-info"},this.sucess),this.error&&i("p",{key:"b9f6b59784bc7b37229defc651666546a38f436e",class:"crm-message-error"},this.error)),this.step===e.STEP_RESERVE&&i("giftback-info",{key:"fc92d98ce42e9f2f9b03b698f9d056a51b80f447",loading:this.loading,cancel:t=>this.cancel(t),bonus:this.bonus,reserve:t=>this.reserveApply(t)}),this.step===e.STEP_NO_BONUS&&i("div",{key:"10f96b92c47ed5fab4aeb497285996469ecd15c1",class:"container-message"},n.t("noGiftback",{storename:this.config.giftbackTitle})))}};d.style=c;const l=".loading-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000;}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255, 255, 255, 0.3);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.relative-xy{position:relative}";const f=l;const m=class{constructor(i){t(this,i);this.loading=true}render(){return i("div",{key:"422b09da21c691f5eaeb4df9cb30531428409787",class:"relative-xy"},this.loading&&i("div",{key:"4777be23c24bb0b3190d8992ba97a5206eded534",class:"loading-container"},i("div",{key:"0f44c0f2d96890a604e60c2ae5163ef80f55b319",class:"loading-spinner"})),i("slot",{key:"a8f88a43a1fe8ea3348ecd0f5b6855102262f6c5"}))}};m.style=f;export{d as crm_giftback_form,m as loading_container};
+//# sourceMappingURL=p-dc299ddd.entry.js.map

package/dist/crmbonus-component-wake/p-dc299ddd.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["giftbackFormCss","CrmGiftbackFormStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","StepFormEnum","STEP_PHONE","setStep","step","processBonus","products","hasNewProduct","sucess","console","log","_bonus","localStorage","getItem","getKeyReserveByCartId","cartId","bonus","JSON","parse","phone","pinInfo","storeId","userId","validateBonus","STEP_RESERVE","handleSendPin","message","sendPin","componentWillLoad","error","config","getInfoCustomization","storeName","handleApply","convertStringToNumber","_phone","replace","Number","loading","_a","customer","name","STEP_PIN","_c","_b","response","data","changePhone","pin","loadProducts","used_or_no","USED_KEY","payload","cellphone","toString","checkoutId","checkoutProducts","validatePinBonus","hasBonus","STEP_NO_BONUS","setItem","stringify","Object","assign","_error","includes","cancel","onlyAmount","cancelBonus","save","reserveApply","amount","reserve","removeItem","redeemedBonus","ticket","grossValue","totalValue","render","h","key","class","giftbackTitle","value","handlerSubmit","resend","validate","amountRedeemed","i18next","t","storename","loadingContainerCss","LoadingContainerStyle0","LoadingContainer"],"sources":["src/components/giftback-form/giftback-form.css?tag=crm-giftback-form","src/components/giftback-form/giftback-form.tsx","src/components/loading-container/loading-container.css?tag=loading-container","src/components/loading-container/loading-container.tsx"],"sourcesContent":["* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    font-family: Roboto;\n    font-size: var(--crmfont-sizebodymd);\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    font-size: 14px;\n    color: var(--crm-btn);\n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    font-size: 16px;\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    font-size: 12px;\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    font-size: 12px;\n}","import { Component, Method, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent'\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport i18next from \"../../i18n/i18n\"\nimport { USED_KEY, getKeyReserveByCartId } from \"../../utils/keys.storage\";\n\n@Component({\n  tag: 'crm-giftback-form',\n  styleUrl: 'giftback-form.css'\n})\nexport class CrmBonus {\n  // private phoneInputMask: HTMLPhoneFormElement;\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  @Prop() loadProducts: () => void;\n\n  @State() value: string;\n  @State() loading: boolean = false;\n  @State() message: string;\n  @State() phone: string;\n  @State() pinInfo: IPinSent;\n  @State() step: StepFormEnum = StepFormEnum.STEP_PHONE;\n  @State() bonus: IBonus;\n\n  @State() sucess: string = \"\";\n  @State() error: string = \"\";\n  @State() config: IInfoStore;\n\n  @State() hasApplyBonus = false;\n\n\n  @Method()\n  async setStep(step: StepFormEnum) {\n    this.step = step\n  }\n\n  @Method()\n  async processBonus(products: IProduct[] = [], hasNewProduct = false) {\n    this.sucess = \"\";\n\n    console.log('processBonus', [])\n    if (hasNewProduct) {\n      this.products = products;\n    }\n    const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n\n    if (_bonus) {\n\n      const bonus = JSON.parse(_bonus)\n\n      this.bonus = bonus;\n\n      this.phone = bonus.phone;\n      this.pinInfo = {\n        storeId: bonus.storeId,\n        userId: bonus.userId\n      }\n      \n      await this.validateBonus(\"2018\");\n      this.step = StepFormEnum.STEP_RESERVE;\n\n    }\n\n\n  }\n\n  async handleSendPin(phone: string) {\n\n    this.message = \"\"\n    if (!phone) {\n      this.message = \"Informe seu telefone\";\n      return;\n    }\n\n    this.phone = phone;\n\n    this.sendPin()\n  }\n\n  async componentWillLoad() {\n    this.sucess = \"\";\n    this.error = \"\"\n    this.config = getInfoCustomization(this.storeName);\n\n    await this.handleApply()\n\n  }\n\n  async handleApply() {\n    console.log('processBonus')\n    await this.processBonus();\n\n    // const bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n    // if (bonus) {\n    //   this.bonus = JSON.parse(bonus);\n    //   this.step = StepFormEnum.STEP_RESERVE;      \n    // }\n\n  }\n\n  private convertStringToNumber(): number {\n    const _phone = this.phone.replace(/\\D/g, '');\n    return Number(_phone);\n  }\n\n  public async sendPin() {\n    this.loading = true;\n    this.message = \"\";\n    this.sucess = \"\";\n    this.error = \"\"\n\n    try {\n\n      const _phone = this.convertStringToNumber()\n\n      this.pinInfo = await this.crmBonusService.sendPin(_phone, this.customer?.name, this.storeName);\n\n      if (localStorage.getItem(`bc:${this.phone}`)) {\n        await this.validateBonus(\"2018\");\n        this.step = StepFormEnum.STEP_RESERVE;\n      } else {\n        this.step = StepFormEnum.STEP_PIN;\n      }\n\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  changePhone() {\n    this.sucess = \"\";\n    this.error = \"\"\n    this.step = StepFormEnum.STEP_PHONE;\n  }\n\n  public async validateBonus(pin: string) {\n\n    this.loadProducts();\n\n    const used_or_no = localStorage.getItem(USED_KEY);\n\n    if (used_or_no == \"use\") {\n      this.step = StepFormEnum.STEP_RESERVE;\n      return\n    }\n\n    this.loading = true;\n    this.sucess = \"\";\n    this.error = \"\";\n    const payload: IProccesPinBonusDto = {\n      pin: pin,\n      cellphone: this.phone.toString(),\n      storeId: this.pinInfo.storeId.toString(),\n      userId: this.pinInfo.userId.toString(),\n      checkoutId: this.cartId,\n      checkoutProducts: this.products,\n      name: this.customer?.name,\n      storeName: this.storeName\n    }\n\n    try {\n      this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n      if (!this.bonus.hasBonus) {\n        this.loading = false;\n        this.step = StepFormEnum.STEP_NO_BONUS;\n        return\n      }\n\n      this.sucess = \"Código validado com sucesso!\";\n      localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\n      localStorage.setItem(`bc:${this.phone}`, \"validate\")\n\n      this.step = StepFormEnum.STEP_RESERVE;\n\n    } catch (error) {\n      const _error: string = error?.response?.data?.message;\n\n      if (_error.includes(\"Pin\")) {\n        this.error = \"Código inválido!\"\n      } else {\n        this.error = _error;\n        this.step = StepFormEnum.STEP_NO_BONUS;\n      }\n\n\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  async cancel(onlyAmount = false) {\n\n    console.log('onlyAmount', onlyAmount)\n\n    this.message = \"\";\n    this.loading = true;\n    try {\n\n      if(onlyAmount) {\n        await this.crmBonusService.cancel(this.cartId);\n      } else {\n        await this.crmBonusService.cancelBonus(this.cartId, this.storeName);\n      }\n      \n      // localStorage.removeItem(this.cartId);\n      this.save(0)\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  public async reserveApply(amount: number) {\n    this.loading = true;\n    this.message = \"\";\n    try {\n      await this.reserve(amount);\n      this.save(amount);\n\n    } catch (error) {\n      this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\n\n      this.step = StepFormEnum.STEP_NO_BONUS;\n      localStorage.removeItem(this.cartId);\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  save(amount: number) {\n    localStorage.setItem(this.cartId, amount.toString());\n  }\n\n  public async reserve(amount: number) {\n\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  render() {\n    return (\n      <div class=\"crm-container-form fbits-responsive-carrinho-desconto\"  >\n\n        {/* <loading-container /> */}\n\n        <label class=\"crm-title\">{this.config.giftbackTitle}</label>\n\n        {this.step === StepFormEnum.STEP_PHONE &&\n          <phone-form\n            value={this.customer.phone}\n            config={this.config}\n            loading={this.loading}\n            handlerSubmit={(phone) => this.handleSendPin(phone)}\n          />}\n        {\n          this.step === StepFormEnum.STEP_PIN &&\n          <pin-form\n            config={this.config}\n            phone={this.phone}\n            cancel={() => this.changePhone()}\n            resend={() => this.sendPin()}\n            validate={(data) => this.validateBonus(data)}\n            loading={this.loading}\n          >\n            {this.sucess && <p class=\"crm-message-info\">{this.sucess}</p>}\n            {this.error && <p class=\"crm-message-error\">{this.error}</p>}\n\n          </pin-form>\n        }\n\n        {\n          this.step === StepFormEnum.STEP_RESERVE &&\n          <giftback-info\n            loading={this.loading}\n            cancel={(onlyAmount) => this.cancel(onlyAmount)}\n            bonus={this.bonus}\n            reserve={(amountRedeemed: number) => this.reserveApply(amountRedeemed)}\n          />\n        }\n\n        {\n          this.step === StepFormEnum.STEP_NO_BONUS &&\n          (\n            <div class=\"container-message\">\n              {i18next.t(\"noGiftback\", { storename: this.config.giftbackTitle })}\n            </div>\n          )\n\n        }\n      </div>\n    )\n  }\n}","/* Estilo para centralizar o container do loading */\n.loading-container {\n  position: absolute;\n  /* Fixa o loading na tela */\n  top: 0;\n  left: 0;\n  width: 100%;\n  /* Tamanho total da tela */\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  /* Fundo semitransparente */\n  display: flex;\n  /* Centraliza o conteúdo */\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n  /* Coloca o loading acima de outros elementos */\n}\n\n/* Estilo do spinner (círculo giratório) */\n.loading-spinner {\n  width: 50px;\n  height: 50px;\n  border: 5px solid rgba(255, 255, 255, 0.3);\n  /* Borda semitransparente */\n  border-top: 5px solid white;\n  /* Borda que será animada */\n  border-radius: 50%;\n  /* Faz o círculo */\n  animation: spin 1s linear infinite;\n  /* Gira continuamente */\n}\n\n/* Keyframes para a animação de rotação */\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.relative-xy {\n  position: relative;\n}","import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'loading-container',\n    styleUrl: 'loading-container.css'\n})\nexport class LoadingContainer {\n\n    @Prop() loading: boolean = true;\n\n    render() {\n        return (\n            <div class=\"relative-xy\">\n                {\n                    this.loading && (\n                        <div class=\"loading-container\">\n                            <div class=\"loading-spinner\">\n\n                            </div>\n                            \n                        </div>\n                    )\n                }\n                <slot></slot>\n            </div>\n        )\n    }\n}"],"mappings":"sOAAA,MAAMA,EAAkB,k9BACxB,MAAAC,EAAeD,E,MCaFE,EAAQ,M,yBAGXC,KAAAC,gBAAmCC,EAAgBC,c,6JAS/B,M,6EAIEC,EAAaC,W,iCAGjB,G,WACD,G,yCAGA,K,CAIzB,aAAMC,CAAQC,GACZP,KAAKO,KAAOA,C,CAId,kBAAMC,CAAaC,EAAuB,GAAIC,EAAgB,OAC5DV,KAAKW,OAAS,GAEdC,QAAQC,IAAI,eAAgB,IAC5B,GAAIH,EAAe,CACjBV,KAAKS,SAAWA,C,CAElB,MAAMK,EAASC,aAAaC,QAAQC,EAAsBjB,KAAKkB,SAG/D,GAAIJ,EAAQ,CAEV,MAAMK,EAAQC,KAAKC,MAAMP,GAEzBd,KAAKmB,MAAQA,EAEbnB,KAAKsB,MAAQH,EAAMG,MACnBtB,KAAKuB,QAAU,CACbC,QAASL,EAAMK,QACfC,OAAQN,EAAMM,cAGVzB,KAAK0B,cAAc,QACzB1B,KAAKO,KAAOH,EAAauB,Y,EAO7B,mBAAMC,CAAcN,GAElBtB,KAAK6B,QAAU,GACf,IAAKP,EAAO,CACVtB,KAAK6B,QAAU,uBACf,M,CAGF7B,KAAKsB,MAAQA,EAEbtB,KAAK8B,S,CAGP,uBAAMC,GACJ/B,KAAKW,OAAS,GACdX,KAAKgC,MAAQ,GACbhC,KAAKiC,OAASC,EAAqBlC,KAAKmC,iBAElCnC,KAAKoC,a,CAIb,iBAAMA,GACJxB,QAAQC,IAAI,sBACNb,KAAKQ,c,CAWL,qBAAA6B,GACN,MAAMC,EAAStC,KAAKsB,MAAMiB,QAAQ,MAAO,IACzC,OAAOC,OAAOF,E,CAGT,aAAMR,G,UACX9B,KAAKyC,QAAU,KACfzC,KAAK6B,QAAU,GACf7B,KAAKW,OAAS,GACdX,KAAKgC,MAAQ,GAEb,IAEE,MAAMM,EAAStC,KAAKqC,wBAEpBrC,KAAKuB,cAAgBvB,KAAKC,gBAAgB6B,QAAQQ,GAAQI,EAAA1C,KAAK2C,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KAAM5C,KAAKmC,WAEpF,GAAIpB,aAAaC,QAAQ,MAAMhB,KAAKsB,SAAU,OACtCtB,KAAK0B,cAAc,QACzB1B,KAAKO,KAAOH,EAAauB,Y,KACpB,CACL3B,KAAKO,KAAOH,EAAayC,Q,EAG3B,MAAOb,GACPhC,KAAK6B,SAAUiB,GAAAC,EAAAf,IAAK,MAALA,SAAK,SAALA,EAAOgB,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEjB,O,SAEtC7B,KAAKyC,QAAU,K,EAInB,WAAAS,GACElD,KAAKW,OAAS,GACdX,KAAKgC,MAAQ,GACbhC,KAAKO,KAAOH,EAAaC,U,CAGpB,mBAAMqB,CAAcyB,G,UAEzBnD,KAAKoD,eAEL,MAAMC,EAAatC,aAAaC,QAAQsC,GAExC,GAAID,GAAc,MAAO,CACvBrD,KAAKO,KAAOH,EAAauB,aACzB,M,CAGF3B,KAAKyC,QAAU,KACfzC,KAAKW,OAAS,GACdX,KAAKgC,MAAQ,GACb,MAAMuB,EAA+B,CACnCJ,IAAKA,EACLK,UAAWxD,KAAKsB,MAAMmC,WACtBjC,QAASxB,KAAKuB,QAAQC,QAAQiC,WAC9BhC,OAAQzB,KAAKuB,QAAQE,OAAOgC,WAC5BC,WAAY1D,KAAKkB,OACjByC,iBAAkB3D,KAAKS,SACvBmC,MAAMF,EAAA1C,KAAK2C,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,KACrBT,UAAWnC,KAAKmC,WAGlB,IACEnC,KAAKmB,YAAcnB,KAAKC,gBAAgB2D,iBAAiBL,GAEzD,IAAKvD,KAAKmB,MAAM0C,SAAU,CACxB7D,KAAKyC,QAAU,MACfzC,KAAKO,KAAOH,EAAa0D,cACzB,M,CAGF9D,KAAKW,OAAS,+BACdI,aAAagD,QAAQ9C,EAAsBjB,KAAKkB,QAASE,KAAK4C,UAASC,OAAAC,OAAAD,OAAAC,OAAA,GAAMlE,KAAKmB,OAAK,CAAEG,MAAOtB,KAAKsB,UACrGP,aAAagD,QAAQ,MAAM/D,KAAKsB,QAAS,YAEzCtB,KAAKO,KAAOH,EAAauB,Y,CAEzB,MAAOK,GACP,MAAMmC,GAAiBrB,GAAAC,EAAAf,IAAK,MAALA,SAAK,SAALA,EAAOgB,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEjB,QAE9C,GAAIsC,EAAOC,SAAS,OAAQ,CAC1BpE,KAAKgC,MAAQ,kB,KACR,CACLhC,KAAKgC,MAAQmC,EACbnE,KAAKO,KAAOH,EAAa0D,a,UAK3B9D,KAAKyC,QAAU,K,EAInB,YAAM4B,CAAOC,EAAa,OAExB1D,QAAQC,IAAI,aAAcyD,GAE1BtE,KAAK6B,QAAU,GACf7B,KAAKyC,QAAU,KACf,IAEE,GAAG6B,EAAY,OACPtE,KAAKC,gBAAgBoE,OAAOrE,KAAKkB,O,KAClC,OACClB,KAAKC,gBAAgBsE,YAAYvE,KAAKkB,OAAQlB,KAAKmC,U,CAI3DnC,KAAKwE,KAAK,E,CACV,MAAOxC,GACPhC,KAAK6B,QAAU,iD,SAEf7B,KAAKyC,QAAU,K,EAIZ,kBAAMgC,CAAaC,GACxB1E,KAAKyC,QAAU,KACfzC,KAAK6B,QAAU,GACf,UACQ7B,KAAK2E,QAAQD,GACnB1E,KAAKwE,KAAKE,E,CAEV,MAAO1C,GACPhC,KAAK6B,QAAU,sEAEf7B,KAAKO,KAAOH,EAAa0D,cACzB/C,aAAa6D,WAAW5E,KAAKkB,O,SAE7BlB,KAAKyC,QAAU,K,EAInB,IAAA+B,CAAKE,GACH3D,aAAagD,QAAQ/D,KAAKkB,OAAQwD,EAAOjB,W,CAGpC,aAAMkB,CAAQD,SAEb1E,KAAKC,gBAAgB0E,QAAQ,CACjCE,cAAeH,EACfxD,OAAQlB,KAAKkB,OACb4D,OAAQ9E,KAAKkB,OACb6D,WAAYvC,OAAOxC,KAAKmB,MAAM6D,YAC9B7C,UAAWnC,KAAKmC,UAChBX,QAASxB,KAAKmB,MAAMK,QAAQiC,WAC5BhC,OAAQzB,KAAKmB,MAAMM,Q,CAIvB,MAAAwD,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yDAITF,EAAA,SAAAC,IAAA,2CAAOC,MAAM,aAAapF,KAAKiC,OAAOoD,eAErCrF,KAAKO,OAASH,EAAaC,YAC1B6E,EAAA,cAAAC,IAAA,2CACEG,MAAOtF,KAAK2C,SAASrB,MACrBW,OAAQjC,KAAKiC,OACbQ,QAASzC,KAAKyC,QACd8C,cAAgBjE,GAAUtB,KAAK4B,cAAcN,KAG/CtB,KAAKO,OAASH,EAAayC,UAC3BqC,EAAA,YAAAC,IAAA,2CACElD,OAAQjC,KAAKiC,OACbX,MAAOtB,KAAKsB,MACZ+C,OAAQ,IAAMrE,KAAKkD,cACnBsC,OAAQ,IAAMxF,KAAK8B,UACnB2D,SAAWxC,GAASjD,KAAK0B,cAAcuB,GACvCR,QAASzC,KAAKyC,SAEbzC,KAAKW,QAAUuE,EAAA,KAAAC,IAAA,2CAAGC,MAAM,oBAAoBpF,KAAKW,QACjDX,KAAKgC,OAASkD,EAAA,KAAAC,IAAA,2CAAGC,MAAM,qBAAqBpF,KAAKgC,QAMpDhC,KAAKO,OAASH,EAAauB,cAC3BuD,EAAA,iBAAAC,IAAA,2CACE1C,QAASzC,KAAKyC,QACd4B,OAASC,GAAetE,KAAKqE,OAAOC,GACpCnD,MAAOnB,KAAKmB,MACZwD,QAAUe,GAA2B1F,KAAKyE,aAAaiB,KAKzD1F,KAAKO,OAASH,EAAa0D,eAEzBoB,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBACRO,EAAQC,EAAE,aAAc,CAAEC,UAAW7F,KAAKiC,OAAOoD,iB,aClThE,MAAMS,EAAsB,+bAC5B,MAAAC,EAAeD,E,MCKFE,EAAgB,M,sCAEE,I,CAE3B,MAAAf,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eAEHpF,KAAKyC,SACDyC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBACPF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,qBAOvBF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/esm/countdown-timer_4.entry.js

@@ -75,31 +75,29 @@ const GiftbackInfo = class {
     }
     async handleOptionChange(option) {
         this.selectedOption = option;
-        const canCancel = this.canCancelSetOption(option);
+        const canCancelAmout = this.canCancelAmountSetOption(option);
         switch (this.selectedOption) {
             case 'use':
                 await this.reserve(this.usedValue);
                 break;
             case 'dontUse':
-                if (canCancel) {
-                    await this.cancel();
-                }
+                await this.cancel(canCancelAmout);
                 break;
         }
     }
-    canCancelSetOption(option) {
+    canCancelAmountSetOption(option) {
         const opt = localStorage.getItem(USED_KEY);
         localStorage.setItem(USED_KEY, option);
-        return (opt === "use");
+        return !opt;
     }
     render() {
         const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;
         const translateDescription = instance.t("giftDescription", { amount: `${this.bonus.totalBonus.toFixed(2).replace(".", ",")}`, custom_name: "Giftback" });
-        return (h("div", { key: '99f9ac837bb0784d8d08e4e7b311e021b22e8727', class: "giftback-container" }, h("div", { key: 'd863dafc0cc827aa6c51459814eef4920129e082', class: "container-description" }, h("p", { key: 'a6737f0b7a7754cdad94dc2ae109bc19e632ed19', innerHTML: translateDescription })), h("div", { key: 'ced811638f8cc02d464adc94b3c3b6f4fa1be73b', class: "slider-wrapper" }, h("div", { key: '38e3e3e9e2b9dc1c0613da62c1689c371fd7d568', class: "slider-value", style: {
+        return (h("div", { key: 'dd524f05ed4af2e81b28c3abe579f5883349e249', class: "giftback-container" }, h("div", { key: 'f25c731ddf9d4d7c4f50c06476a4005926f93a33', class: "container-description" }, h("p", { key: '5a1d3bb8268beb1105a904bc37453a914ac6a544', innerHTML: translateDescription })), h("div", { key: '489ae419ef171cdafeea23f5cb7e3b528c1ce79d', class: "slider-wrapper" }, h("div", { key: '5f36b2c1fdde9b34647ae23ac1326d398baf4857', class: "slider-value", style: {
                 left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto
-            } }, "R$ ", this.usedValue.toFixed(2).replace(".", ",")), h("input", { key: 'c8e73ec6c387754ba2d1f4763b1137453c43f755', 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(".", ",")), h("input", { key: '223300cb11ac1f514e53999eb32462be302ed05c', 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}%)`,
-            } })), h("p", { key: '356cc07eef900046f3ab6713517e16deb479834f' }, "Adicione ", h("strong", { key: 'f6c851796a49ca185fab2c9a193fb184687b22f4' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), h("div", { key: '9ab14d43cf6ef9e3649fa5d2d039b7dc827953f3', class: "options" }, h("label", { key: '40d2fcede3f8675e9c2a86c49aa50adb553b4ee0' }, h("input", { key: 'd5a3c9d672b530ae2befbe607253a95466760b63', type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), "Usar o meu Giftback"), h("label", { key: '1f8eea782c31124ec781e0ee4df790fb47029606' }, h("input", { key: '899440020f9e08cc8ad62cdfeef09a9aa1e0f975', type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), "N\u00E3o usar o meu Giftback")), h("div", { key: 'c097b51dce06914afdd5332ad5af7eae300ff1b1', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa.")));
+            } })), h("p", { key: 'bfcdd56262758970d77c1160cfa6196dc1be4168' }, "Adicione ", h("strong", { key: '098fb40bd03e024fcd1c4ad6bef9904740e7ab9f' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), h("div", { key: 'd8314c560ad8959cee91166aa7204aec1fe19957', class: "options" }, h("label", { key: 'ea56a998ffbc0a72ad65cb2ee6cad5ee02052cda' }, h("input", { key: '357c5a64660793c11cf69f79b79fb322b2be88b7', type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), "Usar o meu Giftback"), h("label", { key: '5303ab06624bc4fd82f3bceac5f67369b8d927ec' }, h("input", { key: '6bb76166923c142965068dae18fd3e19c2503619', type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), "N\u00E3o usar o meu Giftback")), h("div", { key: 'db234af5dca35661d9302d94e14e6b6af3e93d59', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa.")));
     }
     static get watchers() { return {
         "bonus": ["changedBonus"]

package/dist/esm/countdown-timer_4.entry.js.map

@@ -1 +1 @@
-{"file":"countdown-timer.giftback-info.phone-form.pin-form.entry.js","mappings":";;;;MAMa,cAAc;;;;uBAII,EAAE;;IAG7B,iBAAiB;QACb,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC;YAC1B,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE;gBAClB,IAAI,CAAC,OAAO,EAAE,CAAC;aAClB;iBAAM;gBACH,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAE/B,IAAI,CAAC,QAAQ,EAAE,CAAA;aAClB;SACJ,EAAE,IAAI,CAAC,CAAC;KACZ;IAED,oBAAoB;QAChB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAClC;IAED,MAAM;QACF,QACI,gEAAQ,IAAI,CAAC,OAAO,MAAU,EAChC;KACL;;;ACjCL,MAAM,eAAe,GAAG,uyDAAuyD,CAAC;AACh0D,2BAAe,eAAe;;MCSjB,YAAY;;;yBACQ,CAAC;8BACI,MAAM;uBAEb,KAAK;qBACC;YAC7B,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,CAAC;YAClB,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,iBAAiB,EAAE,EAAE;YACrB,UAAU,EAAE,CAAC;SAChB;;;8BAIiC,EAAE;;IAGpC,YAAY;QACR,IAAI,CAAC,WAAW,EAAE,CAAA;KACrB;IAEO,WAAW;QACf,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,IAAI,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;KACtD;IAED,iBAAiB;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;KACzD;IAED,kBAAkB,CAAC,KAAY;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;;;;QAMzC,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;KACzE;IAGO,mBAAmB,CAAC,GAAW,EAAE,GAAW;;QAEhD,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC;QAChE,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;KACpC;IAED,MAAM,kBAAkB,CAAC,MAAc;QACnC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;QAE7B,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAElD,QAAQ,IAAI,CAAC,cAAc;YACvB,KAAK,KAAK;gBACN,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;gBAClC,MAAM;YACV,KAAK,SAAS;gBACV,IAAG,SAAS,EAAE;oBACV,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;iBACvB;gBACD,MAAM;SAEb;KACJ;IAGO,kBAAkB,CAAC,MAAc;QAErC,MAAM,GAAG,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAE3C,YAAY,CAAC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QAEtC,QAAQ,GAAG,KAAK,KAAK,EAAC;KACzB;IAED,MAAM;QACF,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAE7E,MAAM,oBAAoB,GAAGA,QAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAA;QACvJ,QAEI,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,4DAAK,KAAK,EAAC,uBAAuB,IAC9B,0DAAG,SAAS,EAAE,oBAAoB,GAAM,CACtC,EACN,4DAAK,KAAK,EAAC,gBAAgB,IACvB,4DACI,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ,IAAI,CAAC,cAAc,WAAW;aAE/C,WAEG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAC7C,EACN,8DACI,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAClD,KAAK,EAAE;gBACH,UAAU,EAAE,qCAAqC,IAAI,CAAC,cAAc,WAAW,IAAI,CAAC,cAAc,IAAI;aACzG,GACH,CACA,EACN,yEACa,wEAAY,iBAAiB,GAAG,CAAC,GAAG,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAU,mDAE9G,EACJ,4DAAK,KAAK,EAAC,SAAS,IAChB,gEACI,8DACI,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,IAAI,CAAC,cAAc,KAAK,KAAK,EACtC,QAAQ,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAChD,wBAEE,EACR,gEACI,8DACI,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,IAAI,CAAC,cAAc,KAAK,SAAS,EAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,GACpD,iCAEE,CACN,EACN,4DAAK,KAAK,EAAC,UAAU,2DAEf,CACJ,EACR;KACL;;;;;;;AC3JL,MAAMC,iBAAe,GAAG,i9BAAi9B,CAAC;AAC1+B,wBAAeA,iBAAe;;MCMjB,SAAS;;;;;;;;IAWlB,MAAM,WAAW;QAEb,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAA;QAElD,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KACnC;IAGD,MAAM;;QACF,QACI,EAAC,IAAI,qDAAC,KAAK,EAAC,gBAAgB,IACxB,8DAAO,KAAK,EAAC,cAAc,2FAAoF,EAC/G,yEAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI,EAErF,mEAAY,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,kBAAkB,KAAI,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,GAAK,CAChI,EACV;KACJ;;;;ACnCL,MAAM,UAAU,GAAG,u6BAAu6B,CAAC;AAC37B,sBAAe,UAAU;;ACDzB,MAAM,eAAe,GAAG,i9BAAi9B,CAAC;AAC1+B,sBAAe,eAAe;;MCSjB,WAAW;;;;;;;uBAOO,KAAK;;;mBAIP,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;0BACV,KAAK;yBACN,KAAK;;IAEnC,iBAAiB;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KAC1B;IAED,WAAW,CAAC,KAAY,EAAE,KAAa;QACnC,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;;QAGxB,IAAI,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;YACtC,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAsC,CAAC;YAC/D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;SACtB;QAED,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;KAC5B;IAED,WAAW;QACP,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;KACnC;IAED,SAAS;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAClC,IAAI,OAAO,KAAK,MAAM,EAAE;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B;KACJ;IAED,aAAa;QACT,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;KACzB;IAED,MAAM,YAAY;QACd,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QAEpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;KAC9B;IAED,MAAM;;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,8DAAO,KAAK,EAAC,cAAc,IAAGD,QAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAE,yEAAa,IAAI,CAAC,KAAK,CAAU,CAAQ,EACjG,4DAAK,KAAK,EAAC,eAAe,IACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MACnB,aACI,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EACtB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,GACpD,CACL,CAAC,CACA,EAEN,8DAAa,EAEb,0DAAG,KAAK,EAAC,iBAAiB,0BAElB,CAAC,IAAI,CAAC,SAAS,IAAI,iFAAoB,wEAAiB,QAAQ,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,GAAI,MAAS,EAGzG,IAAI,CAAC,SAAS,KACV,8DACI,0DAAG,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,eAAc,EACnD,0DAAG,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,yBAAmB,CAChD,CACT,CAEL,EACJ,mEAAY,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,kBAAkB,KAAI,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,GAAI,CAC/H,EACT;KACL;;;;;;","names":["i18next","giftbackFormCss"],"sources":["src/components/countdown-timer/countdown-timer.tsx","src/components/giftback-form/subcomponents/giftback-info/giftback-info.css?tag=giftback-info","src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx","src/components/giftback-form/giftback-form.css?tag=phone-form","src/components/giftback-form/subcomponents/phone-form/phone-form.tsx","src/components/giftback-form/subcomponents/pin-form/pin-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/giftback-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/subcomponents/pin-form/pin-form.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'countdown-timer',\n    shadow: true,\n})\nexport class CountdownTimer {\n\n    @Prop() downtime: () => void;\n\n    @State() counter: number = 30;\n    private intervalId: NodeJS.Timer;\n\n    componentWillLoad() {\n        this.intervalId = setInterval(() => {\n            if (this.counter > 0) {\n                this.counter--;\n            } else {\n                clearInterval(this.intervalId);\n\n                this.downtime()\n            }\n        }, 1000); // Intervalo de 1 segundo\n    }\n\n    disconnectedCallback() {\n        clearInterval(this.intervalId);\n    }\n\n    render() {\n        return (\n            <label>{this.counter}s</label>\n        );\n    }\n}\n",":host {\n    --text-color: #6D6D5F\n}\n\n.giftback-container {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}\n\nh3 {\n    font-size: 1.2rem;\n    margin-bottom: 8px;\n    color: #333;\n}\n\n.container-description p {\n    font-size: 14px;\n    font-weight: 400;\n}\n\n\np {\n    font-size: 12px;\n    color: #000;\n}\n\n.value-display h2 {\n    color: #6D6D5F;\n    /* Verde para o valor atual */\n    font-size: 1.6rem;\n    margin: 16px 0;\n}\n\ninput[type='range'] {\n    width: 100%;\n    margin: 12px 0;\n    -webkit-appearance: none;\n    background: #ddd;\n    height: 4px;\n    border-radius: 4px;\n    outline: none;\n    padding: 3px 0px 3px 3px;\n}\n\n/* input[type='range']::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    background: var(--text-color);\n    border-radius: 50%;\n    cursor: pointer;\n} */\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    background: rgb(109, 109, 95);\n    /* Cor do botão */\n    border-radius: 50%;\n    cursor: pointer;\n}\n\n.options {\n    margin: 0px 0;\n    display: flex;\n    gap: 10px;\n    flex-direction: column;\n}\n\n.options label {\n    display: block;\n    margin: 0px 0;\n    font-size: 0.9rem;\n    color: #333;\n}\n\n.options input[type='radio'] {\n    margin-right: 8px;\n    height: 16px;\n    width: 16px;\n}\n\n.options input[type='radio'] {\n    appearance: none;\n    -webkit-appearance: none;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n    border: 2px solid #ddd;\n    border-radius: 50%;\n    background-color: #fff;\n    cursor: pointer;\n    transition: all 0.3s;\n    padding: 0px;\n}\n\n.options input[type='radio']:checked {\n    border-color: #000;\n    background-color: #FAFAFA;\n    border: 4px solid #000;\n}\n\n.info-box {\n    background-color: #f9f9f9;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    padding: 8px;\n    font-size: 14px;\n    color: #262626;\n    line-height: 20px;\n}\n\n.info-icon {\n    font-size: 0.9rem;\n    cursor: pointer;\n    color: #888;\n}\n\nh3 {\n    font-size: 1.2rem;\n    margin-bottom: 8px;\n    color: #333;\n}\n\n.slider-wrapper {\n    position: relative;\n    margin: 21px 0px 0px 0px;\n}\n\n.slider {\n    width: 100%;\n    -webkit-appearance: none;\n    background: #ddd;\n    height: 4px;\n    border-radius: 2px;\n    outline: none;\n}\n\n.slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    background: var(--text-color);\n    /* Azul para o slider */\n    border-radius: 50%;\n    cursor: pointer;\n}\n\n.slider-value {\n    position: absolute;\n    top: -30px;\n    /* Posição acima do slider */\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--text-color);\n    /* Verde para o texto */\n    transform: translateX(-50%);\n    white-space: nowrap;\n    /* margin-left: 23px; */\n}","import { Component, Prop, State, Watch, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\nimport { USED_KEY } from \"../../../../utils/keys.storage\";\n\n@Component({\n    tag: 'giftback-info',\n    styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n    @State() usedValue: number = 0;\n    @State() selectedOption: string = 'none';\n\n    @Prop() loading: boolean = false;\n    @Prop() bonus: Partial<IBonus> = {\n        totalBonus: 0,\n        cartId: \"\",\n        minimumPurchase: 0,\n        bonusBalance: 0,\n        calculatedValue: 0,\n        firstValidityDate: \"\",\n        totalValue: 0\n    };\n    @Prop() reserve: (amountRedeemed: number) => void;\n    @Prop() cancel: () => void;\n\n    @State() sliderPosition: number = 50;\n\n    @Watch(\"bonus\")\n    changedBonus() {\n        this.updateBonus()\n    }\n\n    private updateBonus() {\n        this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n        this.buildPositionSlider(0, this.bonus.totalBonus);\n    }\n\n    componentWillLoad() {\n        this.updateBonus();\n        this.selectedOption = localStorage.getItem(\"bc:used\");\n    }\n\n    handleSliderChange(event: Event) {\n        const input = event.target as HTMLInputElement;\n        this.usedValue = parseFloat(input.value);\n\n        // Calculando a posição do texto com base no valor do slider\n        // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n        // this.sliderPosition = percentage;\n\n        this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\n    }\n\n\n    private buildPositionSlider(min: number, max: number) {\n        // Calculando a posição do texto com base no valor do slider\n        const percentage = ((this.usedValue - min) / (max - min)) * 100;\n        this.sliderPosition = percentage;\n    }\n\n    async handleOptionChange(option: string) {\n        this.selectedOption = option;\n         \n        const canCancel = this.canCancelSetOption(option);\n\n        switch (this.selectedOption) {\n            case 'use':\n                await this.reserve(this.usedValue)\n                break;\n            case 'dontUse':\n                if(canCancel) {\n                    await this.cancel();\n                }                \n                break;\n            default:\n        }\n    }\n\n\n    private canCancelSetOption(option: string): boolean {\n        \n        const opt = localStorage.getItem(USED_KEY);\n        \n        localStorage.setItem(USED_KEY, option)\n\n        return (opt === \"use\")\n    }\n\n    render() {\n        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n        const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n        return (\n\n            <div class=\"giftback-container\">\n                <div class=\"container-description\">\n                    <p innerHTML={translateDescription}></p>\n                </div>\n                <div class=\"slider-wrapper\">\n                    <div\n                        class=\"slider-value\"\n                        style={{\n                            left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n\n                        }}\n                    >\n                        R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n                    </div>\n                    <input\n                        disabled\n                        type=\"range\"\n                        min=\"0\"\n                        max={this.bonus.totalBonus}\n                        value={this.usedValue}\n                        class=\"slider\"\n                        step=\"0.01\"\n                        onInput={(event) => this.handleSliderChange(event)}\n                        style={{\n                            background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n                        }}\n                    />\n                </div>\n                <p>\n                    Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n                    máximo!\n                </p>\n                <div class=\"options\">\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"use\"\n                            checked={this.selectedOption === 'use'}\n                            onChange={() => this.handleOptionChange('use')}\n                        />\n                        Usar o meu Giftback\n                    </label>\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"dontUse\"\n                            checked={this.selectedOption === 'dontUse'}\n                            onChange={() => this.handleOptionChange('dontUse')}\n                        />\n                        Não usar o meu Giftback\n                    </label>\n                </div>\n                <div class=\"info-box\">\n                    O Giftback será aplicado na próxima etapa.\n                </div>\n            </div>\n        );\n    }\n}","* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    font-family: Roboto;\n    font-size: var(--crmfont-sizebodymd);\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    font-size: 14px;\n    color: var(--crm-btn);\n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    font-size: 16px;\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    font-size: 12px;\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    font-size: 12px;\n}","import { Component, Host, Prop, h } from \"@stencil/core\";\nimport { IInfoStore } from \"../../../../helpers/info.config.helper\";\n\n@Component({\n    tag: 'phone-form',\n    styleUrl: '../../giftback-form.css'\n})\nexport class PhoneForm {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    @Prop() value: string;\n    @Prop() loading: boolean;\n    @Prop() handlerSubmit: (phone: string) => void;\n\n    @Prop() config: IInfoStore;\n\n\n    async handlePhone() {\n\n        const phone = await this.phoneInputMask.getPhone()\n\n        await this.handlerSubmit(phone);\n    }\n\n\n    render() {\n        return (\n            <Host class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >Digite o seu celular para verificar se há desconto disponível nessa compra</label>\n                <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\n\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.handlePhone() } />\n            </Host>\n        )\n    }\n}",":host {\n    display: block;\n    font-family: Arial, sans-serif;\n}\n\n.form-container-pin {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.pin-container {\n    display: flex;\n    /* margin: 26px 0; */\n    justify-content: start;\n    gap: 10px;\n}\n\ninput {\n    width: 40px;\n    height: 48px;\n    font-size: 14px;\n    text-align: center;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n}\n\nbutton {\n    padding: 10px 20px;\n    background-color: #ddd;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n}\n\n\n.success {\n    color: green;\n    margin-top: 10px;\n}\n\n.button {\n    top: 50%;\n    background-color: #6c6c7e;\n    color: #fff;\n    border: none;\n    border-radius: 10px;\n    padding: 15px;\n    min-height: 30px;\n    min-width: 120px;\n    font-size: 20px;\n    cursor: pointer;\n}\n\n.button-cancel {\n    top: 50%;\n    background-color: #ffffff;\n    color: #1e1c1c;\n    border: 1px solid gray;\n    border-radius: 10px;\n    padding: 10px;\n    min-height: 30px;\n    min-width: 120px;\n    font-size: 19px;\n    cursor: pointer;\n}\n\n.crm-description {\n    font-size: 14px;\n    width: 100%;\n    display: flex;\n    gap: 9px;\n}\n\n.crm-description a {\n    font-weight: bold;\n    cursor: pointer;\n    text-decoration: underline;\n}\n\n.crm-description div {\n    display: flex;\n    gap: 5px;\n}","* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    font-family: Roboto;\n    font-size: var(--crmfont-sizebodymd);\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    font-size: 14px;\n    color: var(--crm-btn);\n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    font-size: 16px;\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    font-size: 12px;\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    font-size: 12px;\n}","import { Component, h, Prop, State } from '@stencil/core';\nimport { IPinSent } from '../../../../dto/pin.sent';\nimport i18next from '../../../../i18n/i18n'\nimport { IInfoStore } from '../../../../helpers/info.config.helper';\n\n@Component({\n    tag: 'pin-form',\n    styleUrls: ['pin-form.css', '../../giftback-form.css'],\n    shadow: true,\n})\nexport class GiftbackPin {\n\n    @Prop() validate: (pin: string) => void;\n    @Prop() cancel: () => void;\n    @Prop() resend: () => void;\n\n    @Prop() sent: IPinSent;\n    @Prop() loading: boolean = false;\n    @Prop() phone: string;\n    @Prop() config: IInfoStore;\n\n    @State() pin: string[] = ['', '', '', ''];\n    @State() isVerified: boolean = false;\n    @State() canResend: boolean = false;\n\n    componentWillLoad() {\n        this.canResend = false;\n    }\n\n    handleInput(event: Event, index: number) {\n        const input = event.target as HTMLInputElement;\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\n        this.pin[index] = value;\n\n        // Focar no próximo campo, se possível\n        if (value && index < this.pin.length - 1) {\n            const nextInput = input.nextElementSibling as HTMLInputElement;\n            nextInput?.focus();\n        }\n\n        this.pin = [...this.pin];\n    }\n\n    validatePin() {\n        this.validate(this.pin.join(\"\"))\n    }\n\n    verifyPin() {\n        const pinCode = this.pin.join('');\n        if (pinCode === '9999') {\n            this.isVerified = true;\n        }\n    }\n\n    handleTimeout() {\n        this.canResend = true;\n    }\n\n    async handleResend() {\n        await this.resend();\n\n        this.canResend = false;\n        this.pin = ['', '', '', '']\n    }\n\n    render() {\n        return (\n            <div class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\n                <div class=\"pin-container\">\n                    {this.pin.map((_, index) => (\n                        <input\n                            type=\"text\"\n                            maxLength={1}\n                            value={this.pin[index]}\n                            onInput={(event) => this.handleInput(event, index)}\n                        />\n                    ))}\n                </div>\n\n                <slot></slot>\n\n                <p class=\"crm-description\"> Não recebeu?\n                    {\n                        !this.canResend && <label> Reenviar em <countdown-timer downtime={() => this.handleTimeout()} /> </label>\n                    }\n                    {\n                        this.canResend && (\n                            <div >\n                                <a onClick={() => this.handleResend()}>Reenviar</a>\n                                <a onClick={() => this.cancel()}>Trocar número</a>\n                            </div>\n                        )\n                    }\n                </p>\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\n            </div >\n        );\n    }\n}\n"],"version":3}
+{"file":"countdown-timer.giftback-info.phone-form.pin-form.entry.js","mappings":"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","names":["i18next","giftbackFormCss"],"sources":["src/components/countdown-timer/countdown-timer.tsx","src/components/giftback-form/subcomponents/giftback-info/giftback-info.css?tag=giftback-info","src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx","src/components/giftback-form/giftback-form.css?tag=phone-form","src/components/giftback-form/subcomponents/phone-form/phone-form.tsx","src/components/giftback-form/subcomponents/pin-form/pin-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/giftback-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/subcomponents/pin-form/pin-form.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'countdown-timer',\n    shadow: true,\n})\nexport class CountdownTimer {\n\n    @Prop() downtime: () => void;\n\n    @State() counter: number = 30;\n    private intervalId: NodeJS.Timer;\n\n    componentWillLoad() {\n        this.intervalId = setInterval(() => {\n            if (this.counter > 0) {\n                this.counter--;\n            } else {\n                clearInterval(this.intervalId);\n\n                this.downtime()\n            }\n        }, 1000); // Intervalo de 1 segundo\n    }\n\n    disconnectedCallback() {\n        clearInterval(this.intervalId);\n    }\n\n    render() {\n        return (\n            <label>{this.counter}s</label>\n        );\n    }\n}\n",":host {\n    --text-color: #6D6D5F\n}\n\n.giftback-container {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}\n\nh3 {\n    font-size: 1.2rem;\n    margin-bottom: 8px;\n    color: #333;\n}\n\n.container-description p {\n    font-size: 14px;\n    font-weight: 400;\n}\n\n\np {\n    font-size: 12px;\n    color: #000;\n}\n\n.value-display h2 {\n    color: #6D6D5F;\n    /* Verde para o valor atual */\n    font-size: 1.6rem;\n    margin: 16px 0;\n}\n\ninput[type='range'] {\n    width: 100%;\n    margin: 12px 0;\n    -webkit-appearance: none;\n    background: #ddd;\n    height: 4px;\n    border-radius: 4px;\n    outline: none;\n    padding: 3px 0px 3px 3px;\n}\n\n/* input[type='range']::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    background: var(--text-color);\n    border-radius: 50%;\n    cursor: pointer;\n} */\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    background: rgb(109, 109, 95);\n    /* Cor do botão */\n    border-radius: 50%;\n    cursor: pointer;\n}\n\n.options {\n    margin: 0px 0;\n    display: flex;\n    gap: 10px;\n    flex-direction: column;\n}\n\n.options label {\n    display: block;\n    margin: 0px 0;\n    font-size: 0.9rem;\n    color: #333;\n}\n\n.options input[type='radio'] {\n    margin-right: 8px;\n    height: 16px;\n    width: 16px;\n}\n\n.options input[type='radio'] {\n    appearance: none;\n    -webkit-appearance: none;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n    border: 2px solid #ddd;\n    border-radius: 50%;\n    background-color: #fff;\n    cursor: pointer;\n    transition: all 0.3s;\n    padding: 0px;\n}\n\n.options input[type='radio']:checked {\n    border-color: #000;\n    background-color: #FAFAFA;\n    border: 4px solid #000;\n}\n\n.info-box {\n    background-color: #f9f9f9;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    padding: 8px;\n    font-size: 14px;\n    color: #262626;\n    line-height: 20px;\n}\n\n.info-icon {\n    font-size: 0.9rem;\n    cursor: pointer;\n    color: #888;\n}\n\nh3 {\n    font-size: 1.2rem;\n    margin-bottom: 8px;\n    color: #333;\n}\n\n.slider-wrapper {\n    position: relative;\n    margin: 21px 0px 0px 0px;\n}\n\n.slider {\n    width: 100%;\n    -webkit-appearance: none;\n    background: #ddd;\n    height: 4px;\n    border-radius: 2px;\n    outline: none;\n}\n\n.slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    background: var(--text-color);\n    /* Azul para o slider */\n    border-radius: 50%;\n    cursor: pointer;\n}\n\n.slider-value {\n    position: absolute;\n    top: -30px;\n    /* Posição acima do slider */\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--text-color);\n    /* Verde para o texto */\n    transform: translateX(-50%);\n    white-space: nowrap;\n    /* margin-left: 23px; */\n}","import { Component, Prop, State, Watch, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\nimport { USED_KEY } from \"../../../../utils/keys.storage\";\n\n@Component({\n    tag: 'giftback-info',\n    styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n    @State() usedValue: number = 0;\n    @State() selectedOption: string = 'none';\n\n    @Prop() loading: boolean = false;\n    @Prop() bonus: Partial<IBonus> = {\n        totalBonus: 0,\n        cartId: \"\",\n        minimumPurchase: 0,\n        bonusBalance: 0,\n        calculatedValue: 0,\n        firstValidityDate: \"\",\n        totalValue: 0\n    };\n    @Prop() reserve: (amountRedeemed: number) => void;\n    @Prop() cancel: (onlyAmount: boolean) => void;\n\n    @State() sliderPosition: number = 50;\n\n    @Watch(\"bonus\")\n    changedBonus() {\n        this.updateBonus()\n    }\n\n    private updateBonus() {\n        this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n        this.buildPositionSlider(0, this.bonus.totalBonus);\n    }\n\n    componentWillLoad() {\n        this.updateBonus();\n        this.selectedOption = localStorage.getItem(\"bc:used\");\n    }\n\n    handleSliderChange(event: Event) {\n        const input = event.target as HTMLInputElement;\n        this.usedValue = parseFloat(input.value);\n\n        // Calculando a posição do texto com base no valor do slider\n        // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n        // this.sliderPosition = percentage;\n\n        this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\n    }\n\n\n    private buildPositionSlider(min: number, max: number) {\n        // Calculando a posição do texto com base no valor do slider\n        const percentage = ((this.usedValue - min) / (max - min)) * 100;\n        this.sliderPosition = percentage;\n    }\n\n    async handleOptionChange(option: string) {\n        this.selectedOption = option;\n         \n        const canCancelAmout = this.canCancelAmountSetOption(option);\n\n        switch (this.selectedOption) {\n            case 'use':\n                await this.reserve(this.usedValue)\n                break;\n            case 'dontUse':\n                await this.cancel(canCancelAmout);\n                break;\n            default:\n        }\n    }\n\n\n    private canCancelAmountSetOption(option: string): boolean {\n        const opt = localStorage.getItem(USED_KEY);\n        localStorage.setItem(USED_KEY, option);\n        return !opt;\n    }\n\n    render() {\n        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n        const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n        return (\n\n            <div class=\"giftback-container\">\n                <div class=\"container-description\">\n                    <p innerHTML={translateDescription}></p>\n                </div>\n                <div class=\"slider-wrapper\">\n                    <div\n                        class=\"slider-value\"\n                        style={{\n                            left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n\n                        }}\n                    >\n                        R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n                    </div>\n                    <input\n                        disabled\n                        type=\"range\"\n                        min=\"0\"\n                        max={this.bonus.totalBonus}\n                        value={this.usedValue}\n                        class=\"slider\"\n                        step=\"0.01\"\n                        onInput={(event) => this.handleSliderChange(event)}\n                        style={{\n                            background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n                        }}\n                    />\n                </div>\n                <p>\n                    Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n                    máximo!\n                </p>\n                <div class=\"options\">\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"use\"\n                            checked={this.selectedOption === 'use'}\n                            onChange={() => this.handleOptionChange('use')}\n                        />\n                        Usar o meu Giftback\n                    </label>\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"dontUse\"\n                            checked={this.selectedOption === 'dontUse'}\n                            onChange={() => this.handleOptionChange('dontUse')}\n                        />\n                        Não usar o meu Giftback\n                    </label>\n                </div>\n                <div class=\"info-box\">\n                    O Giftback será aplicado na próxima etapa.\n                </div>\n            </div>\n        );\n    }\n}","* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    font-family: Roboto;\n    font-size: var(--crmfont-sizebodymd);\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    font-size: 14px;\n    color: var(--crm-btn);\n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    font-size: 16px;\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    font-size: 12px;\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    font-size: 12px;\n}","import { Component, Host, Prop, h } from \"@stencil/core\";\nimport { IInfoStore } from \"../../../../helpers/info.config.helper\";\n\n@Component({\n    tag: 'phone-form',\n    styleUrl: '../../giftback-form.css'\n})\nexport class PhoneForm {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    @Prop() value: string;\n    @Prop() loading: boolean;\n    @Prop() handlerSubmit: (phone: string) => void;\n\n    @Prop() config: IInfoStore;\n\n\n    async handlePhone() {\n\n        const phone = await this.phoneInputMask.getPhone()\n\n        await this.handlerSubmit(phone);\n    }\n\n\n    render() {\n        return (\n            <Host class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >Digite o seu celular para verificar se há desconto disponível nessa compra</label>\n                <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\n\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.handlePhone() } />\n            </Host>\n        )\n    }\n}",":host {\n    display: block;\n    font-family: Arial, sans-serif;\n}\n\n.form-container-pin {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.pin-container {\n    display: flex;\n    /* margin: 26px 0; */\n    justify-content: start;\n    gap: 10px;\n}\n\ninput {\n    width: 40px;\n    height: 48px;\n    font-size: 14px;\n    text-align: center;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n}\n\nbutton {\n    padding: 10px 20px;\n    background-color: #ddd;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n}\n\n\n.success {\n    color: green;\n    margin-top: 10px;\n}\n\n.button {\n    top: 50%;\n    background-color: #6c6c7e;\n    color: #fff;\n    border: none;\n    border-radius: 10px;\n    padding: 15px;\n    min-height: 30px;\n    min-width: 120px;\n    font-size: 20px;\n    cursor: pointer;\n}\n\n.button-cancel {\n    top: 50%;\n    background-color: #ffffff;\n    color: #1e1c1c;\n    border: 1px solid gray;\n    border-radius: 10px;\n    padding: 10px;\n    min-height: 30px;\n    min-width: 120px;\n    font-size: 19px;\n    cursor: pointer;\n}\n\n.crm-description {\n    font-size: 14px;\n    width: 100%;\n    display: flex;\n    gap: 9px;\n}\n\n.crm-description a {\n    font-weight: bold;\n    cursor: pointer;\n    text-decoration: underline;\n}\n\n.crm-description div {\n    display: flex;\n    gap: 5px;\n}","* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    font-family: Roboto;\n    font-size: var(--crmfont-sizebodymd);\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    font-size: 14px;\n    color: var(--crm-btn);\n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    font-size: 16px;\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    font-size: 12px;\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    font-size: 12px;\n}","import { Component, h, Prop, State } from '@stencil/core';\nimport { IPinSent } from '../../../../dto/pin.sent';\nimport i18next from '../../../../i18n/i18n'\nimport { IInfoStore } from '../../../../helpers/info.config.helper';\n\n@Component({\n    tag: 'pin-form',\n    styleUrls: ['pin-form.css', '../../giftback-form.css'],\n    shadow: true,\n})\nexport class GiftbackPin {\n\n    @Prop() validate: (pin: string) => void;\n    @Prop() cancel: () => void;\n    @Prop() resend: () => void;\n\n    @Prop() sent: IPinSent;\n    @Prop() loading: boolean = false;\n    @Prop() phone: string;\n    @Prop() config: IInfoStore;\n\n    @State() pin: string[] = ['', '', '', ''];\n    @State() isVerified: boolean = false;\n    @State() canResend: boolean = false;\n\n    componentWillLoad() {\n        this.canResend = false;\n    }\n\n    handleInput(event: Event, index: number) {\n        const input = event.target as HTMLInputElement;\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\n        this.pin[index] = value;\n\n        // Focar no próximo campo, se possível\n        if (value && index < this.pin.length - 1) {\n            const nextInput = input.nextElementSibling as HTMLInputElement;\n            nextInput?.focus();\n        }\n\n        this.pin = [...this.pin];\n    }\n\n    validatePin() {\n        this.validate(this.pin.join(\"\"))\n    }\n\n    verifyPin() {\n        const pinCode = this.pin.join('');\n        if (pinCode === '9999') {\n            this.isVerified = true;\n        }\n    }\n\n    handleTimeout() {\n        this.canResend = true;\n    }\n\n    async handleResend() {\n        await this.resend();\n\n        this.canResend = false;\n        this.pin = ['', '', '', '']\n    }\n\n    render() {\n        return (\n            <div class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\n                <div class=\"pin-container\">\n                    {this.pin.map((_, index) => (\n                        <input\n                            type=\"text\"\n                            maxLength={1}\n                            value={this.pin[index]}\n                            onInput={(event) => this.handleInput(event, index)}\n                        />\n                    ))}\n                </div>\n\n                <slot></slot>\n\n                <p class=\"crm-description\"> Não recebeu?\n                    {\n                        !this.canResend && <label> Reenviar em <countdown-timer downtime={() => this.handleTimeout()} /> </label>\n                    }\n                    {\n                        this.canResend && (\n                            <div >\n                                <a onClick={() => this.handleResend()}>Reenviar</a>\n                                <a onClick={() => this.cancel()}>Trocar número</a>\n                            </div>\n                        )\n                    }\n                </p>\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\n            </div >\n        );\n    }\n}\n"],"version":3}