crmbonus-component-wake 2.1.34 → 2.1.36-homolog

package/dist/esm/crm-giftback-form.entry.js

@@ -1,278 +0,0 @@
-import { r as registerInstance, h } from './index-bdb70d5a.js';
-import { a as CrmBonusService, c as getKeyReserveByCartId, U as USED_KEY, p as persisteMetadata } from './cart.helper-4f1913ce.js';
-import { S as StepFormEnum, i as instance } from './i18n-7938fb86.js';
-import { g as getInfoCustomization } from './info.config.helper-7cad7a9c.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;
-
-const CrmBonus = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        // private phoneInputMask: HTMLPhoneFormElement;
-        this.crmBonusService = CrmBonusService.getInstance();
-        this.storeName = undefined;
-        this.cartId = undefined;
-        this.products = undefined;
-        this.customer = undefined;
-        this.loadProducts = undefined;
-        this.loadAll = undefined;
-        this.customStyles = undefined;
-        this.reservedInfo = undefined;
-        this.value = undefined;
-        this.loading = false;
-        this.message = undefined;
-        this.phone = undefined;
-        this.pinInfo = undefined;
-        this.step = StepFormEnum.STEP_RESERVE;
-        this.bonus = undefined;
-        this.sucess = "";
-        this.error = "";
-        this.config = undefined;
-        this.hasApplyBonus = false;
-        this.loadingAllComponent = false;
-    }
-    async setStep(step) {
-        this.step = step;
-    }
-    async processBonus(products = [], hasNewProduct = false) {
-        await this.loadProducts();
-        this.sucess = "";
-        console.log('processBonus', []);
-        if (hasNewProduct) {
-            this.products = products;
-        }
-        const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));
-        if (_bonus) {
-            const bonus = JSON.parse(_bonus);
-            this.bonus = bonus;
-            this.phone = bonus.phone;
-            this.pinInfo = {
-                storeId: bonus.storeId,
-                userId: bonus.userId
-            };
-            await this.validateBonus("2018");
-            //this.step = StepFormEnum.STEP_RESERVE;
-        }
-    }
-    async handleSendPin(phone) {
-        await this.loadAll();
-        this.message = "";
-        if (!phone) {
-            this.message = "Informe seu telefone";
-            return;
-        }
-        this.phone = phone;
-        this.sendPin();
-    }
-    async componentWillLoad() {
-        this.sucess = "";
-        this.error = "";
-        this.config = getInfoCustomization(this.storeName);
-        const phoneAgain = this.getPhoneNumberAgain();
-        if (phoneAgain) {
-            this.step = StepFormEnum.STEP_PHONE;
-            return;
-        }
-        await this.processBonus();
-    }
-    getPhoneNumberAgain() {
-        const consulta_bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));
-        if (!consulta_bonus)
-            return true;
-        const bonus = JSON.parse(consulta_bonus);
-        return !bonus.hasBonus;
-    }
-    convertStringToNumber() {
-        var _a;
-        const _phone = (_a = this.phone) === null || _a === void 0 ? void 0 : _a.replace(/\D/g, '');
-        return Number(_phone);
-    }
-    async sendPin() {
-        var _a, _b, _c;
-        this.loading = true;
-        this.message = "";
-        this.sucess = "";
-        this.error = "";
-        try {
-            const _phone = this.convertStringToNumber();
-            const pinInfoCache = localStorage.getItem(`bc:${this.phone}`);
-            if (!pinInfoCache) {
-                this.pinInfo = await this.crmBonusService.sendPin(_phone, (_a = this.customer) === null || _a === void 0 ? void 0 : _a.name, this.storeName);
-            }
-            if (pinInfoCache) {
-                const bonus = JSON.parse(pinInfoCache);
-                this.pinInfo = {
-                    storeId: bonus.storeId,
-                    userId: bonus.userId
-                };
-                await this.validateBonus("2018");
-                // this.step = StepFormEnum.STEP_RESERVE;
-            }
-            else {
-                this.step = StepFormEnum.STEP_PIN;
-            }
-        }
-        catch (error) {
-            this.message = (_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.message;
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    changePhone() {
-        this.sucess = "";
-        this.error = "";
-        this.step = StepFormEnum.STEP_PHONE;
-    }
-    async validateBonus(pin) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        this.loadingAllComponent = true;
-        await this.loadProducts();
-        const used_or_no = localStorage.getItem(USED_KEY);
-        if (used_or_no == "dontUse") {
-            this.step = StepFormEnum.STEP_RESERVE;
-            return;
-        }
-        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: cellphone || this.convertStringToNumber(),
-            storeId: storeId.toString(),
-            userId: userId.toString(),
-            checkoutId: this.cartId,
-            checkoutProducts: this.products,
-            name: (_j = this.customer) === null || _j === void 0 ? void 0 : _j.name,
-            storeName: this.storeName
-        };
-        try {
-            this.bonus = await this.crmBonusService.validatePinBonus(payload);
-            if (!this.bonus.hasBonus) {
-                localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify(Object.assign(Object.assign({}, this.bonus), { phone: this.phone })));
-                this.loading = false;
-                this.step = StepFormEnum.STEP_NO_BONUS;
-                return;
-            }
-            this.sucess = "Código validado com sucesso!";
-            localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify(Object.assign(Object.assign({}, this.bonus), { phone: this.phone })));
-            localStorage.setItem(`bc:${this.phone}`, JSON.stringify(this.bonus));
-            localStorage.setItem(USED_KEY, "use");
-            localStorage.setItem(this.cartId, this.bonus.bonusBalance.toString());
-            this.updateMetadata({ storeId: Number(storeId), userId: Number(userId) }, payload.cellphone);
-            console.log('RESERVE', this.bonus);
-            this.step = StepFormEnum.STEP_RESERVE;
-        }
-        catch (error) {
-            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;
-            }
-        }
-        finally {
-            this.loading = false;
-            this.loadingAllComponent = false;
-        }
-    }
-    async updateMetadata(pinInfo, cellphone) {
-        try {
-            if (this.reservedInfo.isExpired()) {
-                console.log('[CRM:updateMetadata]');
-                await persisteMetadata(this.storeName, this.cartId, {
-                    createdAt: Date.now(),
-                    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);
-        }
-    }
-    handleCancel() {
-        // this.step = StepFormEnum.STEP_PHONE;
-        this.cancel();
-    }
-    async cancel() {
-        this.message = "";
-        this.loading = true;
-        try {
-            await this.crmBonusService.cancel(this.cartId);
-            localStorage.setItem(USED_KEY, "dontUse");
-            this.save(0);
-            await this.updateMetadata({ storeId: null, userId: null }, null);
-        }
-        catch (error) {
-            this.message = "Não consegui cancelar o bônus, tente novamente!";
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    async reserveApply(amount) {
-        this.loading = true;
-        this.message = "";
-        try {
-            await this.reserve(amount);
-            this.save(amount);
-        }
-        catch (error) {
-            this.message = "ocorreu um error ao solicitar a aplicação do bonus! tente novamente";
-            this.step = StepFormEnum.STEP_NO_BONUS;
-            localStorage.removeItem(this.cartId);
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    save(amount) {
-        localStorage.setItem(this.cartId, amount.toString());
-    }
-    async reserve(amount) {
-        await this.crmBonusService.reserve({
-            redeemedBonus: amount,
-            cartId: this.cartId,
-            ticket: this.cartId,
-            grossValue: Number(this.bonus.totalValue),
-            storeName: this.storeName,
-            storeId: this.bonus.storeId.toString(),
-            userId: this.bonus.userId
-        });
-    }
-    render() {
-        console.log("cartId", this.cartId);
-        return (h("div", { key: 'ec6f957d4b375fd6abe2c11eeae23fa69dfa2ac8', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, h("label", { key: 'a743c2f5565c5403f6daba01f45a1dc665fde99d', class: "crm-title" }, this.config.giftbackTitle), this.error && (h("label", { key: 'e5dcc4b20685bac97fc12c6153d68939e0f88956', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_PHONE &&
-            h("phone-form", { key: '1f2bc519ec31f4293c75d5284c9fa4fa593187f2', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
-            h("pin-form", { key: '7ff43b9a51a638feafda8dbefd8f641546037fa4', 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: 'ff486afaf126a8cbeeabc6a11d9647e9cf5b22dd', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: '444f7fdfd86a05884086eff15e9aa3b4fface993', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
-            h("giftback-info", { key: 'cbeb32249da8c5fa088b43e6c2c94eb427fea6a4', 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: '3d1c697af1c4b495f928b493f9c056bb7b84042a', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
-    }
-};
-CrmBonus.style = CrmGiftbackFormStyle0;
-
-export { CrmBonus as crm_giftback_form };
-
-//# sourceMappingURL=crm-giftback-form.entry.js.map

package/dist/esm/crm-giftback-form.entry.js.map

@@ -1 +0,0 @@
-{"file":"crm-giftback-form.entry.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  @State() loadingAllComponent = 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      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    this.loadingAllComponent = true;\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      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      this.loadingAllComponent = 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\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/esm/crm-tooltip_5.entry.js

@@ -1,284 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-bdb70d5a.js';
-import { i as instance, M as MESSAGE_ERROR_INVALID_NUMBER } from './i18n-7938fb86.js';
-import { U as USED_KEY, p as persisteMetadata } from './cart.helper-4f1913ce.js';
-import { d as defineLimit, a as formatDateToBr } from './utils-dec6df66.js';
-
-const infoCircleSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNy43NUMxMi40MTQyIDE3Ljc1IDEyLjc1IDE3LjQxNDIgMTIuNzUgMTdWMTFDMTIuNzUgMTAuNTg1OCAxMi40MTQyIDEwLjI1IDEyIDEwLjI1QzExLjU4NTggMTAuMjUgMTEuMjUgMTAuNTg1OCAxMS4yNSAxMVYxN0MxMS4yNSAxNy40MTQyIDExLjU4NTggMTcuNzUgMTIgMTcuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8cGF0aCBkPSJNMTIgN0MxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4QzEzIDguNTUyMjggMTIuNTUyMyA5IDEyIDlDMTEuNDQ3NyA5IDExIDguNTUyMjggMTEgOEMxMSA3LjQ0NzcyIDExLjQ0NzcgNyAxMiA3WiIgZmlsbD0iIzFDMjc0QyIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTIgMi43NUM2Ljg5MTM3IDIuNzUgMi43NSA2Ljg5MTM3IDIuNzUgMTJDMi43NSAxNy4xMDg2IDYuODkxMzcgMjEuMjUgMTIgMjEuMjVDMTcuMTA4NiAyMS4yNSAyMS4yNSAxNy4xMDg2IDIxLjI1IDEyQzIxLjI1IDYuODkxMzcgMTcuMTA4NiAyLjc1IDEyIDIuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8L3N2Zz4=';
-
-const crmTooltipCss = ".crm-tooltip-container {\r\n    display: flex;\r\n\r\n    & img {\r\n        width: 16px;\r\n        margin-left: 3px;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n.crm-tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.crm-tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    background-color: black;\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 8px 12px;\r\n    border-radius: 0px;\r\n    position: absolute;\r\n    z-index: 1;\r\n    min-width: 271px;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -238px;\r\n}\r\n\r\n@container (max-width: 410px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -14px;\r\n    }\r\n\r\n    .crm-tooltip #crm-role-description {\r\n        margin-left: -151px;\r\n    }\r\n}\r\n\r\n@container (max-width: 250px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -201px;\r\n    }\r\n}\r\n\r\n.crm-tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n}";
-const CrmTooltipStyle0 = crmTooltipCss;
-
-const Tooltip = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.text = undefined;
-        this.identity = undefined;
-    }
-    render() {
-        return (h("div", { key: 'f6eb9b4e67680d56d3a456335ccd850cd9d121bb', class: "crm-tooltip-container crm-tooltip" }, h("img", { key: 'a56e738aedaa6c18071825d2c9380bf81d15b839', src: infoCircleSvgrepoComSvg }), h("span", { key: 'd596a79359a295f8a8add81b55fe69d5f879d0d5', id: this.identity, class: "tooltiptext" }, this.text)));
-    }
-};
-Tooltip.style = CrmTooltipStyle0;
-
-const giftbackInfoCss = ":host{--text-color:#6D6D5F}.giftback-container{display:flex;flex-direction:column;gap:14px}h3{margin-bottom:8px;color:#333}.container-description{display:flex;align-items:center;gap:5px;margin:0 0 10px 0}.container-description p{font-weight:400;margin:0px}p{color:#000}.value-display h2{color:#6D6D5F;margin:16px 0}input[type='range']{width:100%;margin:12px 0;-webkit-appearance:none;background:#ddd;height:4px;border-radius:4px;outline:none;padding:3px 0px 3px 3px}input[type=\"range\"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:rgb(109, 109, 95);border-radius:50%;cursor:pointer}.options{margin:0px 0;display:flex;gap:10px;flex-direction:column}.options label{display:flex;margin:0px 0;color:#333;align-items:center}.options input[type='radio']{margin-right:8px;height:16px;width:16px}.options input[type='radio']{appearance:none;-webkit-appearance:none;margin-right:8px;width:16px;height:16px;border:2px solid #ddd;border-radius:50%;background-color:#fff;cursor:pointer;transition:all 0.3s;padding:0px}.options input[type='radio']:checked{border-color:#000;background-color:#FAFAFA;border:4px solid #000}.info-box{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:8px;color:#262626;line-height:20px}.info-icon{cursor:pointer;color:#888}h3{margin-bottom:8px;color:#333}.slider-wrapper{position:relative;margin:21px 0px 0px 0px}.slider{width:100%;-webkit-appearance:none;background:#ddd;height:4px;border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-color);border-radius:50%;cursor:pointer}.slider-value{position:absolute;top:-30px;font-weight:700;color:var(--text-color);transform:translateX(-50%);white-space:nowrap;}.options-option{display:flex}";
-const GiftbackInfoStyle0 = giftbackInfoCss;
-
-const GiftbackInfo = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.usedValue = 0;
-        this.selectedOption = 'none';
-        this.cartId = undefined;
-        this.loading = false;
-        this.bonus = {
-            totalBonus: 0,
-            cartId: "",
-            minimumPurchase: 0,
-            bonusBalance: 0,
-            calculatedValue: 0,
-            firstValidityDate: "",
-            totalValue: 0
-        };
-        this.reserve = undefined;
-        this.cancel = undefined;
-        this.config = undefined;
-        this.infoBonus = undefined;
-        this.storeName = undefined;
-        this.sliderPosition = 0;
-        this.sliderValuePosition = 0;
-        this.loadingTime = false;
-    }
-    changedBonus() {
-        this.updateBonus();
-    }
-    updateBonus() {
-        this.usedValue = this.bonus.bonusBalance;
-        this.buildPositionSlider(0, this.bonus.totalBonus);
-    }
-    componentWillLoad() {
-        this.updateBonus();
-        this.selectedOption = localStorage.getItem(USED_KEY);
-    }
-    handleSliderChange(event) {
-        const input = event.target;
-        this.usedValue = parseFloat(input.value);
-        // Calculando a posição do texto com base no valor do slider
-        // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;
-        // this.sliderPosition = percentage;
-        this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max));
-    }
-    componentDidLoad() {
-        var _a;
-        if (this.bonus) {
-            this._refIinputRange.value = (_a = this.bonus) === null || _a === void 0 ? void 0 : _a.bonusBalance.toString();
-        }
-    }
-    buildPositionSlider(min, max) {
-        const percentage_init = max * 0.1;
-        // Calculando a posição do texto com base no valor do slider
-        const percentage = ((this.usedValue - min) / (max - min)) * 100;
-        this.sliderPosition = percentage;
-        this.sliderValuePosition = percentage + (this.usedValue <= percentage_init ? 10 : 0);
-    }
-    async handleOptionChange(option) {
-        this.selectedOption = option;
-        localStorage.setItem(USED_KEY, option);
-        await persisteMetadata(this.storeName, this.cartId, Object.assign(Object.assign({}, this.infoBonus.metadata), { createdAt: null }));
-        switch (this.selectedOption) {
-            case 'use':
-                await this.reserve(this.usedValue);
-                break;
-            case 'dontUse':
-                await this.cancel();
-                break;
-        }
-    }
-    showTime() {
-        if (!this.infoBonus)
-            return false;
-        return !this.infoBonus.isExpired();
-        // return this.infoBonus.isBonusProcessed
-    }
-    getTime() {
-        var _a, _b;
-        const createdAt = new Date((_b = (_a = this.infoBonus) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.createdAt);
-        const expiration = new Date(createdAt);
-        expiration.setMinutes(expiration.getMinutes() + 6);
-        return {
-            createdAt,
-            expiration
-        };
-    }
-    async downtime() {
-        await persisteMetadata(this.storeName, this.bonus.cartId, {
-            createdAt: null,
-        });
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        console.log('this.bonus', this.bonus);
-        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;
-        const translateDescription = instance.t("giftDescription", { amount: `${(_b = (_a = this.bonus) === null || _a === void 0 ? void 0 : _a.totalBonus) === null || _b === void 0 ? void 0 : _b.toFixed(2).replace(".", ",")}`, custom_name: "Giftback" });
-        const limit = defineLimit(remainingGiftback);
-        return (h("div", { key: '251849dcd0ee6d93cf4698997dc24e6e49790508', class: "giftback-container" }, h("div", { key: '92ddf91fd103a013a1b51ffbd1cbca4d6d152871', class: "container-description" }, h("p", { key: '65905baf07a9e34897f582456055babe61914307', innerHTML: translateDescription }), h("crm-tooltip", { key: '9eaf65a6fab8ad3841359416a20b33f95c8cbb7f', identity: "crm-role-description", text: instance.t("labelUseGiftback", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: formatDateToBr(this.bonus.firstValidityDate) }) })), h("div", { key: '93cd9be26b78817932acd89fca9f084c3d2238f3', class: "slider-wrapper" }, h("div", { key: '6ad83282c9269b366ede9dbd72ce046167b131d5', class: "slider-value", style: {
-                left: `calc(${this.sliderValuePosition}% - 20px)`, // Ajuste para centralizar o texto
-            } }, "R$ ", this.usedValue.toFixed(2).replace(".", ",")), h("input", { key: '77889b653c213eb74ad9e90cc180b0f37f2fd147', ref: ref => this._refIinputRange = ref, id: "position_value_id", disabled: true, type: "range", min: "0", max: this.bonus.totalBonus, value: this.usedValue, class: "slider", step: "0.01", onInput: (event) => this.handleSliderChange(event), style: {
-                background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,
-            } })), limit.isComplete && (h("p", { key: 'c003334375b24df8747bf9d7318c33c61ff3ae65' }, instance.t("maxAmount"))), !limit.isComplete && (h("div", { key: 'e83765c2c9b1216e5925cc3c80acaeaaaebac413', class: "container-description" }, h("p", { key: 'a107fa566fe77be6e415f4f5612ef3331c866b91' }, "Adicione ", h("strong", { key: '0120a2973c571bc0c02bf928009052e97c9fd200' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), h("crm-tooltip", { key: '575e50fe8993d511fd147e7ca424e44aa9007f23', identity: "crm-max-description", text: instance.t("labelamountPartial") }))), h("div", { key: '818aa27228db4427deea9ac375e8876b4c21a920', class: "options" }, h("div", { key: 'f7dc2801e7bdec1379588b447d56403b0a2f93ac', class: "options-option" }, h("input", { key: '8b5b8e9e2ad5facfbc13d32aa24ad4d9eb12e5f8', disabled: this.showTime(), type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), h("p", { key: '73e551592deaf17bcce8a3365da5aefbf616b6c0' }, "Usar o meu ", (_c = this.config) === null || _c === void 0 ? void 0 :
-            _c.giftbackTitle)), h("div", { key: '809d083f5eb3c733128405da5c4c9f3b7e1a0a9d', class: "options-option" }, h("input", { key: '9313b764aedd08263ac598ac86c4ce95cff3a1b8', disabled: this.showTime(), type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), h("p", { key: '90b7c65dabc22cf1b1c61335736e3ec668ca0a86' }, "N\u00E3o usar o meu ", (_d = this.config) === null || _d === void 0 ? void 0 :
-            _d.giftbackTitle))), this.showTime() &&
-            (h("div", { key: '89e6f7a109a63e4f7fb733fd5b7a8b06f85b25c8', class: "info-box" }, "Ap\u00F3s ", h("countdown-timer", { key: '25d92d5e6a08dc425d43e459b7824b897b383ad6', dataCriacao: new Date((_f = (_e = this.infoBonus) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.createdAt).toString(), downtime: () => { window.location.reload(); } }), ", voc\u00EA poder\u00E1 alterar sua escolha de usar ou n\u00E3o o Giftback.")), !((_g = this === null || this === void 0 ? void 0 : this.infoBonus) === null || _g === void 0 ? void 0 : _g.isBonusProcessed) && (h("div", { key: 'f5129182b2da492d595856ef247cbcc65224c6ce', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa."))));
-    }
-    static get watchers() { return {
-        "bonus": ["changedBonus"]
-    }; }
-};
-GiftbackInfo.style = GiftbackInfoStyle0;
-
-const giftbackFormCss$1 = "*{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$1;
-
-const PhoneForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.value = undefined;
-        this.loading = undefined;
-        this.handlerSubmit = undefined;
-        this.config = undefined;
-    }
-    async handlePhone() {
-        const phone = await this.phoneInputMask.getPhone();
-        await this.handlerSubmit(phone);
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '14b9f78c937aa6f1e0c3c9f7ba31dc06de27dae3', class: "crm-phone-form" }, h("p", { key: '95056ca63b0b5e1719014b17a2d293deeeb11f77', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), h("phone-input-mask", { key: '7f57deba5e35335020b69a49e3ed332b23d10800', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '35b3f86fe1c95f7d7e9841c855dc12042ed26eb1', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
-    }
-};
-PhoneForm.style = PhoneFormStyle0;
-
-const phoneInputMaskCss = "*{margin:0;padding:0;box-sizing:border-box}.phone{display:block;width:100%;height:24px;padding:6px 12px;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}.phone-input-form{width:100%;height:48px;padding:13px 16px 13px 16px;border:1px solid #CCCCCC;}.crm-erro-msg{color:#E11D48;font-weight:500;margin-top:11px}";
-const PhoneInputMaskStyle0 = phoneInputMaskCss;
-
-const PhoneInputMask = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.phone = '';
-        this.message = "";
-        this.initialValue = undefined;
-        this.disabled = undefined;
-    }
-    componentWillLoad() {
-        this.phone = this.initialValue;
-    }
-    formatPhone(value) {
-        const cleaned = value.replace(/\D/g, ''); // Remove tudo que não for número
-        const match = cleaned.match(/^(\d{0,2})(\d{0,5})(\d{0,4})$/);
-        if (!match)
-            return value;
-        const part1 = match[1] ? `(${match[1]}` : '';
-        const part2 = match[2] ? `) ${match[2]}` : '';
-        const part3 = match[3] ? ` ${match[3]}` : '';
-        return `${part1}${part2}${part3}`;
-    }
-    handleInput(event) {
-        const input = event.target;
-        this.phone = this.formatPhone(input.value);
-        if (!this.validatePhoneNumber(input.value)) {
-            this.message = MESSAGE_ERROR_INVALID_NUMBER;
-        }
-        else {
-            this.message = "";
-        }
-        console.log('phone', this.phone);
-    }
-    validatePhoneNumber(phone) {
-        if (phone.length < 15) {
-            return true;
-        }
-        const phoneRegex = /^\(\d{2}\) \d{5} \d{4}$/; // Valida formato (99) 99999-9999
-        return phoneRegex.test(phone);
-    }
-    async getPhone() {
-        return this.phone;
-    }
-    render() {
-        return (h("div", { key: '0d11de5bf45fba344ec90b09e00bc1edc9db2d03' }, h("input", { key: '504e8a84f1b88916253e3f75c93b5f18103f34ba', 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: 'b127914b7d8f2b9a69363869e49059fb8fd203b9', class: "crm-erro-msg" }, this.message)));
-    }
-};
-PhoneInputMask.style = PhoneInputMaskStyle0;
-
-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;
-
-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 PinFormStyle1 = giftbackFormCss;
-
-const GiftbackPin = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.validate = undefined;
-        this.cancel = undefined;
-        this.resend = undefined;
-        this.sent = undefined;
-        this.loading = false;
-        this.phone = undefined;
-        this.config = undefined;
-        this.pin = ['', '', '', ''];
-        this.isVerified = false;
-        this.canResend = false;
-    }
-    componentWillLoad() {
-        this.canResend = false;
-    }
-    handleInput(event, index) {
-        const input = event.target;
-        const value = input.value.slice(0, 1); // Limitar a um único dígito
-        this.pin[index] = value;
-        // Focar no próximo campo, se possível
-        if (value && index < this.pin.length - 1) {
-            const nextInput = input.nextElementSibling;
-            nextInput === null || nextInput === void 0 ? void 0 : nextInput.focus();
-        }
-        this.pin = [...this.pin];
-    }
-    validatePin() {
-        localStorage.removeItem("bc:resend");
-        this.validate(this.pin.join(""));
-    }
-    verifyPin() {
-        const pinCode = this.pin.join('');
-        if (pinCode === '9999') {
-            this.isVerified = true;
-        }
-    }
-    handleTimeout() {
-        localStorage.removeItem("bc:resend");
-        this.canResend = true;
-    }
-    async handleResend() {
-        await this.resend();
-        this.canResend = false;
-        this.pin = ['', '', '', ''];
-        localStorage.removeItem("bc:resend");
-    }
-    buildTime() {
-        const resendDate = localStorage.getItem("bc:resend");
-        if (resendDate) {
-            return resendDate;
-        }
-        const date = new Date();
-        date.setSeconds(date.getSeconds() + 30);
-        localStorage.setItem("bc:resend", date.toString());
-        return date.toString();
-    }
-    render() {
-        var _a;
-        return (h("div", { key: '62007c5d1028fb839af17f54e7b906bbd9ad0fac', class: "crm-phone-form" }, h("label", { key: '0b0d49b96d7d3e966658e208ca12350e2239abb2', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: '02070b4c6d28c49db3b090f16cafe9f7f0b76704' }, "+55 ", this.phone)), h("div", { key: '3c6c28386189de0acc4900eea4b35393375970f4', 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: 'fa6e6992af0531176efbe5e00f517bd013f72a8e' }), h("p", { key: '67ceef747a599600283712b06acaf3d658196cc1', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: '0404bc452da839060304e179697e1ec0e6247764' }, " Reenviar em", h("countdown-timer", { key: 'ee0eff1200cfabafdecbe2909ec46e426b40b1da', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '5bac75dd6bcc930f3d59ba07190b6c5778147987' }, h("a", { key: 'fba49bfc8004dadce5c61fbf8275e009c7898165', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: 'ce3e1b2e0683c28ad5c1f8dae62b00bbe8b8e6d5', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '58e3a04308775601cf72ab9db8d877bd6a988c4d', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
-    }
-};
-GiftbackPin.style = PinFormStyle0 + PinFormStyle1;
-
-export { Tooltip as crm_tooltip, GiftbackInfo as giftback_info, PhoneForm as phone_form, PhoneInputMask as phone_input_mask, GiftbackPin as pin_form };
-
-//# sourceMappingURL=crm-tooltip_5.entry.js.map