crmbonus-component-wake 2.1.34 → 2.1.36-homolog

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

@@ -0,0 +1,965 @@
+import { r as registerInstance, h, H as Host } from './index-bdb70d5a.js';
+import { C as CrmBonusService, U as USED_KEY, g as getCart, a as getInfoBonusByCartIdAndStoreName, b as CartWake, c as getKeyReserveByCartId, p as persisteMetadata } from './cart.helper-89391005.js';
+import { d as defaultStyles, S as StepFormEnum, i as instance, g as getInfoCustomization, M as MESSAGE_ERROR_INVALID_NUMBER } from './info.config.helper-e4b8c478.js';
+import { d as defineLimit, a as formatDateToBr } from './utils-dec6df66.js';
+
+const CountdownTimer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.downtime = undefined;
+        this.dataCriacao = undefined;
+        this.minutos = 6;
+        this.segundos = 60;
+        this.tempoRestante = undefined;
+    }
+    componentWillLoad() {
+        const tempoTotal = this.minutos * this.segundos * 1000;
+        const data = new Date(this.dataCriacao);
+        const agora = new Date();
+        const tempoPassado = agora.getTime() - data.getTime();
+        if (tempoPassado >= tempoTotal) {
+            this.tempoRestante = 0;
+            this.onTempoEsgotado();
+        }
+        else {
+            this.tempoRestante = tempoTotal - tempoPassado;
+            this.startCountdown();
+        }
+    }
+    disconnectedCallback() {
+        clearInterval(this.intervalId);
+    }
+    startCountdown() {
+        this.intervalId = setInterval(() => {
+            this.tempoRestante -= 1000;
+            if (this.tempoRestante <= 0) {
+                this.tempoRestante = 0;
+                clearInterval(this.intervalId);
+                this.onTempoEsgotado();
+            }
+        }, 1000);
+    }
+    onTempoEsgotado() {
+        console.log('Tempo esgotado! Executando ação...');
+        this.downtime();
+    }
+    render() {
+        const minutos = Math.floor(this.tempoRestante / 60000);
+        const segundos = Math.floor((this.tempoRestante % 60000) / 1000);
+        const tempoFormatado = `${String(minutos).padStart(2, '0')}:${String(segundos).padStart(2, '0')}`;
+        return (h("label", { key: 'ed1e0654cba5b152adcadb10cf9dfd6909c07a1f' }, " ", tempoFormatado));
+    }
+};
+
+var AjustesTipoEnum;
+(function (AjustesTipoEnum) {
+    AjustesTipoEnum["P"] = "Promocao";
+    AjustesTipoEnum["CC"] = "ContaCorrente";
+    AjustesTipoEnum["PP"] = "PromocaoProduto";
+    AjustesTipoEnum["F"] = "Formula";
+})(AjustesTipoEnum || (AjustesTipoEnum = {}));
+
+function buildProductsByWake(productsWake = []) {
+    const products = [];
+    for (const pw of productsWake) {
+        let discounts = getDiscount(pw.Ajustes);
+        // let discounts_formula = getDiscountFormula(pw.Ajustes);
+        var value = (pw.PrecoDe * pw.Quantidade);
+        var originalValue = (pw.PrecoDe * pw.Quantidade);
+        var discounts_value = (discounts * -1);
+        const existsPromotionProduct = pw.Ajustes.filter(adj => [AjustesTipoEnum.PP].includes(adj.Tipo));
+        const promotion_product = (existsPromotionProduct.length > 0);
+        products.push({
+            sku: pw.SKU,
+            value: value,
+            originalValue: originalValue,
+            productVariantId: pw.ProdutoVarianteId.toString(),
+            quantity: pw.Quantidade,
+            discount: value < discounts_value ? value : discounts_value,
+            promotion_product
+        });
+    }
+    return products;
+}
+function getDiscount(ajustes = []) {
+    let discounts = 0;
+    for (const discount of ajustes) {
+        if ([AjustesTipoEnum.P, AjustesTipoEnum.CC, AjustesTipoEnum.PP].includes(discount.Tipo)) {
+            discounts += discount.Valor;
+        }
+    }
+    return discounts;
+}
+// function getDiscountFormula(ajustes: IAjustes[] = []) {
+//     let discounts = 0;
+//     for(const discount of ajustes) {
+//         if([AjustesTipoEnum.F].includes(discount.Tipo)) {
+//             discounts += (discount.Valor * -1);
+//         }
+//     }
+//     return discounts;
+// }
+
+const crmBonusCss = ".container-button{cursor:pointer;padding:5px 5px 5px 14px;}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm{margin-top:10px}.section-cart-crm p{padding:0;margin:0px 0px 0px 15px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;cursor:pointer;margin-left:10px;height:70px}.form-container{width:97%;display:flex;justify-content:space-around}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container .btnCrm{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert{color:#df4d4d;margin-top:5px}";
+const CrmBonusStyle0 = crmBonusCss;
+
+const CrmBonus$1 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.crmBonusService = CrmBonusService.getInstance();
+        this.cart = undefined;
+        this.canhidden = false;
+        this.showModal = false;
+        this.cartWake = undefined;
+        this.customer = {
+            birthDate: "",
+            document: "",
+            name: "",
+            phone: ""
+        };
+        this.loading = false;
+        this.message = undefined;
+        this.phone = undefined;
+        this.canCancel = false;
+        this.amountCancel = undefined;
+        this.sent = undefined;
+        this.session = undefined;
+        this.loading_reprocess = false;
+        this.styles = defaultStyles;
+        this.reservedInfo = undefined;
+    }
+    async resetBonus() {
+        console.log('[CRMBONUS] - reset bonus');
+        try {
+            await this.crmBonusRef.processBonus(this.buildProducts(), true);
+            console.log('[BONUS RESETADO]!!!!!');
+        }
+        catch (err) {
+            this.loading = false;
+            console.log('[error ao reprocessar bonous]');
+            await this.crmBonusRef.setStep(StepFormEnum.STEP_PHONE);
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async setloading() {
+        this.loading_reprocess = !this.loading_reprocess;
+    }
+    async reprocess() {
+        console.log("[CRMBONUS] - reprocess");
+        this.loading_reprocess = true;
+        try {
+            const isUse = localStorage.getItem(USED_KEY);
+            if (!isUse)
+                return;
+            this.cartWake = await getCart();
+            await this.resetBonus();
+        }
+        catch (err) {
+            console.debug('[watchProducts]', err.message);
+        }
+        finally {
+            this.loading_reprocess = false;
+        }
+    }
+    async componentWillLoad() {
+        this.loading_reprocess = true;
+        window.addEventListener('productRemovedFromCart', async () => {
+            console.log('[CRMBONUS] - productRemovedFromCart');
+            await this.reprocess();
+        });
+        window.addEventListener('productAddedToCart', async () => {
+            console.log('[CRMBONUS] - productAddedToCart');
+            await this.reprocess();
+        });
+        document.querySelectorAll('form').forEach((el) => {
+            el.addEventListener("submit", async () => {
+                console.log("[CRMBONUS] - Formulário está sendo submetido!");
+                await this.reprocess();
+            });
+        });
+        await this.observerHandle();
+        instance.changeLanguage(instance.language);
+    }
+    async componentDidLoad() {
+        try {
+            await this.loadSession();
+            this.handleLoad();
+            await this.loadConfigStore();
+        }
+        catch (error) {
+            this.loading_reprocess = false;
+        }
+    }
+    async observerHandle() {
+        const elements = document.getElementsByTagName('a');
+        //@ts-ignore
+        for (let el of elements) {
+            console.log('[el.href]', el.href);
+            if (el.href.includes('Produto/Delete')) {
+                el.addEventListener('click', async () => {
+                    console.log('[CRMBONUS] - Produto removido do carrinho');
+                    setTimeout(async () => {
+                        await this.reprocess();
+                        this.observerHandle();
+                    }, 2000);
+                });
+            }
+            if (el.href.includes('Produto/Add')) {
+                el.addEventListener('click', async () => {
+                    console.log('[CRMBONUS] - Produto adicionado ao carrinho');
+                    setTimeout(async () => {
+                        await this.reprocess();
+                        this.observerHandle();
+                    }, 2000);
+                });
+            }
+        }
+    }
+    async loadConfigStore() {
+        const [customization, infoBonus] = await Promise.all([
+            this.crmBonusService.getCustomization(this.cartWake.store.name),
+            getInfoBonusByCartIdAndStoreName(this.cartWake.id, this.cartWake.store.name)
+        ]);
+        this.reservedInfo = infoBonus;
+        if (customization.keepStoreFrontStyle) {
+            this.styles = null;
+        }
+    }
+    async fetchCustomer(userId, storeName) {
+        try {
+            return await this.crmBonusService.getCustomer(userId, storeName);
+        }
+        catch (error) {
+            console.error('[fetchCustomer] Error fetching customer:', error);
+            return null;
+        }
+    }
+    async handleLoad() {
+        try {
+            if (this.cartWake.user.id) {
+                this.fetchCustomer(this.cartWake.user.id, this.cartWake.store.name).then((customer) => {
+                    if (customer) {
+                        this.customer = customer;
+                    }
+                });
+            }
+            const amount = localStorage.getItem(this.cartWake.id);
+            if (amount) {
+                this.canCancel = true;
+                this.amountCancel = amount;
+            }
+            await this.buildAndGetProducts(this.cartWake.products);
+        }
+        catch (error) {
+            console.log('info customer');
+        }
+    }
+    async loadSession() {
+        this.cartWake = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();
+        console.log('[bc:carregou carrinho]');
+        this.session = await this.crmBonusService.getToken(this.cartWake.store.name);
+        console.log('[bc:carregou session]');
+        setTimeout(() => {
+            this.loadSession();
+        }, 1500000);
+    }
+    async buildAndGetProducts(productsWake) {
+        console.log();
+        const key = `bc-products:${this.cartWake.id}`;
+        const productsString = JSON.stringify(productsWake);
+        localStorage.setItem(key, productsString);
+        const products_in_cache = JSON.parse(localStorage.getItem(key));
+        const products = [];
+        for (const product_cart of productsWake) {
+            const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId);
+            //const [ajuste = { Valor: 0 }] = pro.Ajustes.filter(aj => aj.Tipo === "Formula")
+            if (pro) {
+                products.push(Object.assign(Object.assign({}, product_cart), { PrecoPor: pro.PrecoPor, PrecoDe: pro.PrecoDe, Quantidade: pro.Quantidade, Ajustes: pro.Ajustes }));
+            }
+            else {
+                products.push(product_cart);
+            }
+        }
+        this.cartWake.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);
+    }
+    async sendPin(phone) {
+        var _a, _b;
+        this.loading = true;
+        this.message = "";
+        try {
+            const _phone = phone.replace(/\D/g, '');
+            this.phone = Number(_phone);
+            this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.cartWake.store.name);
+            await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);
+            this.showModal = true;
+        }
+        catch (error) {
+            this.message = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message;
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async sendPinName(customerName) {
+        var _a, _b;
+        this.loading = true;
+        this.message = "";
+        try {
+            this.customer.name = customerName;
+            this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.cartWake.store.name);
+            await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);
+            this.showModal = true;
+        }
+        catch (error) {
+            this.message = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message;
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    buildProducts() {
+        return buildProductsByWake(this.cartWake.products);
+    }
+    handleCloseModal() {
+        this.showModal = false;
+    }
+    save(amount) {
+        localStorage.setItem(this.cartWake.id, amount.toString());
+        this.canCancel = true;
+        this.amountCancel = amount.toString();
+    }
+    async cancel() {
+        this.message = "";
+        this.loading = true;
+        try {
+            await this.crmBonusService.cancel(this.cartWake.id);
+            this.canCancel = false;
+            localStorage.removeItem(this.cartWake.id);
+        }
+        catch (error) {
+            this.message = "Não consegui cancelar o bônus, tente novamente!";
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async handleSendPin(phone) {
+        this.message = "";
+        if (!phone) {
+            this.message = "Informe seu telefone";
+            return;
+        }
+        this.customer.phone = phone;
+        const _phone = phone.replace(/\D/g, '');
+        this.phone = Number(_phone);
+        if (this.customer.name) {
+            return this.sendPin(phone);
+        }
+        await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);
+        this.showModal = true;
+    }
+    render() {
+        if (this.canhidden) {
+            return null;
+        }
+        return (h("loading-container", { loading: this.loading_reprocess, text: 'carregando...' }, !this.loading_reprocess && (h("crm-giftback-form", { customStyles: this.styles, style: { position: "relative" }, ref: ref => this.crmBonusRef = ref, storeName: this.cartWake.store.name, products: this.buildProducts(), cartId: this.cartWake.id, customer: this.customer, loadProducts: () => this.buildProducts(), loadAll: () => this.handleLoad(), reservedInfo: this.reservedInfo }))));
+    }
+    static get assetsDirs() { return ["assets"]; }
+};
+CrmBonus$1.style = CrmBonusStyle0;
+
+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;
+
+const Button = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.txtBtn = undefined;
+        this.loading = undefined;
+        this.handleClick = undefined;
+    }
+    render() {
+        return (h("div", { key: '785b4975fb6538dbe2cdb7b99d5801abc72c534a', class: "crm-contaner-button" }, h("button", { key: '1e41951aa024e9f3b9b1836e8386bd369d022f76', class: "crm-button", onClick: () => this.handleClick() }, !this.loading ? this.txtBtn : h("loading-spinner", { size: "15px", color: "#fff" }))));
+    }
+};
+Button.style = CrmButtonStyle0;
+
+const giftbackFormCss$2 = "*{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$2;
+
+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 = "";
+        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: number) {
+    //   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() {
+        return (h("div", { key: '939a74f8d91ab9c880ffb2486967a7800a6d2ce6', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, h("label", { key: 'b51c241a72ae22911293ad3dd28190f22982c8cb', class: "crm-title" }, this.config.giftbackTitle), this.error && (h("label", { key: '9ca50e050603ad594b3086c82f2a31e08d8dec12', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_PHONE &&
+            h("phone-form", { key: 'ab8cd8263aaf2729f9af29937a40e029bf17193d', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
+            h("pin-form", { key: 'da1680e62073ae2a3656fcef4ec85ec8b8d862cf', 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: '72486a002bbcb2cfad2f8ab32fbdda1e8dff143e', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: 'dcddaee2dd0e7b6d50ef0377ae7a721ba5c8256c', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
+            h("giftback-info", { key: 'b237add0b03aa26f20bdf42264b01ad890670145', 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: '6583e51ae1988bd5c797665e3119eed3aeb7a354', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
+    }
+};
+CrmBonus.style = CrmGiftbackFormStyle0;
+
+const infoCircleSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNy43NUMxMi40MTQyIDE3Ljc1IDEyLjc1IDE3LjQxNDIgMTIuNzUgMTdWMTFDMTIuNzUgMTAuNTg1OCAxMi40MTQyIDEwLjI1IDEyIDEwLjI1QzExLjU4NTggMTAuMjUgMTEuMjUgMTAuNTg1OCAxMS4yNSAxMVYxN0MxMS4yNSAxNy40MTQyIDExLjU4NTggMTcuNzUgMTIgMTcuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8cGF0aCBkPSJNMTIgN0MxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4QzEzIDguNTUyMjggMTIuNTUyMyA5IDEyIDlDMTEuNDQ3NyA5IDExIDguNTUyMjggMTEgOEMxMSA3LjQ0NzcyIDExLjQ0NzcgNyAxMiA3WiIgZmlsbD0iIzFDMjc0QyIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTIgMi43NUM2Ljg5MTM3IDIuNzUgMi43NSA2Ljg5MTM3IDIuNzUgMTJDMi43NSAxNy4xMDg2IDYuODkxMzcgMjEuMjUgMTIgMjEuMjVDMTcuMTA4NiAyMS4yNSAyMS4yNSAxNy4xMDg2IDIxLjI1IDEyQzIxLjI1IDYuODkxMzcgMTcuMTA4NiAyLjc1IDEyIDIuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8L3N2Zz4=';
+
+const crmTooltipCss = ".crm-tooltip-container {\r\n    display: flex;\r\n\r\n    & img {\r\n        width: 16px;\r\n        margin-left: 3px;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n.crm-tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.crm-tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    background-color: black;\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 8px 12px;\r\n    border-radius: 0px;\r\n    position: absolute;\r\n    z-index: 1;\r\n    min-width: 271px;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -238px;\r\n}\r\n\r\n@container (max-width: 410px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -14px;\r\n    }\r\n\r\n    .crm-tooltip #crm-role-description {\r\n        margin-left: -151px;\r\n    }\r\n}\r\n\r\n@container (max-width: 250px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -201px;\r\n    }\r\n}\r\n\r\n.crm-tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n}";
+const CrmTooltipStyle0 = crmTooltipCss;
+
+const Tooltip = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.text = undefined;
+        this.identity = undefined;
+    }
+    render() {
+        return (h("div", { key: '01d82d0172ca5f0dbb0b8ea278b4a5d438c13dd5', class: "crm-tooltip-container crm-tooltip" }, h("img", { key: '3b632cc38e8ff206402a2bfaadba9f9d2d747095', src: infoCircleSvgrepoComSvg }), h("span", { key: '08310e35ac945bda0e9356ecad8742698016f262', 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: 'baf90a1de29b3275c1c3cfd31f9d004ca3187a84', class: "giftback-container" }, h("div", { key: '57af5fe5b40b3292a275065f577a9444470f8bf0', class: "container-description" }, h("p", { key: 'fff28c85077c36854f37d5f23f2908fa47197dac', innerHTML: translateDescription }), h("crm-tooltip", { key: 'b66b1914dfa5e0806f85a9695840fdd4bd52d21e', identity: "crm-role-description", text: instance.t("labelUseGiftback", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: formatDateToBr(this.bonus.firstValidityDate) }) })), h("div", { key: 'e13afe9428744084443697df22048ac05b41ffd0', class: "slider-wrapper" }, h("div", { key: '1826a50e4e1b474322dbb0020db0154fe9ed5b80', class: "slider-value", style: {
+                left: `calc(${this.sliderValuePosition}% - 20px)`, // Ajuste para centralizar o texto
+            } }, "R$ ", this.usedValue.toFixed(2).replace(".", ",")), h("input", { key: '73b42919b8e4e0223dc8490a6190697d1975e96d', ref: ref => this._refIinputRange = ref, id: "position_value_id", disabled: true, type: "range", min: "0", max: this.bonus.totalBonus, value: this.usedValue, class: "slider", step: "0.01", onInput: (event) => this.handleSliderChange(event), style: {
+                background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,
+            } })), limit.isComplete && (h("p", { key: 'b9b853490c112bf3e98d14c2ceee25d0b7604983' }, instance.t("maxAmount"))), !limit.isComplete && (h("div", { key: '50b23f6c4bde42ca12b077a33f0ffbde25601e3d', class: "container-description" }, h("p", { key: '73bfbcc779b8775aecc63050816909ba9120af3e' }, "Adicione ", h("strong", { key: '6d5a2ea943a1d3eee80b0f4d0cdda159a300bb25' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), h("crm-tooltip", { key: '5a5bbbeb32abd51fbfb84c63d3e7a06f8d459ea0', identity: "crm-max-description", text: instance.t("labelamountPartial") }))), h("div", { key: 'ea3f6aa8f4668b759b912bac36d9780e183a6180', class: "options" }, h("div", { key: '6f7f70930c8cd97f1215301d823f8631d071b472', class: "options-option" }, h("input", { key: '35b4f8380f34becd4dc94c1bcb1572c2b3401db8', disabled: this.showTime(), type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), h("p", { key: '228beeb474e10a67811925bee00e5c1d0f5d64b6' }, "Usar o meu ", (_c = this.config) === null || _c === void 0 ? void 0 :
+            _c.giftbackTitle)), h("div", { key: '2a9ad1052f869057d5e36c3eba0cf1a24af88e1b', class: "options-option" }, h("input", { key: '3cc3fae293fda510873f9c5f4d906308affca8e1', disabled: this.showTime(), type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), h("p", { key: '364f7de414a6f536680f849fe3efdee803d9a596' }, "N\u00E3o usar o meu ", (_d = this.config) === null || _d === void 0 ? void 0 :
+            _d.giftbackTitle))), this.showTime() &&
+            (h("div", { key: '8fe525904208e2fc13ebd80615bbe7856cc2dc2c', class: "info-box" }, "Ap\u00F3s ", h("countdown-timer", { key: '3913bc9060980620654f03a987f62f628d6ee440', dataCriacao: new Date((_f = (_e = this.infoBonus) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.createdAt).toString(), downtime: () => { window.location.reload(); } }), ", voc\u00EA poder\u00E1 alterar sua escolha de usar ou n\u00E3o o Giftback.")), !((_g = this === null || this === void 0 ? void 0 : this.infoBonus) === null || _g === void 0 ? void 0 : _g.isBonusProcessed) && (h("div", { key: 'aecd80b9920c8b483d38a1c24a6b38ce03d52b64', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa."))));
+    }
+    static get watchers() { return {
+        "bonus": ["changedBonus"]
+    }; }
+};
+GiftbackInfo.style = GiftbackInfoStyle0;
+
+const loadingContainerCss = ".loading-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000;flex-direction:column;}.loading-container p{margin:6px 0px;color:white;font-size:large}.loading-spinner{width:40px;height:40px;border:5px solid rgba(255, 255, 255, 0.3);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.relative-xy{position:relative}";
+const LoadingContainerStyle0 = loadingContainerCss;
+
+const LoadingContainer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.loading = true;
+        this.text = null;
+    }
+    render() {
+        return (h("div", { key: '5e323e6b562ee4d770bb2c9f786a23d6b47ce06e', class: "relative-xy" }, this.loading && (h("div", { key: '31183c82285ec32c7de0348885d0fd30e4a82502', class: "loading-container" }, h("div", { key: '1de235c7594a15e822d044364de0700d3c9e1fa4', class: "loading-spinner" }), this.text && h("p", { key: '82daa6b96a1e14d83be2fc22fd879b3a41896d0e' }, this.text))), h("slot", { key: '09c654783fde15f7b34c4a0804fcec07cfa28b30' })));
+    }
+};
+LoadingContainer.style = LoadingContainerStyle0;
+
+const loadingSpinnerCss = ".spinner{display:inline-block;border:4px solid transparent;border-radius:50%;border-top-color:var(--color, #0078d7);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+const LoadingSpinnerStyle0 = loadingSpinnerCss;
+
+const LoadingSpinner = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.size = '50px';
+        this.color = '#0078d7';
+    }
+    render() {
+        return (h("div", { key: 'e1916d264937b0470cd5b1581c87184061b40c3a', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
+    }
+};
+LoadingSpinner.style = LoadingSpinnerStyle0;
+
+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: 'b27f64d8464d4c6b259d2d5f0113f55a6f809afb', class: "crm-phone-form" }, h("p", { key: '6f279841f43cd7f70f7a1b5340288b9c2d11c551', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), h("phone-input-mask", { key: '7e86f63998a4f35d134b8f4e867a5e5c0b9df20a', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '462b7cc91f166c8fc588a5c922ba943a6715dca5', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
+    }
+};
+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: 'bbb0389d0a7ccb8651b8ee20e92dd4cdc94e3617' }, h("input", { key: 'b36cc9e65314cb786c7f94fee6b4992ba30a82e6', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(99) 99999 9999" }), h("p", { key: '81e48cda38cd9a8fc7d753d269425bd4288c57b1', 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: '3f60e4c74c925daf656092812f40ae0d1f3b5a99', class: "crm-phone-form" }, h("label", { key: 'd0c023e22ff7eb8978ee6cc0ca4ced8192c53c20', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: '05bb0e2493c99abaa29031a7cc787260266bb417' }, "+55 ", this.phone)), h("div", { key: '24c8eb55625f3b880741086c66decd96ecf40044', 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: '02276aa80396d16f779a92a381e75506fa37d56d' }), h("p", { key: '27af068858b3ead8a70b8ec961d367c7beb04d94', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: '8ef93baf6f92142292078e5e4bcc125ff12b80d7' }, " Reenviar em", h("countdown-timer", { key: 'f3a0c60c7a88229e37add445886c44b00c60913f', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '2d1b5b028a7085d912acb0d0c696436e8aa75a29' }, h("a", { key: 'ad9aea2c6f167f1270c75b8dbd2ee79879f7567d', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: 'b0734ab0e472c5cf24fa083c0a712e4f29cf8d79', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '39095211d007c871f48971509c3ff52b0f257c29', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
+    }
+};
+GiftbackPin.style = PinFormStyle0 + PinFormStyle1;
+
+export { CountdownTimer as countdown_timer, CrmBonus$1 as crm_bonus, Button as crm_button, CrmBonus as crm_giftback_form, Tooltip as crm_tooltip, GiftbackInfo as giftback_info, LoadingContainer as loading_container, LoadingSpinner as loading_spinner, PhoneForm as phone_form, PhoneInputMask as phone_input_mask, GiftbackPin as pin_form };
+
+//# sourceMappingURL=countdown-timer_11.entry.js.map