crmbonus-component-wake 2.0.85 → 2.0.87

package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js

@@ -1,19 +1,20 @@
 import { h } from "@stencil/core";
 import i18next from "../../../../i18n/i18n";
 import { USED_KEY } from "../../../../utils/keys.storage";
+import { defineLimit, formatDateToBr } from "../../../../utils/utils";
 export class GiftbackInfo {
     constructor() {
         this.usedValue = 0;
         this.selectedOption = 'none';
         this.loading = false;
         this.bonus = {
-            totalBonus: 0,
+            totalBonus: 150,
             cartId: "",
-            minimumPurchase: 0,
-            bonusBalance: 0,
-            calculatedValue: 0,
+            minimumPurchase: 500,
+            bonusBalance: 50,
+            calculatedValue: 150,
             firstValidityDate: "",
-            totalValue: 0
+            totalValue: 400
         };
         this.reserve = undefined;
         this.cancel = undefined;
@@ -28,7 +29,7 @@ export class GiftbackInfo {
     }
     componentWillLoad() {
         this.updateBonus();
-        this.selectedOption = localStorage.getItem("bc:used");
+        this.selectedOption = localStorage.getItem(USED_KEY);
     }
     handleSliderChange(event) {
         const input = event.target;
@@ -45,30 +46,25 @@ export class GiftbackInfo {
     }
     async handleOptionChange(option) {
         this.selectedOption = option;
-        const canCancelAmout = this.canCancelAmountSetOption(option);
         switch (this.selectedOption) {
             case 'use':
-                await this.reserve(this.usedValue);
+                // await this.reserve(this.usedValue)
                 break;
             case 'dontUse':
-                await this.cancel(canCancelAmout);
+                await this.cancel();
                 break;
             default:
         }
     }
-    canCancelAmountSetOption(option) {
-        const opt = localStorage.getItem(USED_KEY);
-        localStorage.setItem(USED_KEY, option);
-        return !opt;
-    }
     render() {
         const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;
         const translateDescription = i18next.t("giftDescription", { amount: `${this.bonus.totalBonus.toFixed(2).replace(".", ",")}`, custom_name: "Giftback" });
-        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: {
+        const limit = defineLimit(remainingGiftback);
+        return (h("div", { key: '22f6f88ea6aaa5d7c36f15c733f976ef06d6f9d0', class: "giftback-container" }, h("div", { key: 'e378f437cd5e4e3d370b1ea33e6baa34f28ae699', class: "container-description" }, h("p", { key: 'c06e3bc28f8c5aa0a45b1421e9a5e0760abb35e5', innerHTML: translateDescription }), h("crm-tooltip", { key: '0b9793536303f0715c28f806722a81b2f5470c78', text: i18next.t("labelUseGiftback", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: formatDateToBr(this.bonus.firstValidityDate) }) })), h("div", { key: '92c00841d1e182e04ae7bcd5d92d2fc2621471dc', class: "slider-wrapper" }, h("div", { key: '99b87753ed6925d42e5d07d73c721385229407f3', class: "slider-value", style: {
                 left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto
-            } }, "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: {
+            } }, "R$ ", this.usedValue.toFixed(2).replace(".", ",")), h("input", { key: '45a990416e380accf166d482b8c1df5d395efcf0', 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: '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.")));
+            } })), limit.isComplete && (h("p", { key: 'c2d2096b733b192055e84b3081c1bff9290917b8' }, i18next.t("maxAmount"))), !limit.isComplete && (h("div", { key: 'fdd0a4317f69a6207acaf19a53e48c0fbdd42f1c', class: "container-description" }, h("p", { key: '5cca76075785792d37057455b29fa7a5e9d2efe6' }, "Adicione ", h("strong", { key: '3a0ecc8f7553e70f0ad9f33166f564ae657e7245' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), h("crm-tooltip", { key: '78bc1051688f3db5748147e12c7cbaa7e3230d53', text: i18next.t("labelamountPartial") }))), h("div", { key: 'c674b5bb4e862eb1c6ddf9754e568f226331b374', class: "options" }, h("div", { key: 'cd3bcc9ebab8b83143c3cfc5d149aa720ec41189', class: "options-option" }, h("input", { key: '39bc96c1c46f6d15365381aabe98951a3b7a76a5', type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), h("p", { key: '611dab64df80c5dfa05fe78536efc29e2e0460b1' }, "Usar o meu Giftback")), h("div", { key: '51241b21f51150b517be2eb8dc86ee3f2b34dd12', class: "options-option" }, h("input", { key: '7fc4ab14718264f716e8bf415b03cd3614a79310', type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), h("p", { key: '3468a80ea817e394c848c4c5b646674175e37f61' }, "N\u00E3o usar o meu Giftback"))), h("div", { key: 'b51f74c4cbbabafccbaea79d1512e7860affafac', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa.")));
     }
     static get is() { return "giftback-info"; }
     static get originalStyleUrls() {
@@ -125,7 +121,7 @@ export class GiftbackInfo {
                     "tags": [],
                     "text": ""
                 },
-                "defaultValue": "{\n        totalBonus: 0,\n        cartId: \"\",\n        minimumPurchase: 0,\n        bonusBalance: 0,\n        calculatedValue: 0,\n        firstValidityDate: \"\",\n        totalValue: 0\n    }"
+                "defaultValue": "{\n        totalBonus: 150,\n        cartId: \"\",\n        minimumPurchase: 500,\n        bonusBalance: 50,\n        calculatedValue: 150,\n        firstValidityDate: \"\",\n        totalValue: 400\n    }"
             },
             "reserve": {
                 "type": "unknown",
@@ -146,8 +142,8 @@ export class GiftbackInfo {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "(onlyAmount: boolean) => void",
-                    "resolved": "(onlyAmount: boolean) => void",
+                    "original": "() => void",
+                    "resolved": "() => void",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"giftback-info.js","sourceRoot":"","sources":["../../../../../../src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx"],"names":[],"mappings":"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","sourcesContent":["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,"file":"giftback-info.js","sourceRoot":"","sources":["../../../../../../src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx"],"names":[],"mappings":"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","sourcesContent":["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\";\nimport { defineLimit, formatDateToBr } from \"../../../../utils/utils\";\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: 150,\n        cartId: \"\",\n        minimumPurchase: 500,\n        bonusBalance: 50,\n        calculatedValue: 150,\n        firstValidityDate: \"\",\n        totalValue: 400\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(USED_KEY);\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        switch (this.selectedOption) {\n            case 'use':\n                // await this.reserve(this.usedValue)\n                break;\n            case 'dontUse':\n                await this.cancel();\n                break;\n            default:\n        }\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\n        const limit = defineLimit(remainingGiftback)\n\n        return (\n\n            <div class=\"giftback-container\">\n                <div class=\"container-description\">\n                    <p innerHTML={translateDescription}></p>\n                    <crm-tooltip text={i18next.t(\"labelUseGiftback\", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: formatDateToBr(this.bonus.firstValidityDate) })} />\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\n                {\n                    limit.isComplete && (\n                        <p>\n                            {i18next.t(\"maxAmount\")}\n                        </p>\n                    )\n                }\n\n                {\n                    !limit.isComplete && (\n                        <div class=\"container-description\">\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\n                            <crm-tooltip text={i18next.t(\"labelamountPartial\")} />\n                        </div>\n                    )\n                }\n\n\n                <div class=\"options\">\n                    <div class=\"options-option\">\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"use\"\n                            checked={this.selectedOption === 'use'}\n                            onChange={() => this.handleOptionChange('use')}\n                        />\n                        <p>Usar o meu Giftback</p>\n                    </div>\n                    <div class=\"options-option\">\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"dontUse\"\n                            checked={this.selectedOption === 'dontUse'}\n                            onChange={() => this.handleOptionChange('dontUse')}\n                        />\n                        <p>Não usar o meu Giftback</p>\n                    </div>\n                </div>\n                <div class=\"info-box\">\n                    O Giftback será aplicado na próxima etapa.\n                </div>\n            </div>\n        );\n    }\n}"]}

package/dist/collection/components/giftback-form/subcomponents/phone-form/phone-form.js

@@ -12,7 +12,7 @@ export class PhoneForm {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'e9d7a5291b33b478b70fe5d2047764119da1da05', class: "crm-phone-form" }, h("label", { key: 'b8ec0e468c2a59258edeec123654300b17795ef1', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra"), h("phone-input-mask", { key: 'cdd2086ea2041a7cff6d2547ada050187ecc5782', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '7342514efb50657e7231ef312162fa20831c3ded', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
+        return (h(Host, { key: 'd41578c99f54f76083ad62b2d3e53b969f51c323', class: "crm-phone-form" }, h("label", { key: '2c615b13f79cfed14b8c14b713216b5d53e05769', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), h("phone-input-mask", { key: '05383570a3518ef1ae3d0085f8411662eb719486', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '90289afc0783e5f78a8091c7f53c657721f13641', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
     }
     static get is() { return "phone-form"; }
     static get originalStyleUrls() {

package/dist/collection/components/giftback-form/subcomponents/phone-form/phone-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone-form.js","sourceRoot":"","sources":["../../../../../../src/components/giftback-form/subcomponents/phone-form/phone-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,SAAS;;;;;;;IAWlB,KAAK,CAAC,WAAW;QAEb,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAA;QAElD,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAGD,MAAM;;QACF,OAAO,CACH,EAAC,IAAI,qDAAC,KAAK,EAAC,gBAAgB;YACxB,8DAAO,KAAK,EAAC,cAAc,2FAAoF;YAC/G,yEAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI;YAErF,mEAAY,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,kBAAkB,KAAI,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,GAAK,CAChI,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["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}"]}
+{"version":3,"file":"phone-form.js","sourceRoot":"","sources":["../../../../../../src/components/giftback-form/subcomponents/phone-form/phone-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,SAAS;;;;;;;IAWlB,KAAK,CAAC,WAAW;QAEb,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAA;QAElD,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAGD,MAAM;;QACF,OAAO,CACH,EAAC,IAAI,qDAAC,KAAK,EAAC,gBAAgB;YACxB,8DAAO,KAAK,EAAC,cAAc,4FAAqF;YAChH,yEAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI;YAErF,mEAAY,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,kBAAkB,KAAI,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,GAAK,CAChI,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["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}"]}

package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.css

@@ -16,8 +16,8 @@
     gap: 10px;
 }
 
-input {
-    width: 40px;
+.pin-container input {
+    width: 100%;
     height: 48px;
     font-size: 14px;
     text-align: center;

package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.js

@@ -46,7 +46,7 @@ export class GiftbackPin {
     }
     render() {
         var _a;
-        return (h("div", { key: '767d23f4116f50eff85dee75caf93b9138e915f7', class: "crm-phone-form" }, h("label", { key: '56eb285a2fde3f209e86834dacf265801d6778dd', class: "crm-subtitle" }, i18next.t('pin-sutitle'), " ", h("strong", { key: 'f0494fa3fb8c0a389e60f47b1569db8b58c0f59d' }, "+55 ", this.phone)), h("div", { key: '472f69c00dc6329b9086c82e858eb3739da2de5a', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) })))), h("slot", { key: '31ed7ad3ca6c681c441ff8f09c2af2df1fcb4cb8' }), h("p", { key: '1fcdf997ba9926744eb64add8eb0d82ee4bee8d2', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: '6d92a595bf2f1d8018c7a283302548b9f1338c8e' }, " Reenviar em ", h("countdown-timer", { key: 'b8164b1345e1b7f2ccced338cc0940f0245f89e4', downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '144fe92ebea77099ab9eb089a2c1239dfe88ffd0' }, h("a", { key: 'fb817a1bd4ee194d01656f52c61eaad2f00e1019', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: 'cff8f476dd0fdd64831db02ef5cb4ddba1919aae', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '1c11adbe0b480b9d460f87103d690f66b9a06299', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
+        return (h("div", { key: '4feca5ebbdcba078f526bcbbb1e8f59cd9f69d2f', class: "crm-phone-form" }, h("label", { key: '51653ca43a050fd67dfba6a8525bfe3791076cff', class: "crm-subtitle" }, i18next.t('pin-sutitle'), " ", h("strong", { key: '8a47e532dc3bd566d23057e675261b50c97442c8' }, "+55 ", this.phone)), h("div", { key: 'eb367b999bb7c491e9cc792b8ea279bff71de435', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) })))), h("slot", { key: '377bc33633df2c82ab1970c88e20bdbd9181d525' }), h("p", { key: '96769dc2bac4842ed9e259735381f25451bbe77d', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: '9c3f25a357ae41aef6c16b11598a1cbd9ea32982' }, " Reenviar em ", h("countdown-timer", { key: 'a7a98f65cdcf0a88df4ce2f98d8694b0cf5c974c', downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '178c9b536d81f49d10240c55edfbe7dbb02076bb' }, h("a", { key: '8b07796bd9a3349cdf994ccd963fe4333466eb22', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: '59289faea47104ec3ebc9818a43dbd205fc0a2bf', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: 'feecbd5c1681ae1adb8bd9ca8ba01b96252f6c5c', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
     }
     static get is() { return "pin-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/loading-container/loading-container.js

@@ -4,7 +4,7 @@ export class LoadingContainer {
         this.loading = true;
     }
     render() {
-        return (h("div", { key: '422b09da21c691f5eaeb4df9cb30531428409787', class: "relative-xy" }, this.loading && (h("div", { key: '4777be23c24bb0b3190d8992ba97a5206eded534', class: "loading-container" }, h("div", { key: '0f44c0f2d96890a604e60c2ae5163ef80f55b319', class: "loading-spinner" }))), h("slot", { key: 'a8f88a43a1fe8ea3348ecd0f5b6855102262f6c5' })));
+        return (h("div", { key: '59fbac8fdb07e1c4a917c9b8ece68d372e8e12e6', class: "relative-xy" }, this.loading && (h("div", { key: '7fad2fc77bab910ce3138cd7082cdfcfd63e046a', class: "loading-container" }, h("div", { key: '715fc1b2ad9a6e388bd1908d1dcbc075e1bdbfd5', class: "loading-spinner" }))), h("slot", { key: '436691253f9ac25e8910598d34fc10028f0484b6' })));
     }
     static get is() { return "loading-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/loading-spinner/loading-spinner.js

@@ -5,7 +5,7 @@ export class LoadingSpinner {
         this.color = '#0078d7';
     }
     render() {
-        return (h("div", { key: 'cc9e6d79f37b688cb4a3648343fe392c149d43cf', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
+        return (h("div", { key: '647c9d808116de9492a829deccae3bf69318c437', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
     }
     static get is() { return "loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal/app-modal.js

@@ -8,7 +8,7 @@ export class AppModal {
         this.modalClosed.emit();
     }
     render() {
-        return (h("div", { key: '37c55ddb47bc0c333712da42f369851379c6c47d', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: '79806824da9a4990ca6ba0cbf3c459431902e945', class: "modal" }, h("div", { key: 'cf60c5340f1171f2be3ebb23592d63c7ab0a086c', class: "modal-header" }, h("h3", { key: 'e5e4d66d4251c890319344c8c7ec66e66a44aa12' }, this.modalTitle), h("button", { key: '6eacc4be8e63e1511c3340ce460e618943d1ebbc', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: '4dbec4e836cd3366a185581feeb1842a0b335f07', class: "modal-body" }, h("slot", { key: '38f4bb26dc576d6965f2ac184942cfdc8f4c4f07' })))));
+        return (h("div", { key: '5c0f884cf7a1cb0b8c6baa883f97d1b045af557d', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: '81050ec515bba3b10bf48b2074f0f8edb5327a70', class: "modal" }, h("div", { key: 'd1265b9172a2783c62bb1679ceecda55e796ca23', class: "modal-header" }, h("h3", { key: '24c8ef0db7458ab35a31f76dbe7818b188a0ec00' }, this.modalTitle), h("button", { key: 'c4c007791e87789c9bf30f34f5fe99d2f6077cb6', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: '032aa97047f44eb65fcf40dde9700815b8630424', class: "modal-body" }, h("slot", { key: 'f8287a461cdeda48e868d1dd4eba2ee1bdbf92f3' })))));
     }
     static get is() { return "app-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/note/crm-bonus-note.css

@@ -2,6 +2,16 @@
     border: 1px solid #dddddd;
     padding: 0 15px 15px;
     margin: 0 0 26px 0px;
+    display: flex;
+    flex-direction: column;
+    gap: 13px;
+
+
+    & .description {
+        display: flex;
+        flex-direction: column;
+        gap: 13px;
+    }
 }
 
 .note-container hr {

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

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
 import { getInfoCustomization } from "../../helpers/info.config.helper";
 import money from "../../assets/svg/money-dollars-svgrepo-com.svg";
-import { CrmBonusService } from "../../services/crmbonus.service";
 import { getKeyReserveByCartId } from "../../utils/keys.storage";
+import i18next from "../../i18n/i18n";
 export class CrmBonusNote {
     constructor() {
         this.cartId = undefined;
@@ -27,18 +27,34 @@ export class CrmBonusNote {
     }
     getAmount() {
         const amount = localStorage.getItem(this.cartId);
-        console.log('amount', amount);
         return Number(amount).toFixed(2).replace(".", ",") || "0,00";
     }
-    async handleCancel() {
-        await CrmBonusService.getInstance().cancelBonus(this.cartId, this.storename);
+    async backCart() {
+        // await CrmBonusService.getInstance().cancelBonus(this.cartId, this.storename);
         window.location.href = this.url;
-        localStorage.removeItem(getKeyReserveByCartId(this.cartId));
+        // localStorage.removeItem(getKeyReserveByCartId(this.cartId));
+    }
+    hasBonus() {
+        const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));
+        const info = {
+            hasBonus: false,
+            requestBonus: false
+        };
+        if (_bonus) {
+            const bonus = JSON.parse(_bonus);
+            console.log("bonus", bonus);
+            info.hasBonus = bonus.hasBonus;
+            info.requestBonus = true;
+        }
+        return info;
     }
     render() {
-        return (h("div", { key: 'bc5d604cea5aed792cb15f0851eb1f972da6ecb4' }, h("div", { key: 'cffe8d7bf73a7971bfb0474a4d043cb6ed6e89cf', class: "note-container" }, h("div", { key: '50dfeb29b9214d3f10c5ee6cdef8319c23d5393d', class: "note-header" }, h("p", { key: 'b3aa16aae338bf237a81bacfcade1c23c22aae40', class: "note-title" }, h("img", { key: 'ae64ef45b9a564ed237836bde2f9ea281b5f527c', src: money, width: 23 }), this.config.giftbackTitle), this.handleHide() && (h("p", { key: '3466e86e46fad25a466165d2b161a73e20bca833', class: "back-cart", onClick: () => this.handleCancel() }, "Editar"))), h("hr", { key: '85c7ca5112d163c5b886289cb2f9aaaed6855491' }), this.handleHide() &&
-            (h("p", { key: '1986f4c1cb4498b65d84dcdf548ad126bf15e9f0', class: "note-description-2" }, this.config.giftbackTitle || "Giftback", " aplicado ao pedido: ", h("strong", { key: '9443c54500c49c6c94e919b37c771df51b4e2f68' }, "R$ ", this.getAmount()))), !this.handleHide() &&
-            (h("p", { key: '5c17a22fee3edefb4de60451883a015cdc4b8e0e', class: "note-description-not" }, "N\u00E3o h\u00E1 ", this.config.giftbackTitle || "Giftback", " dispon\u00EDvel para essa compra")))));
+        const giftbackname = this.config.giftbackTitle || "Giftback";
+        const infobonus = this.hasBonus();
+        return (h("div", { key: 'bfff64d418def840465aaae06492512870957789' }, h("div", { key: '75a71b7257c114df4147b21339e1dc634f64d5c6', class: "note-container" }, h("div", { key: 'fefd0145afb7c96051564bf2024da681887de2f0', class: "note-header" }, h("p", { key: '5b91c6eb8be3da0b0f52c6a03d84187231767fb5', class: "note-title" }, h("img", { key: '12fa6a54512c435b155001a50b8dd2140aa75edb', src: money, width: 23 }), this.config.giftbackTitle), infobonus.hasBonus && (h("p", { key: 'aca71d4519b730dd1fd05aeb22a822341d03bdc2', class: "back-cart", onClick: () => this.backCart() }, i18next.t("edit")))), infobonus.hasBonus &&
+            (h("p", { key: 'dfc35cbee7ff2e0051e6c3288a2ecb6bf0a33f41', class: "note-description-2" }, i18next.t("withApplyBonus", { giftbackname: giftbackname }), " ", h("strong", { key: '47e8c2f789c64814fc4917e972067579a71d6961' }, "R$ ", this.getAmount(), "."))), (infobonus.requestBonus && !infobonus.hasBonus) &&
+            (h("p", { key: '44387ac4ceca1ee204ff6af59332758c5195c87a', class: "note-description-not" }, i18next.t("noBonus", { giftbackname: giftbackname }))), !infobonus.requestBonus &&
+            (h("div", { key: '6929c2899411e9e0679bfc262ec5393adec8eff6', class: "description" }, h("p", { key: '12e295b3675751f8847ac3ee800399284c52653a', class: "note-description-not" }, i18next.t("backCart")), h("crm-button", { key: 'f270f549bd009fe6a9610c419a824c74f1518652', txtBtn: "VOLTAR AO CARRINHO", handleClick: () => this.backCart() }))))));
     }
     static get is() { return "crm-bonus-note"; }
     static get originalStyleUrls() {

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

@@ -1 +1 @@
-{"version":3,"file":"crm-bonus-note.js","sourceRoot":"","sources":["../../../../src/components/note/crm-bonus-note.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAc,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAEpF,OAAO,KAAK,MAAM,gDAAgD,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAMjE,MAAM,OAAO,YAAY;;;;;;;IAQrB,iBAAiB;QACb,IAAI,CAAC,4BAA4B,EAAE,CAAC;IACxC,CAAC;IAED,4BAA4B;QAExB,IAAI,CAAC,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnD,MAAM,MAAM,GAAG,QAAQ,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;QACzD,MAAM,CAAC,OAAO,CAAC,CAAC,KAAU,EAAE,EAAE;YAC1B,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IACtC,CAAC;IAED,UAAU;QACN,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjD,OAAO,CAAC,CAAC,MAAM,CAAC;IACpB,CAAC;IAED,SAAS;QACL,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEjD,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QAE7B,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,MAAM,CAAA;IAChE,CAAC;IAED,KAAK,CAAC,YAAY;QACd,MAAM,eAAe,CAAC,WAAW,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7E,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;QAEhC,YAAY,CAAC,UAAU,CAAC,qBAAqB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,MAAM;QAEF,OAAO,CACH;YACI,4DAAK,KAAK,EAAC,gBAAgB;gBACvB,4DAAK,KAAK,EAAC,aAAa;oBAEpB,0DAAG,KAAK,EAAC,YAAY;wBACjB,4DAAK,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,GAAI;wBAC7B,IAAI,CAAC,MAAM,CAAC,aAAa,CAC1B;oBAEA,IAAI,CAAC,UAAU,EAAE,IAAI,CACjB,0DAAG,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,aAEnD,CACP,CAEH;gBAEN,4DAAM;gBAEF,IAAI,CAAC,UAAU,EAAE;oBACjB,CACI,0DAAG,KAAK,EAAC,oBAAoB;wBACxB,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,UAAU;;wBAAsB;;4BAAY,IAAI,CAAC,SAAS,EAAE,CAAU,CACpG,CACP;gBAID,CAAC,IAAI,CAAC,UAAU,EAAE;oBAClB,CACI,0DAAG,KAAK,EAAC,sBAAsB;;wBACnB,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,UAAU;4DAC/C,CACP,CAMH,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, State, h } from \"@stencil/core\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport money from '../../assets/svg/money-dollars-svgrepo-com.svg'\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { getKeyReserveByCartId } from \"../../utils/keys.storage\";\n\n@Component({\n    tag: 'crm-bonus-note',\n    styleUrl: 'crm-bonus-note.css'\n})\nexport class CrmBonusNote {\n\n    @Prop({ attribute: 'cartid' }) cartId;\n    @Prop({ attribute: \"storename\" }) storename;\n\n    @State() url: string;\n    @State() config: IInfoStore;\n\n    componentWillLoad() {\n        this.upadateCheckToFreteAndGetUrl();\n    }\n\n    upadateCheckToFreteAndGetUrl() {\n\n        this.config = getInfoCustomization(this.storename);\n        const envios = document.getElementsByName('forma-envio');\n        envios.forEach((envio: any) => {\n            envio.checked = false;\n        });\n\n        this.url = window.location.origin;\n    }\n\n    handleHide() {\n        const amount = localStorage.getItem(this.cartId);\n        return !!amount;\n    }\n\n    getAmount() {\n        const amount = localStorage.getItem(this.cartId);\n\n        console.log('amount', amount)\n\n        return Number(amount).toFixed(2).replace(\".\", \",\") || \"0,00\"\n    }\n\n    async handleCancel() {\n        await CrmBonusService.getInstance().cancelBonus(this.cartId, this.storename);\n        window.location.href = this.url;\n\n        localStorage.removeItem(getKeyReserveByCartId(this.cartId));\n    }\n\n    render() {\n\n        return (\n            <div>\n                <div class=\"note-container\">\n                    <div class=\"note-header\">\n\n                        <p class=\"note-title\">\n                            <img src={money} width={23} />\n                            {this.config.giftbackTitle}\n                        </p>\n                        {\n                            this.handleHide() && (\n                                <p class=\"back-cart\" onClick={() => this.handleCancel()}>\n                                    Editar\n                                </p>\n                            )\n                        }\n                    </div>\n\n                    <hr />\n                    {\n                        this.handleHide() &&\n                        (\n                            <p class=\"note-description-2\">\n                                {this.config.giftbackTitle || \"Giftback\"} aplicado ao pedido: <strong>R$ {this.getAmount()}</strong>\n                            </p>\n                        )\n                    }\n\n                    {\n                        !this.handleHide() &&\n                        (\n                            <p class=\"note-description-not\">\n                                Não há {this.config.giftbackTitle || \"Giftback\"} disponível para essa compra\n                            </p>\n                        )\n                    }\n\n                    {/* <a class=\"back-cart\" href={this.url}>\n                        Voltar ao carrinho\n                    </a> */}\n                </div>\n            </div>\n        )\n    }\n}"]}
+{"version":3,"file":"crm-bonus-note.js","sourceRoot":"","sources":["../../../../src/components/note/crm-bonus-note.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from \"@stencil/core\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport money from '../../assets/svg/money-dollars-svgrepo-com.svg'\nimport { getKeyReserveByCartId } from \"../../utils/keys.storage\";\nimport i18next from \"../../i18n/i18n\"\n\n@Component({\n    tag: 'crm-bonus-note',\n    styleUrl: 'crm-bonus-note.css'\n})\nexport class CrmBonusNote {\n\n    @Prop({ attribute: 'cartid' }) cartId;\n    @Prop({ attribute: \"storename\" }) storename;\n\n    @State() url: string;\n    @State() config: IInfoStore;\n\n    componentWillLoad() {\n        this.upadateCheckToFreteAndGetUrl()\n    }\n\n    upadateCheckToFreteAndGetUrl() {\n\n        this.config = getInfoCustomization(this.storename);\n        const envios = document.getElementsByName('forma-envio');\n        envios.forEach((envio: any) => {\n            envio.checked = false;\n        });\n\n        this.url = window.location.origin;\n    }\n\n    handleHide() {\n        const amount = localStorage.getItem(this.cartId);\n        return !!amount;\n    }\n\n    getAmount() {\n        const amount = localStorage.getItem(this.cartId);\n\n        return Number(amount).toFixed(2).replace(\".\", \",\") || \"0,00\"\n    }\n\n    async backCart() {\n        // await CrmBonusService.getInstance().cancelBonus(this.cartId, this.storename);\n        window.location.href = this.url;\n\n        // localStorage.removeItem(getKeyReserveByCartId(this.cartId));\n    }\n\n\n    hasBonus() {\n        const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n        const info = {\n            hasBonus: false,\n            requestBonus: false\n        }\n\n        if (_bonus) {\n            const bonus = JSON.parse(_bonus);\n\n            console.log(\"bonus\", bonus);\n\n            info.hasBonus = bonus.hasBonus;\n            info.requestBonus = true;\n        }\n\n        return info;\n    }\n\n    render() {\n\n        const giftbackname = this.config.giftbackTitle || \"Giftback\";\n\n        const infobonus = this.hasBonus()\n\n        return (\n            <div>\n                <div class=\"note-container\">\n                    <div class=\"note-header\">\n\n                        <p class=\"note-title\">\n                            <img src={money} width={23} />\n                            {this.config.giftbackTitle}\n                        </p>\n                        {\n                            infobonus.hasBonus && (\n                                <p class=\"back-cart\" onClick={() => this.backCart()}>\n                                    {i18next.t(\"edit\")}\n                                </p>\n                            )\n                        }\n                    </div>\n\n                    {\n                        infobonus.hasBonus &&\n                        (\n                            <p class=\"note-description-2\">\n                                {i18next.t(\"withApplyBonus\", { giftbackname: giftbackname })} <strong>R$ {this.getAmount()}.</strong>\n                            </p>\n                        )\n                    }\n\n                    {\n                        (infobonus.requestBonus && !infobonus.hasBonus) &&\n                        (\n                            <p class=\"note-description-not\">\n                                {i18next.t(\"noBonus\", { giftbackname: giftbackname })}\n                            </p>\n                        )\n                    }\n\n                    {\n                        !infobonus.requestBonus &&\n                        (\n                            <div class=\"description\">\n                                <p class=\"note-description-not\">\n                                    {i18next.t(\"backCart\")}\n                                </p>\n                                <crm-button txtBtn=\"VOLTAR AO CARRINHO\" handleClick={() =>  this.backCart()} />\n                            </div>\n                        )\n                    }\n\n                    {/* <a class=\"back-cart\" href={this.url}>\n                        Voltar ao carrinho\n                    </a> */}\n                </div>\n            </div>\n        )\n    }\n}"]}

package/dist/collection/components/pedido/pedido.js

@@ -20,7 +20,7 @@ export class Pedido {
         }
     }
     render() {
-        return (h("div", { key: 'd930957c252694d11aade1aeaa2a823131b0e6c9' }));
+        return (h("div", { key: '5994a82fbeedcc73980f628f0dea243fb0172c86' }));
     }
     static get is() { return "pedido-finalizado"; }
     static get properties() {

package/dist/collection/components/phone/phone-input-mask.css

@@ -25,10 +25,11 @@
 
 
 .phone-input-form {
-    width: 246px;
+    width: 100%;
     height: 48px;
     padding: 13px 16px 13px 16px;
     border: 1px solid #CCCCCC;
+    font-size: 14px;
 }
 
 .crm-erro-msg {

package/dist/collection/components/phone/phone-input-mask.js

@@ -41,7 +41,7 @@ export class PhoneInputMask {
         return this.phone;
     }
     render() {
-        return (h("div", { key: 'da82e6c688cc88043ff18f935bba2d929b9bb5a4' }, h("input", { key: '805202fe1f963f524b461a7f1c92f0796a08c394', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567 8910" }), h("p", { key: '80a7288bd27e4d8d5d6220a78cbc016710e9dc95', class: "crm-erro-msg" }, this.message)));
+        return (h("div", { key: '157a937f248ee6bbc25bb2ea4b1b30b307f21610' }, h("input", { key: '4fd6383cef53ddbb9b080224919f0fee0f3f8127', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(99) 99999 9999" }), h("p", { key: '56b0dda6417f25b55aae2f8ce6eee6f879f57ea1', class: "crm-erro-msg" }, this.message)));
     }
     static get is() { return "phone-input-mask"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/phone/phone-input-mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone-input-mask.js","sourceRoot":"","sources":["../../../../src/components/phone/phone-input-mask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAO9D,MAAM,OAAO,cAAc;;qBACE,EAAE;uBACA,EAAE;;;;IAK7B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;IACnC,CAAC;IAEO,WAAW,CAAC,KAAa;QAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,iCAAiC;QAC3E,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAE7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;IACtC,CAAC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,OAAO,GAAG,4BAA4B,CAAA;QAC/C,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACrB,CAAC;IACL,CAAC;IAED,mBAAmB,CAAC,KAAa;QAC7B,IAAG,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;QACf,CAAC;QACD,MAAM,UAAU,GAAG,yBAAyB,CAAC,CAAC,iCAAiC;QAC/E,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAGM,KAAK,CAAC,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,MAAM;QACF,OAAO,CACH;YACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B;YACF,0DAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,CAET,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Method, Prop, State } from '@stencil/core';\nimport { MESSAGE_ERROR_INVALID_NUMBER } from '../../contants';\n\n@Component({\n    tag: 'phone-input-mask',\n    styleUrl: 'phone-input-mask.css',\n    shadow: true,\n})\nexport class PhoneInputMask {\n    @State() phone: string = '';\n    @State() message: string = \"\";\n\n    @Prop() initialValue: string;\n    @Prop() disabled: boolean;\n\n    componentWillLoad() {\n        this.phone = this.initialValue;\n    }\n\n    private formatPhone(value: string): string {\n\n        const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n        const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n\n        if (!match) return value;\n\n        const part1 = match[1] ? `(${match[1]}` : '';\n        const part2 = match[2] ? `) ${match[2]}` : '';\n        const part3 = match[3] ? ` ${match[3]}` : '';\n\n        return `${part1}${part2}${part3}`;\n    }\n\n    private handleInput(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        this.phone = this.formatPhone(input.value);\n\n        if(!this.validatePhoneNumber(input.value)) {\n            this.message = MESSAGE_ERROR_INVALID_NUMBER\n        } else {\n            this.message = \"\"\n        }\n    }\n\n    validatePhoneNumber(phone: string): boolean {\n        if(phone.length < 15) {\n            return true\n        }\n        const phoneRegex = /^\\(\\d{2}\\) \\d{5} \\d{4}$/; // Valida formato (99) 99999-9999\n        return phoneRegex.test(phone);\n    }\n\n    @Method()\n    public async getPhone() {\n        return this.phone;\n    }\n\n    render() {\n        return (\n            <div>\n                <input\n                    disabled={this.disabled}\n                    id=\"phone\"\n                    type=\"text\"\n                    class=\"phone-input-form\"\n                    value={this.phone}\n                    onInput={(event) => this.handleInput(event)}\n                    placeholder=\"(12) 94567 8910\"\n                />\n                <p class=\"crm-erro-msg\">{this.message}</p>\n            </div>\n\n        );\n    }\n}\n"]}
+{"version":3,"file":"phone-input-mask.js","sourceRoot":"","sources":["../../../../src/components/phone/phone-input-mask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAO9D,MAAM,OAAO,cAAc;;qBACE,EAAE;uBACA,EAAE;;;;IAK7B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;IACnC,CAAC;IAEO,WAAW,CAAC,KAAa;QAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,iCAAiC;QAC3E,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAE7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;IACtC,CAAC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,OAAO,GAAG,4BAA4B,CAAA;QAC/C,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACrB,CAAC;IACL,CAAC;IAED,mBAAmB,CAAC,KAAa;QAC7B,IAAG,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;QACf,CAAC;QACD,MAAM,UAAU,GAAG,yBAAyB,CAAC,CAAC,iCAAiC;QAC/E,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAGM,KAAK,CAAC,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,MAAM;QACF,OAAO,CACH;YACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B;YACF,0DAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,CAET,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Method, Prop, State } from '@stencil/core';\nimport { MESSAGE_ERROR_INVALID_NUMBER } from '../../contants';\n\n@Component({\n    tag: 'phone-input-mask',\n    styleUrl: 'phone-input-mask.css',\n    shadow: true,\n})\nexport class PhoneInputMask {\n    @State() phone: string = '';\n    @State() message: string = \"\";\n\n    @Prop() initialValue: string;\n    @Prop() disabled: boolean;\n\n    componentWillLoad() {\n        this.phone = this.initialValue;\n    }\n\n    private formatPhone(value: string): string {\n\n        const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n        const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n\n        if (!match) return value;\n\n        const part1 = match[1] ? `(${match[1]}` : '';\n        const part2 = match[2] ? `) ${match[2]}` : '';\n        const part3 = match[3] ? ` ${match[3]}` : '';\n\n        return `${part1}${part2}${part3}`;\n    }\n\n    private handleInput(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        this.phone = this.formatPhone(input.value);\n\n        if(!this.validatePhoneNumber(input.value)) {\n            this.message = MESSAGE_ERROR_INVALID_NUMBER\n        } else {\n            this.message = \"\"\n        }\n    }\n\n    validatePhoneNumber(phone: string): boolean {\n        if(phone.length < 15) {\n            return true\n        }\n        const phoneRegex = /^\\(\\d{2}\\) \\d{5} \\d{4}$/; // Valida formato (99) 99999-9999\n        return phoneRegex.test(phone);\n    }\n\n    @Method()\n    public async getPhone() {\n        return this.phone;\n    }\n\n    render() {\n        return (\n            <div>\n                <input\n                    disabled={this.disabled}\n                    id=\"phone\"\n                    type=\"text\"\n                    class=\"phone-input-form\"\n                    value={this.phone}\n                    onInput={(event) => this.handleInput(event)}\n                    placeholder=\"(99) 99999 9999\"\n                />\n                <p class=\"crm-erro-msg\">{this.message}</p>\n            </div>\n\n        );\n    }\n}\n"]}

package/dist/collection/components/tooltip/crm-tooltip.css

@@ -0,0 +1,32 @@
+.crm-tooltip-container {
+    display: flex;
+
+    & img {
+        width: 25px;
+    }
+}
+
+.tooltip {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+}
+
+.tooltip .tooltiptext {
+    visibility: hidden;
+    background-color: black;
+    color: #fff;
+    text-align: center;
+    padding: 8px 12px;
+    border-radius: 0px;
+    position: absolute;
+    z-index: 1;
+    min-width: 271px;
+    top: 100%;
+    left: 50%;
+    margin-left: -238px;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+}

package/dist/collection/components/tooltip/tooltip.js

@@ -0,0 +1,43 @@
+import { h } from "@stencil/core";
+import info from "../../assets/svg/info-circle-svgrepo-com.svg";
+export class Tooltip {
+    constructor() {
+        this.text = undefined;
+    }
+    render() {
+        return (h("div", { key: '6184ba9a52a60d1bf2c50687165ad63a869b5b1c', class: "crm-tooltip-container tooltip" }, h("img", { key: '4bab948b85d15c945d3e7a2e65a7e0eaf1116cc3', src: info }), h("span", { key: 'a637a34e82a1d630882c2b367c2aaf59803ee71e', class: "tooltiptext" }, this.text)));
+    }
+    static get is() { return "crm-tooltip"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["crm-tooltip.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["crm-tooltip.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "text": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "text",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=tooltip.js.map

package/dist/collection/components/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,8CAA8C,CAAC;AAOhE,MAAM,OAAO,OAAO;;;;IAIhB,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,+BAA+B;YACtC,4DAAK,GAAG,EAAE,IAAI,GAAI;YAClB,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ,CAC1C,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport info from '../../assets/svg/info-circle-svgrepo-com.svg';\n\n\n@Component({\n    tag: 'crm-tooltip',\n    styleUrl: 'crm-tooltip.css'\n})\nexport class Tooltip {\n\n    @Prop() text: string\n\n    render() {\n        return (\n            <div class=\"crm-tooltip-container tooltip\">\n                <img src={info} />\n                <span class=\"tooltiptext\">{this.text}</span>\n            </div>\n        );\n    }\n}"]}

package/dist/collection/contants/index.js

@@ -8,4 +8,9 @@ export var StepFormEnum;
     StepFormEnum[StepFormEnum["STEP_NO_BONUS"] = 5] = "STEP_NO_BONUS";
 })(StepFormEnum || (StepFormEnum = {}));
 export const MESSAGE_ERROR_INVALID_NUMBER = "Número inválido";
+export var StatusGiftBackProcess;
+(function (StatusGiftBackProcess) {
+    StatusGiftBackProcess["VALIDATE"] = "validate";
+    StatusGiftBackProcess["NO_BONUS"] = "no_bonus";
+})(StatusGiftBackProcess || (StatusGiftBackProcess = {}));
 //# sourceMappingURL=index.js.map

package/dist/collection/contants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contants/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAOX;AAPD,WAAY,YAAY;IACpB,yDAAa,CAAA;IACb,2DAAc,CAAA;IACd,uDAAY,CAAA;IACZ,+DAAgB,CAAA;IAChB,2DAAc,CAAA;IACd,iEAAiB,CAAA;AACrB,CAAC,EAPW,YAAY,KAAZ,YAAY,QAOvB;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAE,iBAAiB,CAAA","sourcesContent":["export enum StepFormEnum {\n    STEP_NAME = 0,\n    STEP_PHONE = 1,\n    STEP_PIN = 2,\n    STEP_RESERVE = 3,\n    STEP_APPLY = 4,\n    STEP_NO_BONUS = 5\n}\n\nexport const MESSAGE_ERROR_INVALID_NUMBER= \"Número inválido\""]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contants/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAOX;AAPD,WAAY,YAAY;IACpB,yDAAa,CAAA;IACb,2DAAc,CAAA;IACd,uDAAY,CAAA;IACZ,+DAAgB,CAAA;IAChB,2DAAc,CAAA;IACd,iEAAiB,CAAA;AACrB,CAAC,EAPW,YAAY,KAAZ,YAAY,QAOvB;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAE,iBAAiB,CAAA;AAG5D,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC7B,8CAAqB,CAAA;IACrB,8CAAqB,CAAA;AACzB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC","sourcesContent":["export enum StepFormEnum {\n    STEP_NAME = 0,\n    STEP_PHONE = 1,\n    STEP_PIN = 2,\n    STEP_RESERVE = 3,\n    STEP_APPLY = 4,\n    STEP_NO_BONUS = 5\n}\n\nexport const MESSAGE_ERROR_INVALID_NUMBER= \"Número inválido\"\n\n\nexport enum StatusGiftBackProcess {\n    VALIDATE = \"validate\",\n    NO_BONUS = \"no_bonus\"\n}"]}

package/dist/collection/dto/validate.pin.bonus.js.map

@@ -1 +1 @@
-{"version":3,"file":"validate.pin.bonus.js","sourceRoot":"","sources":["../../../src/dto/validate.pin.bonus.ts"],"names":[],"mappings":"AAQA,MAAM,CAAN,IAAY,eAEX;AAFD,WAAY,eAAe;IACvB,iCAAc,CAAA;AAClB,CAAC,EAFW,eAAe,KAAf,eAAe,QAE1B","sourcesContent":["export interface IProduct {\n    productVariantId: string;\n    sku: string;\n    value: number;\n    quantity: number;\n    discount: number;\n}\n\nexport enum AjustesTipoEnum {\n    P = \"Promocao\" \n}\n\nexport interface IAjustes {\n    Tipo: AjustesTipoEnum;\n    Valor: number;\n}\n\nexport interface IProductWake {\n    ProdutoVarianteId: number;\n    SKU: string;\n    PrecoPor: number;\n    Quantidade: number;\n    Ajustes: IAjustes[];\n}\n\nexport interface ICustomer {\n    birthDate: string;\n    document: string;\n    name: string;\n    phone: string;\n}\n\nexport interface IProccesPinBonusDto {\n    storeName: string;\n    name: string;\n    checkoutId: string;\n    checkoutProducts: Array<IProduct>;\n    storeId: string;\n    userId: string;\n    cellphone: string;\n    pin: string;\n\n}\n\nexport interface IBonus {\n    hasBonus: boolean;\n    bonusBalance: number;\n    totalBonus: number;\n    minimumPurchase: number;\n    bonusIds: string;\n    firstValidityDate: string\n    history: [\n        {\n            validityStart: string;\n            validityEnd: string;\n            value: number\n        },\n        {\n            validityStart: string;\n            validityEnd: string\n            value: number\n        }\n    ]\n    storeId: number;\n    userId: number;\n    cartId: string\n    calculatedValue: number;\n    totalValue: number\n}\n\n\nexport interface IReserveDTO {\n    storeName: string;\n    cartId: string;\n    grossValue: number;\n    redeemedBonus: number;\n    ticket: string;\n    storeId: string;\n    userId: number;\n}"]}
+{"version":3,"file":"validate.pin.bonus.js","sourceRoot":"","sources":["../../../src/dto/validate.pin.bonus.ts"],"names":[],"mappings":"AAQA,MAAM,CAAN,IAAY,eAEX;AAFD,WAAY,eAAe;IACvB,iCAAc,CAAA;AAClB,CAAC,EAFW,eAAe,KAAf,eAAe,QAE1B","sourcesContent":["export interface IProduct {\n    productVariantId: string;\n    sku: string;\n    value: number;\n    quantity: number;\n    discount: number;\n}\n\nexport enum AjustesTipoEnum {\n    P = \"Promocao\" \n}\n\nexport interface IAjustes {\n    Tipo: AjustesTipoEnum;\n    Valor: number;\n}\n\nexport interface IProductWake {\n    ProdutoVarianteId: number;\n    SKU: string;\n    PrecoPor: number;\n    Quantidade: number;\n    Ajustes: IAjustes[];\n}\n\nexport interface ICustomer {\n    birthDate: string;\n    document: string;\n    name: string;\n    phone: string;\n}\n\nexport interface IProccesPinBonusDto {\n    storeName: string;\n    name: string;\n    checkoutId: string;\n    checkoutProducts: Array<IProduct>;\n    storeId: string;\n    userId: string;\n    cellphone: number;\n    pin: string;\n\n}\n\nexport interface IBonus {\n    hasBonus: boolean;\n    bonusBalance: number;\n    totalBonus: number;\n    minimumPurchase: number;\n    bonusIds: string;\n    firstValidityDate: string\n    history: [\n        {\n            validityStart: string;\n            validityEnd: string;\n            value: number\n        },\n        {\n            validityStart: string;\n            validityEnd: string\n            value: number\n        }\n    ]\n    storeId: number;\n    userId: number;\n    cartId: string\n    calculatedValue: number;\n    totalValue: number\n}\n\n\nexport interface IReserveDTO {\n    storeName: string;\n    cartId: string;\n    grossValue: number;\n    redeemedBonus: number;\n    ticket: string;\n    storeId: string;\n    userId: number;\n}"]}

package/dist/collection/i18n/i18n.js

@@ -2,6 +2,9 @@ import i18next from "i18next";
 i18next.init({
     lng: 'pt', // Idioma padrão
     fallbackLng: 'en', // Idioma de fallback
+    interpolation: {
+        escapeValue: false
+    },
     resources: {
         en: {
             translation: {
@@ -12,11 +15,18 @@ i18next.init({
         },
         pt: {
             translation: {
+                edit: "Editar",
                 welcome: "Bem-vindo",
                 description: "Este é um exemplo",
                 'pin-sutitle': "Digite o código de 4 dígitos enviado por SMS ao número",
                 giftDescription: "Você tem até <strong>R$ {{amount}}</strong> de {{custom_name}}",
-                noGiftback: "Você não possui {{storename}} disponível para essa compra."
+                noGiftback: "Você não possui {{storename}} disponível para essa compra.",
+                noBonus: "Não há {{giftbackname}} disponível para essa compra.",
+                withApplyBonus: "{{giftbackname}} aplicado ao pedido: ",
+                maxAmount: "Você atingiu o valor máximo!",
+                labelamountPartial: "Ao utilizar um valor parcial, você perderá a quantia restante.",
+                labelUseGiftback: "Regra de utilização: Valor mínimo de compra de {{minimumPurchase}} reais para usar 100% do Giftback, válido até {{expírationDate}}",
+                backCart: "Retorne ao carrinho e verifique se há descontos disponíveis nessa compra"
             },
         },
     },

package/dist/collection/i18n/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,OAAO,CAAC,IAAI,CAAC;IACX,GAAG,EAAE,IAAI,EAAE,gBAAgB;IAC3B,WAAW,EAAE,IAAI,EAAE,qBAAqB;IACxC,SAAS,EAAE;QACT,EAAE,EAAE;YACF,WAAW,EAAE;gBACX,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,oBAAoB;gBACjC,aAAa,EAAE,mDAAmD;aACnE;SACF;QACD,EAAE,EAAE;YACF,WAAW,EAAE;gBACX,OAAO,EAAE,WAAW;gBACpB,WAAW,EAAE,mBAAmB;gBAChC,aAAa,EAAE,wDAAwD;gBACvE,eAAe,EAAE,gEAAgE;gBACjF,UAAU,EAAE,4DAA4D;aACzE;SACF;KACF;CACF,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC","sourcesContent":["import i18next from 'i18next';\n\ni18next.init({\n  lng: 'pt', // Idioma padrão\n  fallbackLng: 'en', // Idioma de fallback\n  resources: {\n    en: {\n      translation: {\n        welcome: \"Welcome\",\n        description: \"This is an example\",\n        'pin-sutitle': \"Enter the 4-digit code sent via SMS to the number\"\n      },\n    },\n    pt: {\n      translation: {\n        welcome: \"Bem-vindo\",\n        description: \"Este é um exemplo\",\n        'pin-sutitle': \"Digite o código de 4 dígitos enviado por SMS ao número\",\n        giftDescription: \"Você tem até <strong>R$ {{amount}}</strong> de {{custom_name}}\",\n        noGiftback: \"Você não possui {{storename}} disponível para essa compra.\"\n      },\n    },\n  },\n});\n\nexport default i18next;\n"]}
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,OAAO,CAAC,IAAI,CAAC;IACX,GAAG,EAAE,IAAI,EAAE,gBAAgB;IAC3B,WAAW,EAAE,IAAI,EAAE,qBAAqB;IACxC,aAAa,EAAE;QACb,WAAW,EAAE,KAAK;KACnB;IACD,SAAS,EAAE;QACT,EAAE,EAAE;YACF,WAAW,EAAE;gBACX,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,oBAAoB;gBACjC,aAAa,EAAE,mDAAmD;aACnE;SACF;QACD,EAAE,EAAE;YACF,WAAW,EAAE;gBACX,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,WAAW;gBACpB,WAAW,EAAE,mBAAmB;gBAChC,aAAa,EAAE,wDAAwD;gBACvE,eAAe,EAAE,gEAAgE;gBACjF,UAAU,EAAE,4DAA4D;gBACxE,OAAO,EAAE,sDAAsD;gBAC/D,cAAc,EAAE,uCAAuC;gBACvD,SAAS,EAAE,8BAA8B;gBACzC,kBAAkB,EAAE,gEAAgE;gBACpF,gBAAgB,EAAE,oIAAoI;gBACtJ,QAAQ,EAAE,0EAA0E;aACrF;SACF;KACF;CACF,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC","sourcesContent":["import i18next from 'i18next';\n\ni18next.init({\n  lng: 'pt', // Idioma padrão\n  fallbackLng: 'en', // Idioma de fallback\n  interpolation: {\n    escapeValue: false\n  },\n  resources: {\n    en: {\n      translation: {\n        welcome: \"Welcome\",\n        description: \"This is an example\",\n        'pin-sutitle': \"Enter the 4-digit code sent via SMS to the number\"\n      },\n    },\n    pt: {\n      translation: {\n        edit: \"Editar\",\n        welcome: \"Bem-vindo\",\n        description: \"Este é um exemplo\",\n        'pin-sutitle': \"Digite o código de 4 dígitos enviado por SMS ao número\",\n        giftDescription: \"Você tem até <strong>R$ {{amount}}</strong> de {{custom_name}}\",\n        noGiftback: \"Você não possui {{storename}} disponível para essa compra.\",\n        noBonus: \"Não há {{giftbackname}} disponível para essa compra.\",\n        withApplyBonus: \"{{giftbackname}} aplicado ao pedido: \",\n        maxAmount: \"Você atingiu o valor máximo!\",\n        labelamountPartial: \"Ao utilizar um valor parcial, você perderá a quantia restante.\",\n        labelUseGiftback: \"Regra de utilização: Valor mínimo de compra de {{minimumPurchase}} reais para usar 100% do Giftback, válido até {{expírationDate}}\",\n        backCart: \"Retorne ao carrinho e verifique se há descontos disponíveis nessa compra\"\n      },\n    },\n  },\n});\n\nexport default i18next;\n"]}

package/dist/collection/services/crmbonus.service.js

@@ -108,10 +108,6 @@ export class CrmBonusService {
         localStorage.setItem(cartId, "0");
         localStorage.removeItem(USED_KEY);
     }
-    async getWakeCart() {
-        const response = await this.axiosInstance.get("https://bycoders.checkout.fbits.store/api/carrinho");
-        return response.data;
-    }
 }
 CrmBonusService._instance = null;
 //# sourceMappingURL=crmbonus.service.js.map