crmbonus-component-wake 2.1.21-homolog-tray → 2.1.23-local

package/dist/components/{p-dc1871cf.js → p-6ff4aa18.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
-import { d as defineCustomElement$1 } from './p-e25a1b64.js';
+import { d as defineCustomElement$1 } from './p-e31b6c28.js';
 
 const giftbackPinCss = ":host{display:block}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;gap:10px;margin:26px 0}input{width:58px;height:40px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;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;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;cursor:pointer}.footer-button{display:flex;justify-content:space-between;width:100%}";
 const GiftbackPinStyle0 = giftbackPinCss;
@@ -37,7 +37,7 @@ const GiftbackPin = /*@__PURE__*/ proxyCustomElement(class GiftbackPin extends H
         }
     }
     render() {
-        return (h("div", { key: '7486082912679fff55785889a17106fc6671fad5', class: "form-container-pin" }, h("div", { key: '3934dba774e30d5e3b118bc1c54de76484889b98' }, h("p", { key: 'c9cebcbf7fb2b2b378b9b3b0afcccb6839a403b6' }, "Insira o PIN de 4 d\u00EDgitos enviado por SMS."), h("div", { key: 'ebf9c9aaea23c88e4bd3a09897bef8545bd4b74f', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) }))))), h("div", { key: 'bcf8955d5b946959e5500aecf7b1e3eb582cd41a', class: "footer-button" }, h("button", { key: 'a542d17e8d462400711be2a49a509c37811e962e', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: '7f134440710b8f21f21665e880ec8094babf2a6b', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePin() }, !this.loading ? "Enviar" : h("loading-spinner", { size: "15px", color: "#fff" })))));
+        return (h("div", { key: 'a05b02c21780511f6b8c2549ed01feaf93796808', class: "form-container-pin" }, h("div", { key: 'a88cbf3a59166a12a4c72b5b00c97d30b8f6c644' }, h("p", { key: '4be53967640d06b7eb7182545c7fd6504a0c41a7' }, "Insira o PIN de 4 d\u00EDgitos enviado por SMS."), h("div", { key: '0c73ed59159223f148d5c39f3c1e23ea315c42ef', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) }))))), h("div", { key: 'bcb35393b6548ebd632f3b46ebbde0da7495be8d', class: "footer-button" }, h("button", { key: '02d9b01e3b88574f720456949ecbb688ea56e0ed', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: '76e9dd429d8a6a6408c67346ae516fe2d9eea392', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePin() }, !this.loading ? "Enviar" : h("loading-spinner", { size: "15px", color: "#fff" })))));
     }
     static get style() { return GiftbackPinStyle0; }
 }, [1, "giftback-pin", {
@@ -70,4 +70,4 @@ defineCustomElement();
 
 export { GiftbackPin as G, defineCustomElement as d };
 
-//# sourceMappingURL=p-dc1871cf.js.map
+//# sourceMappingURL=p-6ff4aa18.js.map

package/dist/components/p-6ff4aa18.js.map

@@ -0,0 +1 @@
+{"file":"p-6ff4aa18.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,4sBAA4sB,CAAC;AACpuB,0BAAe,cAAc;;MCOhB,WAAW;;;;;;;;mBAMK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;0BACV,KAAK;uBAET,KAAK;;IAEhC,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,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,8DACI,8GAAiD,EACjD,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,CACJ,EAEN,4DAAK,KAAK,EAAC,eAAe,IACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EACT,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAE7G,CAAC,IAAI,CAAC,OAAO,GAAG,QAAQ,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEtE,CACP,CAGJ,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.css?tag=giftback-pin&encapsulation=shadow","src/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.tsx"],"sourcesContent":[":host {\r\n    display: block;\r\n}\r\n\r\n.form-container-pin {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.pin-container {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin: 26px 0;\r\n}\r\n\r\ninput {\r\n    width: 58px;\r\n    height: 40px;\r\n    /* font-size: 18px; */\r\n    text-align: center;\r\n    border: 1px solid #ccc;\r\n    border-radius: 5px;\r\n}\r\n\r\nbutton {\r\n    padding: 10px 20px;\r\n    /* background-color: #ddd; */\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.success {\r\n    color: green;\r\n    margin-top: 10px;\r\n}\r\n\r\n.button {\r\n    top: 50%;\r\n    background-color: #6c6c7e;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 15px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 20px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.button-cancel {\r\n    top: 50%;\r\n    background-color: #ffffff;\r\n    color: #1e1c1c;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.footer-button {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n}","import { Component, h, Prop, State } from '@stencil/core';\r\nimport { IPinSent } from '../../../../dto/pin.sent';\r\n\r\n@Component({\r\n    tag: 'giftback-pin',\r\n    styleUrl: 'giftback-pin.css',\r\n    shadow: true,\r\n})\r\nexport class GiftbackPin {\r\n\r\n    @Prop() sent: IPinSent;\r\n    @Prop() validate: (pin: string) => void;\r\n    @Prop() cancel: () => void;\r\n\r\n    @State() pin: string[] = ['', '', '', ''];\r\n    @State() isVerified: boolean = false;\r\n\r\n    @Prop() loading: boolean = false;\r\n\r\n    handleInput(event: Event, index: number) {\r\n        const input = event.target as HTMLInputElement;\r\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\r\n        this.pin[index] = value;\r\n\r\n        // Focar no próximo campo, se possível\r\n        if (value && index < this.pin.length - 1) {\r\n            const nextInput = input.nextElementSibling as HTMLInputElement;\r\n            nextInput?.focus();\r\n        }\r\n\r\n        this.pin = [...this.pin];\r\n    }\r\n\r\n    validatePin() {\r\n        this.validate(this.pin.join(\"\"))\r\n    }\r\n\r\n    verifyPin() {\r\n        const pinCode = this.pin.join('');\r\n        if (pinCode === '9999') {\r\n            this.isVerified = true;\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"form-container-pin\">\r\n                <div >\r\n                    <p>Insira o PIN de 4 dígitos enviado por SMS.</p>\r\n                    <div class=\"pin-container\">\r\n                        {this.pin.map((_, index) => (\r\n                            <input\r\n                                type=\"text\"\r\n                                maxLength={1}\r\n                                value={this.pin[index]}\r\n                                onInput={(event) => this.handleInput(event, index)}\r\n                            />\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"footer-button\">\r\n                    <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\r\n                        Cancelar\r\n                    </button>\r\n                    <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePin()}>\r\n                        {\r\n                            !this.loading ? \"Enviar\" : <loading-spinner size=\"15px\" color=\"#fff\" />\r\n                        }\r\n                    </button>\r\n                </div>\r\n                {/* <button onClick={() => this.verifyPin()}>Enviar</button>\r\n                {this.isVerified && <p class=\"success\">Código verificado com sucesso!</p>} */}\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"],"version":3}

package/dist/components/{p-4ac2b98e.js → p-86dfe7ca.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
 import { i as instance } from './p-c53241bf.js';
-import { d as defineCustomElement$3 } from './p-86b95c83.js';
-import { d as defineCustomElement$2 } from './p-39cc3ce4.js';
-import { d as defineCustomElement$1 } from './p-e25a1b64.js';
+import { d as defineCustomElement$3 } from './p-eb1f4328.js';
+import { d as defineCustomElement$2 } from './p-b86c93cc.js';
+import { d as defineCustomElement$1 } from './p-e31b6c28.js';
 
 const pinFormCss = ":host{display:block}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}.pin-container input{width:100%;height:48px;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;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;cursor:pointer}.crm-description{width:100%;display:flex;gap:9px;flex-wrap:wrap}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";
 const PinFormStyle0 = pinFormCss;
@@ -72,7 +72,7 @@ const GiftbackPin = /*@__PURE__*/ proxyCustomElement(class GiftbackPin extends H
     }
     render() {
         var _a;
-        return (h("div", { key: '190042377a7f0e1837bf3680e7447b819fe62ddb', class: "crm-phone-form" }, h("label", { key: '6e4deaad2d2b0d840bdae8b00d33e27e21e61f2c', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: 'cb8942dd64dfa53f3d4d0b4f8005b683cf7e0414' }, "+55 ", this.phone)), h("div", { key: 'af31bb510091bc25346ede3cd4084c5e51648917', 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: 'cbb6201f65b6a30e897697d11eb28cb4f90f580d' }), h("p", { key: '2ee78c98d57a66ef1f50c4f5ae0c7967f322a9d5', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: 'd3699dd40e2c1a3ba25c2af5f47965e1a8b00b4c' }, " Reenviar em", h("countdown-timer", { key: '0f8c0f6881aa4a45266eb8c873920a95fbd888fd', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '5bb4dfb686db4ef67e5fb49140f7c4e0a4c26b9a' }, h("a", { key: 'fae2ffb3f1b2c618316471a198a8492df04ab07e', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: '8ad3ce7f8a29398f7c5b4f2ff5373e48ede49070', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '367ddb80c24e0282db737dfac6621b8091bcb67e', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
+        return (h("div", { key: '6a62eca90116a8f120ed997e8db8ede58f2f0521', class: "crm-phone-form" }, h("label", { key: '163b391876b598e8a170196f3c53a77c38f67d91', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: '3d0e5616b335c5c1a122b18ab54fd275f0eb1cbf' }, "+55 ", this.phone)), h("div", { key: '09fb7e7f22c6e54d6e01e91398c14f94aa40606a', 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: '4375d20d7d691e2e439dfe25a3df00aeb73a7d2a' }), h("p", { key: '53b3e46d111809d87436a7a593a91ea9aafd46d0', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: 'bc71ebe6c29f831123e12ba7dff408be93465101' }, " Reenviar em", h("countdown-timer", { key: 'd7e831b7deb76172c7064eee7ad1c407a5f492d7', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '33d6c68c2959820053bb670df0d3be40484be5d6' }, h("a", { key: '28de82c465773793dd291ee92f3ed39a62ac3cb4', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: '0883846b1a87fc0a73233c92b4da7698d7df7fbd', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '8749dba1ff171c83830646007d7f5823a7c33c1f', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
     }
     static get style() { return PinFormStyle0 + PinFormStyle1; }
 }, [1, "pin-form", {
@@ -119,4 +119,4 @@ defineCustomElement();
 
 export { GiftbackPin as G, defineCustomElement as d };
 
-//# sourceMappingURL=p-4ac2b98e.js.map
+//# sourceMappingURL=p-86dfe7ca.js.map

package/dist/components/p-86dfe7ca.js.map

@@ -0,0 +1 @@
+{"file":"p-86dfe7ca.js","mappings":"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","names":["i18next"],"sources":["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":[":host {\r\n    display: block;\r\n}\r\n\r\n.form-container-pin {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.pin-container {\r\n    display: flex;\r\n    /* margin: 26px 0; */\r\n    justify-content: start;\r\n    gap: 10px;\r\n}\r\n\r\n.pin-container input {\r\n    width: 100%;\r\n    height: 48px;\r\n    /* font-size: 14px; */\r\n    text-align: center;\r\n    border: 1px solid #ccc;\r\n    border-radius: 5px;\r\n}\r\n\r\nbutton {\r\n    padding: 10px 20px;\r\n    background-color: #ddd;\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.success {\r\n    color: green;\r\n    margin-top: 10px;\r\n}\r\n\r\n.button {\r\n    top: 50%;\r\n    background-color: #6c6c7e;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 15px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 20px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.button-cancel {\r\n    top: 50%;\r\n    background-color: #ffffff;\r\n    color: #1e1c1c;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.crm-description {\r\n    /* font-size: 14px; */\r\n    width: 100%;\r\n    display: flex;\r\n    gap: 9px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.crm-description a {\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    text-decoration: underline;\r\n}\r\n\r\n.crm-description div {\r\n    display: flex;\r\n    gap: 5px;\r\n}","* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n:host {\r\n    --crmfont-sizebodymd: 14px;\r\n    --crmline-heightbodymd: 20px;\r\n    --crmletter-spacingtitle-md: 0px\r\n}\r\n\r\n.container-message {\r\n    /* font-size: var(--crmfont-sizebodymd); */\r\n    font-weight: 400;\r\n    line-height: var(--crmline-heightbodymd);\r\n    letter-spacing: var(--crmletter-spacingtitle-md);\r\n    text-align: left;\r\n    text-underline-position: from-font;\r\n    text-decoration-skip-ink: none;\r\n}\r\n\r\n.crm-container-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-around;\r\n    height: auto;\r\n    padding: 20px 24px 20px 24px;\r\n    border: 1px solid #CCCC;\r\n    writing-mode: horizontal-tb;\r\n    gap: 16px;\r\n    border-top: 1px solid #ccc !important;\r\n    border-bottom: 1px solid #ccc !important;\r\n}\r\n\r\n/* .fbits-responsive-carrinho-desconto {\r\n    overflow: hidden;\r\n    border: 1px solid #ccc;\r\n    border-top: 0;\r\n    border-bottom: 0;\r\n} */\r\n\r\n.crm-phone-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    /* justify-content: space-around; */\r\n    gap: 16px;\r\n}\r\n\r\n.crm-subtitle {\r\n    /* font-size: 14px; */\r\n    font-size: .875rem;\r\n    line-height: 1.25rem;\r\n    \r\n}\r\n\r\n.crm-title {\r\n    font-weight: 700;\r\n    line-height: 20px;\r\n    color: #262626;\r\n    /* font-size: 16px; */\r\n}\r\n\r\n.crm-message-info {\r\n    color: #619013;\r\n    font-weight: 500;\r\n    /* font-size: 12px; */\r\n}\r\n\r\n.crm-message-error {\r\n    color: #E11D48;\r\n    font-weight: 500;\r\n    /* font-size: 12px; */\r\n}","import { Component, h, Prop, State } from '@stencil/core';\r\nimport { IPinSent } from '../../../../dto/pin.sent';\r\nimport i18next from '../../../../i18n/i18n'\r\nimport { IInfoStore } from '../../../../helpers/info.config.helper';\r\n\r\n@Component({\r\n    tag: 'pin-form',\r\n    styleUrls: ['pin-form.css', '../../giftback-form.css'],\r\n    shadow: true,\r\n})\r\nexport class GiftbackPin {\r\n\r\n    @Prop() validate: (pin: string) => void;\r\n    @Prop() cancel: () => void;\r\n    @Prop() resend: () => void;\r\n\r\n    @Prop() sent: IPinSent;\r\n    @Prop() loading: boolean = false;\r\n    @Prop() phone: string;\r\n    @Prop() config: IInfoStore;\r\n\r\n    @State() pin: string[] = ['', '', '', ''];\r\n    @State() isVerified: boolean = false;\r\n    @State() canResend: boolean = false;\r\n\r\n    componentWillLoad() {\r\n        this.canResend = false;\r\n    }\r\n\r\n    handleInput(event: Event, index: number) {\r\n        const input = event.target as HTMLInputElement;\r\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\r\n        this.pin[index] = value;\r\n\r\n        // Focar no próximo campo, se possível\r\n        if (value && index < this.pin.length - 1) {\r\n            const nextInput = input.nextElementSibling as HTMLInputElement;\r\n            nextInput?.focus();\r\n        }\r\n\r\n        this.pin = [...this.pin];\r\n    }\r\n\r\n    validatePin() {\r\n        localStorage.removeItem(\"bc:resend\")\r\n        this.validate(this.pin.join(\"\"))\r\n    }\r\n\r\n    verifyPin() {\r\n        const pinCode = this.pin.join('');\r\n        if (pinCode === '9999') {\r\n            this.isVerified = true;\r\n        }\r\n    }\r\n\r\n    handleTimeout() {\r\n        localStorage.removeItem(\"bc:resend\")\r\n        this.canResend = true;\r\n    }\r\n\r\n    async handleResend() {\r\n        await this.resend();\r\n\r\n        this.canResend = false;\r\n        this.pin = ['', '', '', ''];\r\n        localStorage.removeItem(\"bc:resend\")\r\n    }\r\n\r\n    buildTime() {\r\n        const resendDate = localStorage.getItem(\"bc:resend\");\r\n\r\n        if(resendDate) {\r\n            return resendDate;\r\n        }\r\n\r\n        const date = new Date();\r\n        date.setSeconds(date.getSeconds() + 30);\r\n        localStorage.setItem(\"bc:resend\", date.toString());\r\n\r\n        return date.toString();\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"crm-phone-form\">\r\n                <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\r\n                <div class=\"pin-container\">\r\n                    {this.pin.map((_, index) => (\r\n                        <input\r\n                            type=\"text\"\r\n                            maxLength={1}\r\n                            value={this.pin[index]}\r\n                            onInput={(event) => this.handleInput(event, index)}\r\n                        />\r\n                    ))}\r\n                </div>\r\n\r\n                <slot></slot>\r\n\r\n                <p class=\"crm-description\"> Não recebeu?\r\n                    {\r\n                        !this.canResend && <label> Reenviar em \r\n                            <countdown-timer minutos={0} segundos={30} dataCriacao={this.buildTime()} downtime={() => this.handleTimeout()} /> </label>\r\n                    }\r\n                    {\r\n                        this.canResend && (\r\n                            <div >\r\n                                <a onClick={() => this.handleResend()}>Reenviar</a>\r\n                                <a onClick={() => this.cancel()}>Trocar número</a>\r\n                            </div>\r\n                        )\r\n                    }\r\n                </p>\r\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\r\n            </div >\r\n        );\r\n    }\r\n}\r\n"],"version":3}

package/dist/components/{p-a70a82a3.js → p-8c9686ed.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
 
 const infoCircleSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNy43NUMxMi40MTQyIDE3Ljc1IDEyLjc1IDE3LjQxNDIgMTIuNzUgMTdWMTFDMTIuNzUgMTAuNTg1OCAxMi40MTQyIDEwLjI1IDEyIDEwLjI1QzExLjU4NTggMTAuMjUgMTEuMjUgMTAuNTg1OCAxMS4yNSAxMVYxN0MxMS4yNSAxNy40MTQyIDExLjU4NTggMTcuNzUgMTIgMTcuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8cGF0aCBkPSJNMTIgN0MxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4QzEzIDguNTUyMjggMTIuNTUyMyA5IDEyIDlDMTEuNDQ3NyA5IDExIDguNTUyMjggMTEgOEMxMSA3LjQ0NzcyIDExLjQ0NzcgNyAxMiA3WiIgZmlsbD0iIzFDMjc0QyIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTIgMi43NUM2Ljg5MTM3IDIuNzUgMi43NSA2Ljg5MTM3IDIuNzUgMTJDMi43NSAxNy4xMDg2IDYuODkxMzcgMjEuMjUgMTIgMjEuMjVDMTcuMTA4NiAyMS4yNSAyMS4yNSAxNy4xMDg2IDIxLjI1IDEyQzIxLjI1IDYuODkxMzcgMTcuMTA4NiAyLjc1IDEyIDIuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8L3N2Zz4=';
 
-const crmTooltipCss = ".crm-tooltip-container {\n    display: flex;\n\n    & img {\n        width: 16px;\n        margin-left: 3px;\n        position: relative;\n    }\n}\n\n.crm-tooltip {\n    position: relative;\n    display: inline-block;\n}\n\n.crm-tooltip .tooltiptext {\n    visibility: hidden;\n    background-color: black;\n    color: #fff;\n    text-align: center;\n    padding: 8px 12px;\n    border-radius: 0px;\n    position: absolute;\n    z-index: 1;\n    min-width: 271px;\n    top: 100%;\n    left: 50%;\n    margin-left: -238px;\n}\n\n@container (max-width: 410px) {\n    .crm-tooltip .tooltiptext {\n        margin-left: -14px;\n    }\n\n    .crm-tooltip #crm-role-description {\n        margin-left: -151px;\n    }\n}\n\n@container (max-width: 250px) {\n    .crm-tooltip .tooltiptext {\n        margin-left: -201px;\n    }\n}\n\n.crm-tooltip:hover .tooltiptext {\n    visibility: visible;\n}";
+const crmTooltipCss = ".crm-tooltip-container {\r\n    display: flex;\r\n\r\n    & img {\r\n        width: 16px;\r\n        margin-left: 3px;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n.crm-tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.crm-tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    background-color: black;\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 8px 12px;\r\n    border-radius: 0px;\r\n    position: absolute;\r\n    z-index: 1;\r\n    min-width: 271px;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -238px;\r\n}\r\n\r\n@container (max-width: 410px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -14px;\r\n    }\r\n\r\n    .crm-tooltip #crm-role-description {\r\n        margin-left: -151px;\r\n    }\r\n}\r\n\r\n@container (max-width: 250px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -201px;\r\n    }\r\n}\r\n\r\n.crm-tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n}";
 const CrmTooltipStyle0 = crmTooltipCss;
 
 const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
@@ -13,7 +13,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         this.identity = undefined;
     }
     render() {
-        return (h("div", { key: 'e5adedc85f8db34ef347ee41b804f97e254b1692', class: "crm-tooltip-container crm-tooltip" }, h("img", { key: '76bd6d6aa860c81ba748cd92d1ee42de48140b56', src: infoCircleSvgrepoComSvg }), h("span", { key: 'ca2ce50e7ba71165c244de210200275eb705bf9c', id: this.identity, class: "tooltiptext" }, this.text)));
+        return (h("div", { key: 'a7cd8299397c2efe618bfada43a6c6dc7ba7d016', class: "crm-tooltip-container crm-tooltip" }, h("img", { key: '053e069c05c12fa1f9af68e49e67b4f38ce63671', src: infoCircleSvgrepoComSvg }), h("span", { key: '3be415d01107f3250720a0c4fb13ba2cde5d4585', id: this.identity, class: "tooltiptext" }, this.text)));
     }
     static get style() { return CrmTooltipStyle0; }
 }, [0, "crm-tooltip", {
@@ -37,4 +37,4 @@ defineCustomElement();
 
 export { Tooltip as T, defineCustomElement as d };
 
-//# sourceMappingURL=p-a70a82a3.js.map
+//# sourceMappingURL=p-8c9686ed.js.map

package/dist/components/p-8c9686ed.js.map

@@ -0,0 +1 @@
+{"file":"p-8c9686ed.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,wvCAAwvC;;ACAxxC,MAAM,aAAa,GAAG,y9BAAy9B,CAAC;AACh/B,yBAAe,aAAa;;MCOf,OAAO;;;;;;;IAKhB,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,mCAAmC,IAC1C,4DAAK,GAAG,EAAEA,uBAAI,GAAI,EAClB,6DAAM,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ,CAC7D,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;;","names":["info"],"sources":["src/assets/svg/info-circle-svgrepo-com.svg","src/components/tooltip/crm-tooltip.css?tag=crm-tooltip","src/components/tooltip/tooltip.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\r\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V17C11.25 17.4142 11.5858 17.75 12 17.75Z\" fill=\"#1C274C\"/>\r\n<path d=\"M12 7C12.5523 7 13 7.44772 13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7Z\" fill=\"#1C274C\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75Z\" fill=\"#1C274C\"/>\r\n</svg>",".crm-tooltip-container {\r\n    display: flex;\r\n\r\n    & img {\r\n        width: 16px;\r\n        margin-left: 3px;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n.crm-tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.crm-tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    background-color: black;\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 8px 12px;\r\n    border-radius: 0px;\r\n    position: absolute;\r\n    z-index: 1;\r\n    min-width: 271px;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -238px;\r\n}\r\n\r\n@container (max-width: 410px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -14px;\r\n    }\r\n\r\n    .crm-tooltip #crm-role-description {\r\n        margin-left: -151px;\r\n    }\r\n}\r\n\r\n@container (max-width: 250px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -201px;\r\n    }\r\n}\r\n\r\n.crm-tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n}","import { Component, h, Prop } from \"@stencil/core\";\r\nimport info from '../../assets/svg/info-circle-svgrepo-com.svg';\r\n\r\n\r\n@Component({\r\n    tag: 'crm-tooltip',\r\n    styleUrl: 'crm-tooltip.css'\r\n})\r\nexport class Tooltip {\r\n\r\n    @Prop() text: string;\r\n    @Prop() identity: string;\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"crm-tooltip-container crm-tooltip\">\r\n                <img src={info} />\r\n                <span id={this.identity} class=\"tooltiptext\">{this.text}</span>\r\n            </div>\r\n        );\r\n    }\r\n}"],"version":3}

package/dist/components/{p-e81cd527.js → p-8e6146ae.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
-import { d as defineCustomElement$1 } from './p-e25a1b64.js';
+import { d as defineCustomElement$1 } from './p-e31b6c28.js';
 
 const nameInputCss = ".bc-form-control{display:block;width:90%;height:24px;padding:7px 18px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.bc-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.bc-btn-process{background:#00162e;border-color:#00162e;width:30%;color:#fff}.bc-footer-btn{display:flex;justify-content:end;margin:11px}.name-container{font-weight:bold;color:#494545}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#bbb}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:11px;min-width:120px;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;cursor:pointer}.footer-button{display:flex;justify-content:space-between;width:97%;margin-top:14px}";
 const NameInputStyle0 = nameInputCss;
@@ -27,7 +27,7 @@ const NameInput = /*@__PURE__*/ proxyCustomElement(class NameInput extends H {
         this.applyName(name);
     }
     render() {
-        return (h("div", { key: 'e7340de629d6b39389a55b1b93e85ff9481fe635', class: "name-container" }, h("p", { key: '1b8306842614d144b9776956053828f23adfa3ab' }, "Seu Nome:"), h("input", { key: 'eb92740ed0fc8f56f4dc2d6af0fc47c083bb1368', class: "bc-form-control", type: "text", value: this.value, onChange: (event) => this.handleChangeName(event) }), h("p", { key: 'c184767bc91444cb357e3103a909186fa8223d56' }, this.message), h("div", { key: '80b817a03faa730519ddd3d1e61a227ead8a90cf', class: "footer-button" }, h("button", { key: '4863eed4addae2d3dee9ee415e8797cabf7b054c', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: 'b50b5919b0db45d13abc7d968baba4e8616e9ed5', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleSetName(this.newValue) }, !this.loading ? "Continua" : h("loading-spinner", { size: "15px", color: "#fff" })))));
+        return (h("div", { key: '5cbd25af143ea45b2358effb448d920d9a9abfb4', class: "name-container" }, h("p", { key: 'e277b2345070c4eb6614f45aa8730fd4332938de' }, "Seu Nome:"), h("input", { key: 'b8b1dcf61f07a7a28491288aae58374c2a15bd5a', class: "bc-form-control", type: "text", value: this.value, onChange: (event) => this.handleChangeName(event) }), h("p", { key: '657756c09c431d649fc72a06b50591687c8753d2' }, this.message), h("div", { key: 'c2b13c2f44925723fd271709b125d785d46b34a3', class: "footer-button" }, h("button", { key: 'e58913207a82be6469adf58a337e9cd15914f623', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: '816ef162682b36801651148c380f13c69221f830', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleSetName(this.newValue) }, !this.loading ? "Continua" : h("loading-spinner", { size: "15px", color: "#fff" })))));
     }
     static get style() { return NameInputStyle0; }
 }, [1, "name-input", {
@@ -60,4 +60,4 @@ defineCustomElement();
 
 export { NameInput as N, defineCustomElement as d };
 
-//# sourceMappingURL=p-e81cd527.js.map
+//# sourceMappingURL=p-8e6146ae.js.map

package/dist/components/p-8e6146ae.js.map

@@ -0,0 +1 @@
+{"file":"p-8e6146ae.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,4lDAA4lD,CAAC;AAClnD,wBAAe,YAAY;;MCMd,SAAS;;;;;;;;;;;;IAWlB,gBAAgB,CAAC,KAAU;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACtC;IAGD,aAAa,CAAC,IAAY;QACtB,IAAG,CAAC,IAAI,EAAE;YACN,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAClC,OAAM;SACT;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;KACxB;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,wEAAgB,EAChB,8DAAO,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAI,EAEnH,4DAAK,IAAI,CAAC,OAAO,CAAM,EAMvB,4DAAK,KAAK,EAAC,eAAe,IACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EACT,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAE5H,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/_crm-bonus-form/subcomponents/name-input/name-input.css?tag=name-input&encapsulation=shadow","src/components/_crm-bonus-form/subcomponents/name-input/name-input.tsx"],"sourcesContent":[".bc-form-control {\r\n    display: block;\r\n    width: 90%;\r\n    height: 24px;\r\n    padding: 7px 18px;\r\n    /* font-size: 14px; */\r\n    line-height: 1.42857143;\r\n    color: #555;\r\n    background-color: #fff;\r\n    background-image: none;\r\n    border: 1px solid #ccc;\r\n    border-radius: 0px;\r\n    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\r\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\r\n    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\r\n    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r\n    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r\n}\r\n\r\n.bc-btn {\r\n    display: inline-block;\r\n    padding: 6px 12px;\r\n    margin-bottom: 0;\r\n    /* font-size: 14px; */\r\n    font-weight: 400;\r\n    line-height: 1.42857143;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    -ms-touch-action: manipulation;\r\n    touch-action: manipulation;\r\n    cursor: pointer;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    background-image: none;\r\n    border: 1px solid transparent;\r\n    border-radius: 0px;\r\n}\r\n\r\n.bc-btn-process {\r\n    background: #00162e;\r\n    border-color: #00162e;\r\n    width: 30%;\r\n    color: #fff;\r\n}\r\n\r\n.bc-footer-btn {\r\n    display: flex;\r\n    justify-content: end;\r\n    margin: 11px;\r\n}\r\n\r\n.name-container {\r\n    font-weight: bold;\r\n    color: #494545;\r\n}\r\n\r\n\r\nbutton {\r\n    padding: 10px 20px;\r\n    background-color: #ddd;\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\nbutton:hover {\r\n    background-color: #bbb;\r\n}\r\n\r\n.success {\r\n    color: green;\r\n    margin-top: 10px;\r\n}\r\n\r\n.button {\r\n    top: 50%;\r\n    background-color: #6c6c7e;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 11px;\r\n    min-width: 120px;\r\n    /* font-size: 20px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.button-cancel {\r\n    top: 50%;\r\n    background-color: #ffffff;\r\n    color: #1e1c1c;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.footer-button {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 97%;\r\n    margin-top: 14px;\r\n}","import { Component, Prop, State, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'name-input',\r\n    styleUrl: 'name-input.css',\r\n    shadow: true\r\n})\r\nexport class NameInput {\r\n\r\n    @Prop() value: string;\r\n\r\n    @Prop() loading: boolean;\r\n    @Prop() applyName: (value: string) => void;\r\n    @Prop() cancel: () => void;\r\n    \r\n    @State() newValue: string;\r\n    @State() message: string;\r\n\r\n    handleChangeName(event: any) {\r\n        this.newValue = event.target.value;\r\n    }\r\n\r\n\r\n    handleSetName(name: string) {\r\n        if(!name) {\r\n            this.message = \"Informe seu nome\";\r\n            return\r\n        }\r\n\r\n        this.applyName(name);\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"name-container\">\r\n                <p>Seu Nome:</p>\r\n                <input class=\"bc-form-control\" type=\"text\" value={this.value} onChange={(event) => this.handleChangeName(event)} />\r\n\r\n                <p>{ this.message }</p>\r\n\r\n                {/* <div class=\"bc-footer-btn\">\r\n                    <button class=\"bc-btn bc-btn-process\" onClick={() => this.applyName(this.newValue)} >Prosseguir</button>\r\n                </div> */}\r\n\r\n                <div class=\"footer-button\">\r\n                    <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\r\n                        Cancelar\r\n                    </button>\r\n                    <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleSetName(this.newValue)}>\r\n                        {\r\n                            !this.loading ? \"Continua\" : <loading-spinner size=\"15px\" color=\"#fff\" />\r\n                        }\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"],"version":3}

package/dist/components/{p-ec317fb9.js → p-983941ec.js}

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
-import { C as CrmBonusService, g as getKeyReserveByCartId, U as USED_KEY } from './p-a428d5df.js';
+import { C as CrmBonusService, g as getKeyReserveByCartId, U as USED_KEY } from './p-6b783d44.js';
 import { S as StepFormEnum } from './p-ecc51430.js';
 import { g as getInfoCustomization } from './p-1b441909.js';
 import { i as instance } from './p-c53241bf.js';
-import { p as persisteMetadata } from './p-9ca28ea7.js';
-import { d as defineCustomElement$8 } from './p-86b95c83.js';
-import { d as defineCustomElement$7 } from './p-39cc3ce4.js';
-import { d as defineCustomElement$6 } from './p-a70a82a3.js';
-import { d as defineCustomElement$5 } from './p-d8bd654a.js';
-import { d as defineCustomElement$4 } from './p-e25a1b64.js';
-import { d as defineCustomElement$3 } from './p-63ca9208.js';
-import { d as defineCustomElement$2 } from './p-5a7b0549.js';
-import { d as defineCustomElement$1 } from './p-4ac2b98e.js';
+import { p as persisteMetadata } from './p-239cdde1.js';
+import { d as defineCustomElement$8 } from './p-eb1f4328.js';
+import { d as defineCustomElement$7 } from './p-b86c93cc.js';
+import { d as defineCustomElement$6 } from './p-8c9686ed.js';
+import { d as defineCustomElement$5 } from './p-4734b509.js';
+import { d as defineCustomElement$4 } from './p-e31b6c28.js';
+import { d as defineCustomElement$3 } from './p-bf39a925.js';
+import { d as defineCustomElement$2 } from './p-0a4cc53e.js';
+import { d as defineCustomElement$1 } from './p-86dfe7ca.js';
 
 const giftbackFormCss = "*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{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:.875rem;line-height:1.25rem}.crm-title{font-weight:700;line-height:20px;color:#262626;}.crm-message-info{color:#619013;font-weight:500;}.crm-message-error{color:#E11D48;font-weight:500;}";
 const CrmGiftbackFormStyle0 = giftbackFormCss;
@@ -94,7 +94,8 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         return !bonus.hasBonus;
     }
     convertStringToNumber() {
-        const _phone = this.phone.replace(/\D/g, '');
+        var _a;
+        const _phone = (_a = this.phone) === null || _a === void 0 ? void 0 : _a.replace(/\D/g, '');
         return Number(_phone);
     }
     async sendPin() {
@@ -116,7 +117,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
                     userId: bonus.userId
                 };
                 await this.validateBonus("2018");
-                this.step = StepFormEnum.STEP_RESERVE;
+                // this.step = StepFormEnum.STEP_RESERVE;
             }
             else {
                 this.step = StepFormEnum.STEP_PIN;
@@ -135,7 +136,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         this.step = StepFormEnum.STEP_PHONE;
     }
     async validateBonus(pin) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         await this.loadProducts();
         const used_or_no = localStorage.getItem(USED_KEY);
         if (used_or_no == "dontUse") {
@@ -145,14 +146,17 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         this.loading = true;
         this.sucess = "";
         this.error = "";
+        const storeId = ((_a = this.pinInfo) === null || _a === void 0 ? void 0 : _a.storeId) || ((_c = (_b = this.reservedInfo) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.storeId);
+        const userId = ((_d = this.pinInfo) === null || _d === void 0 ? void 0 : _d.userId) || ((_f = (_e = this.reservedInfo) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.userId);
+        const cellphone = (_h = (_g = this.reservedInfo) === null || _g === void 0 ? void 0 : _g.metadata) === null || _h === void 0 ? void 0 : _h.cellphone;
         const payload = {
             pin: pin,
-            cellphone: this.convertStringToNumber(),
-            storeId: this.pinInfo.storeId.toString(),
-            userId: this.pinInfo.userId.toString(),
+            cellphone: cellphone || this.convertStringToNumber(),
+            storeId: storeId.toString(),
+            userId: userId.toString(),
             checkoutId: this.cartId,
             checkoutProducts: this.products,
-            name: (_a = this.customer) === null || _a === void 0 ? void 0 : _a.name,
+            name: (_j = this.customer) === null || _j === void 0 ? void 0 : _j.name,
             storeName: this.storeName
         };
         try {
@@ -168,14 +172,19 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
             localStorage.setItem(`bc:${this.phone}`, JSON.stringify(this.bonus));
             localStorage.setItem(USED_KEY, "use");
             localStorage.setItem(this.cartId, this.bonus.bonusBalance.toString());
-            await this.updateMetadata();
+            await this.updateMetadata({ storeId: Number(storeId), userId: Number(userId) }, payload.cellphone);
+            console.log('RESERVE', this.bonus);
             this.step = StepFormEnum.STEP_RESERVE;
         }
         catch (error) {
-            const _error = (_c = (_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.response;
+            const _error = (_l = (_k = error === null || error === void 0 ? void 0 : error.response) === null || _k === void 0 ? void 0 : _k.data) === null || _l === void 0 ? void 0 : _l.response;
+            const response = (_m = error === null || error === void 0 ? void 0 : error.response) === null || _m === void 0 ? void 0 : _m.data;
             if (_error && _error.includes("Pin")) {
                 this.error = "Código inválido!";
             }
+            else if ([403, 500].includes(response.statusCode)) {
+                this.error = "ocorreu um error, atualize a pagina e tente novamente!";
+            }
             else {
                 this.error = _error;
                 this.step = StepFormEnum.STEP_NO_BONUS;
@@ -185,18 +194,27 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
             this.loading = false;
         }
     }
-    async updateMetadata() {
+    async updateMetadata(pinInfo, cellphone) {
         try {
-            if (!this.reservedInfo.isBonusProcessed)
-                return;
             if (this.reservedInfo.isExpired()) {
                 console.log('[CRM:updateMetadata]');
                 await persisteMetadata(this.storeName, this.cartId, {
                     createdAt: Date.now(),
-                    url: window.location.href
+                    url: window.location.href,
+                    storeId: pinInfo.storeId,
+                    userId: pinInfo.userId,
+                    cellphone: cellphone,
                 });
                 localStorage.removeItem("bc:time");
             }
+            else {
+                await persisteMetadata(this.storeName, this.cartId, {
+                    url: window.location.href,
+                    storeId: pinInfo.storeId,
+                    userId: pinInfo.userId,
+                    cellphone: cellphone,
+                });
+            }
         }
         catch (error) {
             console.error('[CRMBONUS:updateMetadata]: ', error);
@@ -213,7 +231,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
             await this.crmBonusService.cancel(this.cartId);
             localStorage.setItem(USED_KEY, "dontUse");
             this.save(0);
-            await this.updateMetadata();
+            await this.updateMetadata({ storeId: null, userId: null }, null);
         }
         catch (error) {
             this.message = "Não consegui cancelar o bônus, tente novamente!";
@@ -254,11 +272,11 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
     }
     render() {
         console.log("cartId", this.cartId);
-        return (h("div", { key: '9bf7b12fff0d3a546ec65ad23a5d427f50f889b0', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, h("label", { key: '4f85edd446d41922947687f91de10eae6c575ac2', class: "crm-title" }, this.config.giftbackTitle), this.step === StepFormEnum.STEP_PHONE &&
-            h("phone-form", { key: '60bd8e8268061b113d8c07680276dcac8f2dc57f', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
-            h("pin-form", { key: '2cafec0da8d445eb9fddaff2a6bb03b62d956ab3', 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: '7a45765d3c7cf2009858b330ddaa4749de4238a6', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: '2c5fdc1a7c8737b69f0f6d2d253a114089c6be60', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
-            h("giftback-info", { key: '409d87bbbd48b510d18c2c85f99514a4a4a026f4', storeName: this.storeName, infoBonus: this.reservedInfo, config: this.config, loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: () => this.processBonus(), cartId: this.cartId }), this.step === StepFormEnum.STEP_NO_BONUS &&
-            (h("div", { key: '7d31c5b48add98eef78aee93d352067b4ca28302', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
+        return (h("div", { key: '7d536bc4c088789cba86b682358fb79183441806', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, h("label", { key: '96f870e70b231c0efb451ce91a4d9d4eda3b6156', class: "crm-title" }, this.config.giftbackTitle), this.error && (h("label", { key: 'ed44b0703c3eebb84f053bf980ef34b32b711d8f', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_PHONE &&
+            h("phone-form", { key: '373006fff2c0ccc203caddcf4b3af514e11a290e', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
+            h("pin-form", { key: '5e467f35f4cf43c3df17af96c06f9f36c8d53c41', 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: 'de98c0989befd47b91f5fd580b2393c9e2e855e5', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: 'dccb68bbded2aa937607988d05eef6b99d2e0094', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
+            h("giftback-info", { key: 'f745c62f620bd2fa134a6d408a13a8950535acf2', storeName: this.storeName, infoBonus: this.reservedInfo, config: this.config, loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: () => this.processBonus(), cartId: this.cartId }), this.step === StepFormEnum.STEP_NO_BONUS &&
+            (h("div", { key: 'e93a3f1049900d3512b14b7fe433d3e9b4ad8099', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
     }
     static get style() { return CrmGiftbackFormStyle0; }
 }, [0, "crm-giftback-form", {
@@ -341,4 +359,4 @@ defineCustomElement();
 
 export { CrmBonus as C, defineCustomElement as d };
 
-//# sourceMappingURL=p-ec317fb9.js.map
+//# sourceMappingURL=p-983941ec.js.map

package/dist/components/p-983941ec.js.map

@@ -0,0 +1 @@
+{"file":"p-983941ec.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":["* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n:host {\r\n    --crmfont-sizebodymd: 14px;\r\n    --crmline-heightbodymd: 20px;\r\n    --crmletter-spacingtitle-md: 0px\r\n}\r\n\r\n.container-message {\r\n    /* font-size: var(--crmfont-sizebodymd); */\r\n    font-weight: 400;\r\n    line-height: var(--crmline-heightbodymd);\r\n    letter-spacing: var(--crmletter-spacingtitle-md);\r\n    text-align: left;\r\n    text-underline-position: from-font;\r\n    text-decoration-skip-ink: none;\r\n}\r\n\r\n.crm-container-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-around;\r\n    height: auto;\r\n    padding: 20px 24px 20px 24px;\r\n    border: 1px solid #CCCC;\r\n    writing-mode: horizontal-tb;\r\n    gap: 16px;\r\n    border-top: 1px solid #ccc !important;\r\n    border-bottom: 1px solid #ccc !important;\r\n}\r\n\r\n/* .fbits-responsive-carrinho-desconto {\r\n    overflow: hidden;\r\n    border: 1px solid #ccc;\r\n    border-top: 0;\r\n    border-bottom: 0;\r\n} */\r\n\r\n.crm-phone-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    /* justify-content: space-around; */\r\n    gap: 16px;\r\n}\r\n\r\n.crm-subtitle {\r\n    /* font-size: 14px; */\r\n    font-size: .875rem;\r\n    line-height: 1.25rem;\r\n    \r\n}\r\n\r\n.crm-title {\r\n    font-weight: 700;\r\n    line-height: 20px;\r\n    color: #262626;\r\n    /* font-size: 16px; */\r\n}\r\n\r\n.crm-message-info {\r\n    color: #619013;\r\n    font-weight: 500;\r\n    /* font-size: 12px; */\r\n}\r\n\r\n.crm-message-error {\r\n    color: #E11D48;\r\n    font-weight: 500;\r\n    /* font-size: 12px; */\r\n}","import { Component, Method, Prop, State, h } from \"@stencil/core\";\r\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\r\nimport { StepFormEnum } from \"../../contants\";\r\nimport { IPinSent } from '../../dto/pin.sent'\r\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\r\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\r\n\r\nimport i18next from \"../../i18n/i18n\"\r\nimport { USED_KEY, getKeyReserveByCartId } from \"../../utils/keys.storage\";\r\nimport { persisteMetadata } from \"../../helpers/cart.helper\";\r\nimport { ReservedInfoDTO } from \"../../dto/reserved-info.dto\";\r\n\r\n@Component({\r\n  tag: 'crm-giftback-form',\r\n  styleUrl: 'giftback-form.css',\r\n  shadow: false\r\n})\r\nexport class CrmBonus {\r\n  // private phoneInputMask: HTMLPhoneFormElement;\r\n\r\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\r\n\r\n  @Prop({ attribute: 'storename' }) storeName;\r\n  @Prop() cartId;\r\n  @Prop() products: Array<IProduct>;\r\n  @Prop() customer: ICustomer;\r\n  @Prop() loadProducts: () => void;\r\n  @Prop() loadAll: () => void;\r\n\r\n  @Prop() customStyles;\r\n  @Prop() reservedInfo: ReservedInfoDTO;\r\n\r\n  @State() value: string;\r\n  @State() loading: boolean = false;\r\n  @State() message: string;\r\n  @State() phone: string;\r\n  @State() pinInfo: IPinSent;\r\n  @State() step: StepFormEnum = StepFormEnum.STEP_RESERVE;\r\n  @State() bonus: IBonus;\r\n\r\n  @State() sucess: string = \"\";\r\n  @State() error: string = \"\";\r\n  @State() config: IInfoStore;\r\n  @State() hasApplyBonus = false;\r\n\r\n  @Method()\r\n  async setStep(step: StepFormEnum) {\r\n    this.step = step\r\n  }\r\n\r\n  @Method()\r\n  async processBonus(products: IProduct[] = [], hasNewProduct = false) {\r\n    await this.loadProducts();\r\n    this.sucess = \"\";\r\n\r\n    console.log('processBonus', [])\r\n    if (hasNewProduct) {\r\n      this.products = products;\r\n    }\r\n\r\n    const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\r\n\r\n    if (_bonus) {\r\n\r\n      const bonus = JSON.parse(_bonus)\r\n\r\n      this.bonus = bonus;\r\n\r\n      this.phone = bonus.phone;\r\n      this.pinInfo = {\r\n        storeId: bonus.storeId,\r\n        userId: bonus.userId\r\n      }\r\n\r\n      \r\n\r\n      await this.validateBonus(\"2018\");\r\n      //this.step = StepFormEnum.STEP_RESERVE;\r\n\r\n    }\r\n  }\r\n\r\n  async handleSendPin(phone: string) {\r\n    await this.loadAll()\r\n    this.message = \"\"\r\n    if (!phone) {\r\n      this.message = \"Informe seu telefone\";\r\n      return;\r\n    }\r\n\r\n    this.phone = phone;\r\n\r\n    this.sendPin();\r\n  }\r\n\r\n  async componentWillLoad() {\r\n    this.sucess = \"\";\r\n    this.error = \"\"\r\n    this.config = getInfoCustomization(this.storeName);\r\n\r\n    const phoneAgain = this.getPhoneNumberAgain();\r\n\r\n    if (phoneAgain) {\r\n      this.step = StepFormEnum.STEP_PHONE;\r\n      return\r\n    }\r\n\r\n    await this.processBonus();\r\n\r\n  }\r\n\r\n  getPhoneNumberAgain() {\r\n    const consulta_bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\r\n\r\n    if (!consulta_bonus) return true;\r\n\r\n    const bonus = JSON.parse(consulta_bonus);\r\n\r\n    return !bonus.hasBonus;\r\n  }\r\n\r\n  private convertStringToNumber(): number {\r\n    const _phone = this.phone?.replace(/\\D/g, '');\r\n    return Number(_phone);\r\n  }\r\n\r\n  public async sendPin() {\r\n    this.loading = true;\r\n    this.message = \"\";\r\n    this.sucess = \"\";\r\n    this.error = \"\"\r\n\r\n    try {\r\n\r\n      const _phone = this.convertStringToNumber();\r\n      const pinInfoCache = localStorage.getItem(`bc:${this.phone}`);\r\n\r\n      if (!pinInfoCache) {\r\n        this.pinInfo = await this.crmBonusService.sendPin(_phone, this.customer?.name, this.storeName);\r\n      }\r\n\r\n      if (pinInfoCache) {\r\n\r\n        const bonus = JSON.parse(pinInfoCache);\r\n\r\n        this.pinInfo = {\r\n          storeId: bonus.storeId,\r\n          userId: bonus.userId\r\n        }\r\n\r\n        await this.validateBonus(\"2018\");\r\n        // this.step = StepFormEnum.STEP_RESERVE;\r\n      } else {\r\n        this.step = StepFormEnum.STEP_PIN;\r\n      }\r\n\r\n    } catch (error) {\r\n      this.message = error?.response?.data?.message\r\n    } finally {\r\n      this.loading = false\r\n    }\r\n  }\r\n\r\n  changePhone() {\r\n    this.sucess = \"\";\r\n    this.error = \"\"\r\n    this.step = StepFormEnum.STEP_PHONE;\r\n  }\r\n\r\n  public async validateBonus(pin: string) {\r\n\r\n    await this.loadProducts();\r\n\r\n    const used_or_no = localStorage.getItem(USED_KEY);\r\n\r\n    if (used_or_no == \"dontUse\") {\r\n      this.step = StepFormEnum.STEP_RESERVE;\r\n      return\r\n    }\r\n\r\n    this.loading = true;\r\n    this.sucess = \"\";\r\n    this.error = \"\";\r\n\r\n    const storeId = this.pinInfo?.storeId || this.reservedInfo?.metadata?.storeId;\r\n    const userId = this.pinInfo?.userId || this.reservedInfo?.metadata?.userId;\r\n    const cellphone = this.reservedInfo?.metadata?.cellphone;\r\n\r\n    const payload: IProccesPinBonusDto = {\r\n      pin: pin,\r\n      cellphone: cellphone || this.convertStringToNumber(),\r\n      storeId: storeId.toString(),\r\n      userId: userId.toString(),\r\n      checkoutId: this.cartId,\r\n      checkoutProducts: this.products,\r\n      name: this.customer?.name,\r\n      storeName: this.storeName\r\n    }\r\n\r\n    try {\r\n      this.bonus = await this.crmBonusService.validatePinBonus(payload);\r\n\r\n      if (!this.bonus.hasBonus) {\r\n\r\n        localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\r\n\r\n        this.loading = false;\r\n        this.step = StepFormEnum.STEP_NO_BONUS;\r\n        return\r\n      }\r\n\r\n      this.sucess = \"Código validado com sucesso!\";\r\n      localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\r\n      localStorage.setItem(`bc:${this.phone}`, JSON.stringify(this.bonus));\r\n\r\n      localStorage.setItem(USED_KEY, \"use\");\r\n      localStorage.setItem(this.cartId, this.bonus.bonusBalance.toString());\r\n\r\n      await this.updateMetadata({ storeId: Number(storeId), userId: Number(userId) }, payload.cellphone);\r\n\r\n      console.log('RESERVE', this.bonus)\r\n      this.step = StepFormEnum.STEP_RESERVE;\r\n\r\n    } catch (error) {\r\n      const _error: string = error?.response?.data?.response;\r\n      const response = error?.response?.data;\r\n\r\n      if (_error && _error.includes(\"Pin\")) {\r\n        this.error = \"Código inválido!\"\r\n      } else if ([403, 500].includes(response.statusCode)) {\r\n        this.error = \"ocorreu um error, atualize a pagina e tente novamente!\"\r\n      } else {\r\n        this.error = _error;\r\n        this.step = StepFormEnum.STEP_NO_BONUS;\r\n      }\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  private async updateMetadata(pinInfo: IPinSent, cellphone: number) {\r\n    try {\r\n      if (this.reservedInfo.isExpired()) {\r\n        console.log('[CRM:updateMetadata]')\r\n        await persisteMetadata(this.storeName, this.cartId, {\r\n          createdAt: Date.now(),\r\n          url: window.location.href,\r\n          storeId: pinInfo.storeId,\r\n          userId: pinInfo.userId,\r\n          cellphone: cellphone,\r\n        });\r\n\r\n        localStorage.removeItem(\"bc:time\");\r\n      } else {\r\n        await persisteMetadata(this.storeName, this.cartId, {\r\n          url: window.location.href,\r\n          storeId: pinInfo.storeId,\r\n          userId: pinInfo.userId,\r\n          cellphone: cellphone,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      console.error('[CRMBONUS:updateMetadata]: ', error);\r\n    }\r\n  }\r\n\r\n  public handleCancel() {\r\n    // this.step = StepFormEnum.STEP_PHONE;\r\n    this.cancel()\r\n  }\r\n\r\n  async cancel() {\r\n    this.message = \"\";\r\n    this.loading = true;\r\n    try {\r\n      await this.crmBonusService.cancel(this.cartId);\r\n\r\n      localStorage.setItem(USED_KEY, \"dontUse\");\r\n      this.save(0)\r\n      await this.updateMetadata({ storeId: null, userId: null }, null);\r\n    } catch (error) {\r\n      this.message = \"Não consegui cancelar o bônus, tente novamente!\"\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  public async reserveApply(amount: number) {\r\n    this.loading = true;\r\n    this.message = \"\";\r\n    try {\r\n      await this.reserve(amount);\r\n      this.save(amount);\r\n\r\n    } catch (error) {\r\n      this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\r\n\r\n      this.step = StepFormEnum.STEP_NO_BONUS;\r\n      localStorage.removeItem(this.cartId);\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  save(amount: number) {\r\n    localStorage.setItem(this.cartId, amount.toString());\r\n  }\r\n\r\n  public async reserve(amount: number) {\r\n\r\n    await this.crmBonusService.reserve({\r\n      redeemedBonus: amount,\r\n      cartId: this.cartId,\r\n      ticket: this.cartId,\r\n      grossValue: Number(this.bonus.totalValue),\r\n      storeName: this.storeName,\r\n      storeId: this.bonus.storeId.toString(),\r\n      userId: this.bonus.userId\r\n    });\r\n  }\r\n\r\n  render() {\r\n    console.log(\"cartId\", this.cartId)\r\n    return (\r\n      <div class=\"crm-container-form fbits-responsive-carrinho-desconto\" style={this.customStyles}  >\r\n\r\n        {/* <loading-container /> */}\r\n\r\n        <label class=\"crm-title\">{this.config.giftbackTitle}</label>\r\n\r\n        {\r\n          this.error && (<label class=\"crm-message-error\">{this.error}</label>)\r\n        }\r\n\r\n        {this.step === StepFormEnum.STEP_PHONE &&\r\n          <phone-form\r\n            value={this.customer.phone}\r\n            config={this.config}\r\n            loading={this.loading}\r\n            handlerSubmit={(phone) => this.handleSendPin(phone)}\r\n          />}\r\n        {\r\n          this.step === StepFormEnum.STEP_PIN &&\r\n          <pin-form\r\n            config={this.config}\r\n            phone={this.phone}\r\n            cancel={() => this.changePhone()}\r\n            resend={() => this.sendPin()}\r\n            validate={(data) => this.validateBonus(data)}\r\n            loading={this.loading}\r\n          >\r\n            {this.sucess && <p class=\"crm-message-info\">{this.sucess}</p>}\r\n            {this.error && <p class=\"crm-message-error\">{this.error}</p>}\r\n\r\n          </pin-form>\r\n        }\r\n\r\n        {\r\n          this.step === StepFormEnum.STEP_RESERVE &&\r\n          <giftback-info\r\n            storeName={this.storeName}\r\n            infoBonus={this.reservedInfo}\r\n            config={this.config}\r\n            loading={this.loading}\r\n            cancel={() => this.handleCancel()}\r\n            bonus={this.bonus}\r\n            reserve={() => this.processBonus()}\r\n            cartId={this.cartId}\r\n          />\r\n        }\r\n\r\n        {\r\n          this.step === StepFormEnum.STEP_NO_BONUS &&\r\n          (\r\n            <div class=\"container-message\">\r\n              {i18next.t(\"noGiftback\", { storename: this.config.giftbackTitle })}\r\n            </div>\r\n          )\r\n\r\n        }\r\n      </div>\r\n    )\r\n  }\r\n}"],"version":3}

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

@@ -1 +1 @@
-{"file":"p-af3ba015.js","mappings":"SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AACjF,CAAC;SAEe,WAAW,CAAC,iBAAyB;IAEnD,OAAO;QACL,iBAAiB,EAAE,iBAAiB,GAAG,CAAC,GAAG,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;QAClG,UAAU,GAAG,iBAAiB,GAAG,CAAC,CAAC;KACpC,CAAA;AACH,CAAC;SAEe,cAAc,CAAC,QAAgB;IAE7C,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEnC,IAAI,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE;QACrB,OAAO,EAAE,CAAA;KACV;IAED,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7C;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function defineLimit(remainingGiftback: number) {\n\n  return {\n    remainingGiftback: remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\"),\n    isComplete: (remainingGiftback < 0)\n  }\n}\n\nexport function formatDateToBr(dateTime: string) {\n\n  const [date] = dateTime.split(\" \");\n\n  if (date.length != 10) {\n    return \"\"\n  }\n\n  return date.split(\"-\").reverse().join(\"/\");\n}\n\n\n// Decodifica entidades HTML, se houver\nexport const decodeHtmlEntities = (str: string) => {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(str, 'text/html');\n\n  return doc.documentElement.textContent || str;\n};\n"],"version":3}
+{"file":"p-af3ba015.js","mappings":"SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AACjF,CAAC;SAEe,WAAW,CAAC,iBAAyB;IAEnD,OAAO;QACL,iBAAiB,EAAE,iBAAiB,GAAG,CAAC,GAAG,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;QAClG,UAAU,GAAG,iBAAiB,GAAG,CAAC,CAAC;KACpC,CAAA;AACH,CAAC;SAEe,cAAc,CAAC,QAAgB;IAE7C,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEnC,IAAI,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE;QACrB,OAAO,EAAE,CAAA;KACV;IAED,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7C;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n\r\nexport function defineLimit(remainingGiftback: number) {\r\n\r\n  return {\r\n    remainingGiftback: remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\"),\r\n    isComplete: (remainingGiftback < 0)\r\n  }\r\n}\r\n\r\nexport function formatDateToBr(dateTime: string) {\r\n\r\n  const [date] = dateTime.split(\" \");\r\n\r\n  if (date.length != 10) {\r\n    return \"\"\r\n  }\r\n\r\n  return date.split(\"-\").reverse().join(\"/\");\r\n}\r\n\r\n\r\n// Decodifica entidades HTML, se houver\r\nexport const decodeHtmlEntities = (str: string) => {\r\n  const parser = new DOMParser();\r\n  const doc = parser.parseFromString(str, 'text/html');\r\n\r\n  return doc.documentElement.textContent || str;\r\n};\r\n"],"version":3}

package/dist/components/{p-39cc3ce4.js → p-b86c93cc.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
-import { d as defineCustomElement$1 } from './p-e25a1b64.js';
+import { d as defineCustomElement$1 } from './p-e31b6c28.js';
 
 const crmButtonCss = "input,button{margin:0;padding:10px;}.crm-contaner-button{height:auto;width:auto}.crm-button{height:48px;width:100%;border:1px solid #000;padding:14px 20px;background-color:#000;color:#fff;line-height:20px;font-weight:500;cursor:pointer}";
 const CrmButtonStyle0 = crmButtonCss;
@@ -13,7 +13,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
         this.handleClick = undefined;
     }
     render() {
-        return (h("div", { key: '6fce890879cd807d0893166b22de304739e6dcd7', class: "crm-contaner-button" }, h("button", { key: '843f7745bf183fb7ad88e70a60f25ac462de4e84', class: "crm-button", onClick: () => this.handleClick() }, !this.loading ? this.txtBtn : h("loading-spinner", { size: "15px", color: "#fff" }))));
+        return (h("div", { key: '00732759335f3dedd853446aff46a18bfb05f6f5', class: "crm-contaner-button" }, h("button", { key: '9cdc1c8adfa2203fb0b4f4cb35f83bae779485a0', class: "crm-button", onClick: () => this.handleClick() }, !this.loading ? this.txtBtn : h("loading-spinner", { size: "15px", color: "#fff" }))));
     }
     static get style() { return CrmButtonStyle0; }
 }, [0, "crm-button", {
@@ -43,4 +43,4 @@ defineCustomElement();
 
 export { Button as B, defineCustomElement as d };
 
-//# sourceMappingURL=p-39cc3ce4.js.map
+//# sourceMappingURL=p-b86c93cc.js.map

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

@@ -0,0 +1 @@
+{"file":"p-b86c93cc.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,8OAA8O,CAAC;AACpQ,wBAAe,YAAY;;MCKd,MAAM;;;;;;;;IAOf,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,qBAAqB,IAC5B,+DAAQ,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAEpD,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEzE,CACP,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button/crm-button.css?tag=crm-button","src/components/button/index.tsx"],"sourcesContent":["input, button {\r\n    margin: 0;\r\n    padding: 10px; /* Ajuste o valor conforme necessário */\r\n}\r\n\r\n.crm-contaner-button {\r\n    height: auto;\r\n    width: auto;\r\n}\r\n\r\n.crm-button {\r\n    height: 48px;\r\n    width: 100%;\r\n    border: 1px solid #000;\r\n    padding: 14px 20px;\r\n    background-color: #000;\r\n    color: #fff;\r\n    /* font-size: 14px; */\r\n    line-height: 20px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n}","import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'crm-button',\r\n    styleUrl: 'crm-button.css'\r\n})\r\nexport class Button {\r\n\r\n    @Prop() txtBtn: string;\r\n    @Prop() loading: boolean;\r\n\r\n    @Prop() handleClick: () => void;\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"crm-contaner-button\">\r\n                <button class=\"crm-button\" onClick={() => this.handleClick()}>\r\n                    {\r\n                        !this.loading ? this.txtBtn : <loading-spinner size=\"15px\" color=\"#fff\" />\r\n                    }\r\n                </button>\r\n            </div>\r\n        )\r\n    }\r\n}"],"version":3}

package/dist/components/{p-63ca9208.js → p-bf39a925.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-9d950d25.js';
-import { d as defineCustomElement$3 } from './p-39cc3ce4.js';
-import { d as defineCustomElement$2 } from './p-e25a1b64.js';
-import { d as defineCustomElement$1 } from './p-5a7b0549.js';
+import { d as defineCustomElement$3 } from './p-b86c93cc.js';
+import { d as defineCustomElement$2 } from './p-e31b6c28.js';
+import { d as defineCustomElement$1 } from './p-0a4cc53e.js';
 
 const giftbackFormCss = "*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{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:.875rem;line-height:1.25rem}.crm-title{font-weight:700;line-height:20px;color:#262626;}.crm-message-info{color:#619013;font-weight:500;}.crm-message-error{color:#E11D48;font-weight:500;}";
 const PhoneFormStyle0 = giftbackFormCss;
@@ -21,7 +21,7 @@ const PhoneForm = /*@__PURE__*/ proxyCustomElement(class PhoneForm extends H {
     }
     render() {
         var _a;
-        return (h(Host, { key: '05b900838ae89b5ad7f3cc52aca24253636c19ef', class: "crm-phone-form" }, h("p", { key: '03779c38d3762c0d3a6b1f810086a5ece9b69614', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), h("phone-input-mask", { key: 'a3e1ec8445208627d6eb977dcf3fda068e3f7e1c', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '9148871287f30ff91aac845428f564ad79118bd7', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
+        return (h(Host, { key: '5f92b6c62da3cdf6de3c302488d81876fa52de1d', class: "crm-phone-form" }, h("p", { key: 'd5ea282e1945c55fb7212e7842e34aeab526248e', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), h("phone-input-mask", { key: '9584729c3396af7f3e70ef375174bfd33b9779d8', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '7cea0bc45f4e7967b8a0404a51d960ebd00334b9', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
     }
     static get style() { return PhoneFormStyle0; }
 }, [0, "phone-form", {
@@ -62,4 +62,4 @@ defineCustomElement();
 
 export { PhoneForm as P, defineCustomElement as d };
 
-//# sourceMappingURL=p-63ca9208.js.map
+//# sourceMappingURL=p-bf39a925.js.map

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

@@ -0,0 +1 @@
+{"file":"p-bf39a925.js","mappings":";;;;;AAAA,MAAM,eAAe,GAAG,k3BAAk3B,CAAC;AAC34B,wBAAe,eAAe;;MCOjB,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,0DAAG,KAAK,EAAC,cAAc,4FAAiF,EACxG,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/giftback-form/giftback-form.css?tag=phone-form","src/components/giftback-form/subcomponents/phone-form/phone-form.tsx"],"sourcesContent":["* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n:host {\r\n    --crmfont-sizebodymd: 14px;\r\n    --crmline-heightbodymd: 20px;\r\n    --crmletter-spacingtitle-md: 0px\r\n}\r\n\r\n.container-message {\r\n    /* font-size: var(--crmfont-sizebodymd); */\r\n    font-weight: 400;\r\n    line-height: var(--crmline-heightbodymd);\r\n    letter-spacing: var(--crmletter-spacingtitle-md);\r\n    text-align: left;\r\n    text-underline-position: from-font;\r\n    text-decoration-skip-ink: none;\r\n}\r\n\r\n.crm-container-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-around;\r\n    height: auto;\r\n    padding: 20px 24px 20px 24px;\r\n    border: 1px solid #CCCC;\r\n    writing-mode: horizontal-tb;\r\n    gap: 16px;\r\n    border-top: 1px solid #ccc !important;\r\n    border-bottom: 1px solid #ccc !important;\r\n}\r\n\r\n/* .fbits-responsive-carrinho-desconto {\r\n    overflow: hidden;\r\n    border: 1px solid #ccc;\r\n    border-top: 0;\r\n    border-bottom: 0;\r\n} */\r\n\r\n.crm-phone-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    /* justify-content: space-around; */\r\n    gap: 16px;\r\n}\r\n\r\n.crm-subtitle {\r\n    /* font-size: 14px; */\r\n    font-size: .875rem;\r\n    line-height: 1.25rem;\r\n    \r\n}\r\n\r\n.crm-title {\r\n    font-weight: 700;\r\n    line-height: 20px;\r\n    color: #262626;\r\n    /* font-size: 16px; */\r\n}\r\n\r\n.crm-message-info {\r\n    color: #619013;\r\n    font-weight: 500;\r\n    /* font-size: 12px; */\r\n}\r\n\r\n.crm-message-error {\r\n    color: #E11D48;\r\n    font-weight: 500;\r\n    /* font-size: 12px; */\r\n}","import { Component, Host, Prop, h } from \"@stencil/core\";\r\nimport { IInfoStore } from \"../../../../helpers/info.config.helper\";\r\n\r\n@Component({\r\n    tag: 'phone-form',\r\n    styleUrl: '../../giftback-form.css',\r\n    shadow: false\r\n})\r\nexport class PhoneForm {\r\n\r\n    private phoneInputMask: HTMLPhoneInputMaskElement;\r\n\r\n    @Prop() value: string;\r\n    @Prop() loading: boolean;\r\n    @Prop() handlerSubmit: (phone: string) => void;\r\n\r\n    @Prop() config: IInfoStore;\r\n\r\n\r\n    async handlePhone() {\r\n\r\n        const phone = await this.phoneInputMask.getPhone()\r\n\r\n        await this.handlerSubmit(phone);\r\n    }\r\n\r\n\r\n    render() {\r\n        return (\r\n            <Host class=\"crm-phone-form\">\r\n                <p class=\"crm-subtitle\" >Digite o seu celular para verificar se há desconto disponível nessa compra:</p>\r\n                <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\r\n\r\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.handlePhone() } />\r\n            </Host>\r\n        )\r\n    }\r\n}"],"version":3}