crmbonus-component-wake 2.1.30-ngrok → 2.1.31-ngrok

package/dist/esm/crm-bonus.entry.js

@@ -1,9 +1,5 @@
 import { r as registerInstance, h } from './index-bdb70d5a.js';
-import { C as CrmBonusService, U as USED_KEY } from './crmbonus.service-4c05689c.js';
-import { d as defaultStyles, S as StepFormEnum } from './index-dc3ebdf0.js';
-import { i as instance } from './i18n-b9d8b0cc.js';
-import { b as buildProductsByWake } from './build.payload.helper-c425c0cc.js';
-import { g as getCart, a as getInfoBonusByCartIdAndStoreName, C as CartWake } from './cart.helper-8a2086c0.js';
+import { g as getCart } from './cart.helper-7101c047.js';
 
 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;
@@ -11,263 +7,18 @@ const CrmBonusStyle0 = crmBonusCss;
 const CrmBonus = 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('[START 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() {
-        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", () => {
-                console.log("[CRMBONUS] - Formulário está sendo submetido!");
-                // você pode marcar como "em submissão" aqui
-                setTimeout(async () => {
-                    await this.reprocess();
-                });
-            });
-        });
-        await this.observerHandle();
-        instance.changeLanguage(instance.language);
-        await this.loadSession();
-        this.handleLoad();
-        await this.loadConfigStore();
-    }
-    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)
-        ]);
-        console.log('[infoBonus]', infoBonus);
-        this.reservedInfo = infoBonus;
-        if (customization.keepStoreFrontStyle) {
-            console.log('[bc:usar estilo da loja]');
-            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) => {
-                    console.log('[bc:loading customer]');
-                    if (customer) {
-                        this.customer = customer;
-                        console.log('customer', this.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) {
-        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 + (ajuste.Valor * -1), 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();
+        this.cartWake = undefined;
     }
-    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 componentDidLoad() {
+        await this.loadCheckout();
     }
-    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;
+    async loadCheckout() {
+        this.cartWake = await getCart();
     }
     render() {
-        if (this.canhidden) {
-            return null;
-        }
-        return (h("loading-container", { loading: 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 })));
+        console.log('this.cartWake', this.cartWake);
+        return (h("div", { key: '160366af01c0d75173e38af9b31e415870b6f90f' }, h("loading-container", { key: '2da1fee71ed793c134f4191e05f961bfae4fc042', loading: this.loading }, h("h3", { key: '90f2c25ddf736df8ad27c65bc3cd270844f7f3c9' }, "CARREGANDO...")), this.cartWake && (h("div", { key: '2e2d8b3dec7c33dc4119baed54907372572c5287' }, this.cartWake.id))));
     }
     static get assetsDirs() { return ["assets"]; }
 };

package/dist/esm/crm-bonus.entry.js.map

@@ -1 +1 @@
-{"file":"crm-bonus.entry.js","mappings":"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","names":["i18next"],"sources":["src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["\r\n.container-button {\r\n  /* max-width: 100%; */\r\n  cursor: pointer;\r\n  padding: 5px 5px 5px 14px;\r\n  /* display: flex; */\r\n}\r\n\r\n/* padding: 0 15px 15px;\r\nborder: 1px solid #ddd;\r\nmargin-bottom: 20px; */\r\n\r\n.section-crm {\r\n  border: 1px solid #dbd4d4;\r\n  /* min-height: 50px; */\r\n  text-align: -webkit-center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.section-cart-crm {\r\n  margin-top: 10px;\r\n}\r\n\r\n.section-cart-crm p {\r\n  padding: 0;\r\n  margin: 0px 0px 0px 15px;\r\n}\r\n\r\n.button {\r\n  top: 50%;\r\n  background-color: #6c6c7e;\r\n  color: #fff;\r\n  border: none;\r\n  /* border-radius: 10px; */\r\n  padding: 15px;\r\n  min-height: 30px;\r\n  min-width: 120px;\r\n  /* font-size: 20px; */\r\n  cursor: pointer;\r\n  margin-left: 10px;\r\n  height: 70px;\r\n}\r\n\r\n.form-container {\r\n  width: 97%;\r\n  display: flex;\r\n  justify-content: space-around;\r\n}\r\n\r\n\r\n.btn {\r\n  display: inline-block;\r\n  padding: 6px 12px;\r\n  margin-bottom: 0;\r\n  /* font-size: 14px; */\r\n  font-weight: 400;\r\n  line-height: 1.42857143;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  vertical-align: middle;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  background-image: none;\r\n  border: 1px solid transparent;\r\n  border-radius: 0px;\r\n}\r\n\r\n.form-container .btnCrm {\r\n  background: #00162e;\r\n  border-color: #00162e;\r\n  width: 30%;\r\n  color: #fff;\r\n}\r\n\r\n.message-alert {\r\n  color: #df4d4d;\r\n  margin-top: 5px;\r\n}","import { Component, Method, Prop, State, h } from '@stencil/core';\r\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\r\nimport { CrmBonusService } from '../../services/crmbonus.service';\r\nimport { IPinSent } from '../../components';\r\nimport { defaultStyles, StepFormEnum } from '../../contants';\r\n\r\nimport i18next from '../../i18n/i18n'\r\nimport { buildProductsByWake } from '../../helpers/build.payload.helper';\r\nimport { getCart, getInfoBonusByCartIdAndStoreName } from '../../helpers/cart.helper';\r\nimport { CartWake } from '../../objectvalues/cart.wake';\r\nimport { USED_KEY } from '../../utils/keys.storage';\r\nimport { ReservedInfoDTO } from '../../dto/reserved-info.dto';\r\n\r\n@Component({\r\n  tag: 'crm-bonus',\r\n  styleUrl: 'crm-bonus.css',\r\n  assetsDirs: ['assets'],\r\n  // scoped: true\r\n  shadow: true\r\n})\r\nexport class CrmBonus {\r\n\r\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\r\n\r\n  private crmBonusRef: HTMLCrmGiftbackFormElement;\r\n\r\n  @Prop() cart;\r\n  @Prop() canhidden: boolean = false;\r\n\r\n  @State() showModal: boolean = false;\r\n\r\n  @State() cartWake: CartWake;\r\n\r\n  @State() customer: ICustomer = {\r\n    birthDate: \"\",\r\n    document: \"\",\r\n    name: \"\",\r\n    phone: \"\"\r\n  };\r\n\r\n  @State() loading: boolean = false;\r\n  @State() message: string;\r\n  @State() phone: number;\r\n  @State() canCancel: boolean = false;\r\n  @State() amountCancel: string;\r\n  @State() sent: IPinSent;\r\n\r\n  @State() session: string;\r\n  @State() loading_reprocess = false;\r\n  @State() styles = defaultStyles;\r\n  @State() reservedInfo: ReservedInfoDTO;\r\n\r\n  @Method()\r\n  async resetBonus() {\r\n    console.log('[START RESET BONUS]!!!!!');\r\n\r\n    try {\r\n      await this.crmBonusRef.processBonus(this.buildProducts(), true);\r\n      console.log('[BONUS RESETADO]!!!!!');\r\n    } catch (err) {\r\n\r\n      this.loading = false;\r\n      console.log('[error ao reprocessar bonous]');\r\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PHONE);\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setloading() {\r\n    this.loading_reprocess = !this.loading_reprocess;\r\n  }\r\n\r\n  @Method()\r\n  async reprocess() {\r\n    console.log(\"[CRMBONUS] - reprocess\")\r\n    this.loading_reprocess = true\r\n\r\n    try {\r\n\r\n      const isUse = localStorage.getItem(USED_KEY);\r\n\r\n      if (!isUse) return;\r\n\r\n      this.cartWake = await getCart();\r\n      await this.resetBonus();\r\n    } catch (err) {\r\n      console.debug('[watchProducts]', err.message);\r\n    } finally {\r\n      this.loading_reprocess = false\r\n    }\r\n  }\r\n\r\n  async componentWillLoad() {\r\n\r\n    window.addEventListener('productRemovedFromCart', async () => {\r\n      console.log('[CRMBONUS] - productRemovedFromCart');\r\n      await this.reprocess()\r\n    });\r\n\r\n    window.addEventListener('productAddedToCart', async () => {\r\n      console.log('[CRMBONUS] - productAddedToCart');\r\n      await this.reprocess();\r\n    });\r\n\r\n    document.querySelectorAll('form').forEach((el) => {\r\n      el.addEventListener(\"submit\", () => {\r\n        console.log(\"[CRMBONUS] - Formulário está sendo submetido!\");\r\n        // você pode marcar como \"em submissão\" aqui\r\n        setTimeout(async () => {\r\n          await this.reprocess();\r\n        })\r\n      });\r\n    });\r\n\r\n    await this.observerHandle();\r\n\r\n    i18next.changeLanguage(i18next.language);\r\n\r\n    await this.loadSession();\r\n\r\n    this.handleLoad();\r\n    await this.loadConfigStore()\r\n  }\r\n\r\n  private async observerHandle() {\r\n    const elements = document.getElementsByTagName('a');\r\n\r\n    //@ts-ignore\r\n    for (let el of elements) {\r\n      console.log('[el.href]', el.href);\r\n      if (el.href.includes('Produto/Delete')) {\r\n        el.addEventListener('click', async () => {\r\n          console.log('[CRMBONUS] - Produto removido do carrinho');\r\n\r\n          setTimeout(async () => {\r\n            await this.reprocess();\r\n            this.observerHandle();\r\n          }, 2000);\r\n\r\n        });\r\n      }\r\n\r\n      if (el.href.includes('Produto/Add')) {\r\n        el.addEventListener('click', async () => {\r\n          console.log('[CRMBONUS] - Produto adicionado ao carrinho');\r\n          setTimeout(async () => {\r\n            await this.reprocess();\r\n            this.observerHandle();\r\n          }, 2000);\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  async loadConfigStore() {\r\n\r\n    const [customization, infoBonus] = await Promise.all([\r\n      this.crmBonusService.getCustomization(this.cartWake.store.name),\r\n      getInfoBonusByCartIdAndStoreName(this.cartWake.id, this.cartWake.store.name)\r\n    ]);\r\n\r\n    console.log('[infoBonus]', infoBonus);\r\n\r\n    this.reservedInfo = infoBonus;\r\n\r\n    if (customization.keepStoreFrontStyle) {\r\n      console.log('[bc:usar estilo da loja]');\r\n      this.styles = null;\r\n    }\r\n  }\r\n\r\n  async fetchCustomer(userId: number, storeName: string) {\r\n    try {\r\n      return await this.crmBonusService.getCustomer(userId, storeName);\r\n    } catch (error) {\r\n      console.error('[fetchCustomer] Error fetching customer:', error);\r\n      return null;\r\n    }\r\n  }\r\n\r\n  async handleLoad() {\r\n    try {\r\n      if (this.cartWake.user.id) {\r\n        this.fetchCustomer(this.cartWake.user.id, this.cartWake.store.name).then((customer) => {\r\n          console.log('[bc:loading customer]');\r\n          if (customer) {\r\n            this.customer = customer;\r\n            console.log('customer', this.customer);\r\n          }\r\n        });\r\n      }\r\n\r\n      const amount = localStorage.getItem(this.cartWake.id);\r\n\r\n      if (amount) {\r\n        this.canCancel = true;\r\n        this.amountCancel = amount;\r\n      }\r\n\r\n      await this.buildAndGetProducts(this.cartWake.products);\r\n    } catch (error) {\r\n      console.log('info customer')\r\n    }\r\n  }\r\n\r\n  async loadSession() {\r\n    this.cartWake = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\r\n    console.log('[bc:carregou carrinho]');\r\n\r\n    this.session = await this.crmBonusService.getToken(this.cartWake.store.name);\r\n    console.log('[bc:carregou session]');\r\n    setTimeout(() => {\r\n      this.loadSession()\r\n    }, 1500000)\r\n\r\n  }\r\n\r\n  async buildAndGetProducts(productsWake: IProductWake[]) {\r\n\r\n    const key = `bc-products:${this.cartWake.id}`;\r\n\r\n    const productsString = JSON.stringify(productsWake)\r\n\r\n    localStorage.setItem(key, productsString);\r\n\r\n    const products_in_cache = JSON.parse(localStorage.getItem(key));\r\n\r\n    const products: Array<IProductWake> = []\r\n\r\n    for (const product_cart of productsWake) {\r\n\r\n      const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\r\n\r\n      const [ajuste = { Valor: 0 }] = pro.Ajustes.filter(aj => aj.Tipo === \"Formula\")\r\n\r\n      if (pro) {\r\n        products.push({\r\n          ...product_cart,\r\n          PrecoPor: pro.PrecoPor + (ajuste.Valor * -1),\r\n          Quantidade: pro.Quantidade,\r\n          Ajustes: pro.Ajustes\r\n        })\r\n      } else {\r\n        products.push(product_cart)\r\n      }\r\n\r\n    }\r\n\r\n    this.cartWake.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);\r\n\r\n  }\r\n\r\n  public async sendPin(phone: string) {\r\n    this.loading = true;\r\n    this.message = \"\";\r\n\r\n    try {\r\n\r\n      const _phone = phone.replace(/\\D/g, '');\r\n      this.phone = Number(_phone);\r\n\r\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.cartWake.store.name);;\r\n\r\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\r\n\r\n      this.showModal = true;\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  public async sendPinName(customerName: string) {\r\n    this.loading = true;\r\n    this.message = \"\";\r\n\r\n    try {\r\n      this.customer.name = customerName;\r\n\r\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.cartWake.store.name);\r\n\r\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\r\n\r\n      this.showModal = true;\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  buildProducts(): IProduct[] {\r\n    return buildProductsByWake(this.cartWake.products);\r\n  }\r\n\r\n  handleCloseModal() {\r\n    this.showModal = false;\r\n  }\r\n\r\n  save(amount: number) {\r\n    localStorage.setItem(this.cartWake.id, amount.toString());\r\n    this.canCancel = true;\r\n    this.amountCancel = amount.toString()\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.cartWake.id);\r\n      this.canCancel = false;\r\n\r\n      localStorage.removeItem(this.cartWake.id);\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  async handleSendPin(phone: string) {\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.customer.phone = phone;\r\n    const _phone = phone.replace(/\\D/g, '');\r\n    this.phone = Number(_phone);\r\n\r\n    if (this.customer.name) {\r\n      return this.sendPin(phone)\r\n    }\r\n\r\n    await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);\r\n    this.showModal = true;\r\n  }\r\n\r\n  render() {\r\n\r\n    if (this.canhidden) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <loading-container loading={this.loading_reprocess} >\r\n        <crm-giftback-form\r\n          customStyles={this.styles}\r\n          style={{ position: \"relative\" }}\r\n          ref={ref => this.crmBonusRef = ref}\r\n          storeName={this.cartWake.store.name}\r\n          products={this.buildProducts()}\r\n          cartId={this.cartWake.id}\r\n          customer={this.customer}\r\n          loadProducts={() => this.buildProducts()}\r\n          loadAll={() => this.handleLoad()}\r\n          reservedInfo={this.reservedInfo}\r\n\r\n        />\r\n      </loading-container>\r\n    )\r\n  }\r\n}\r\n"],"version":3}
+{"file":"crm-bonus.entry.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,o8BAAo8B,CAAC;AACz9B,uBAAe,WAAW;;MCUb,QAAQ;;;uBAEE,KAAK;;;IAIxB,MAAM,gBAAgB;QAClB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAA;KAC5B;IAED,MAAM,YAAY;QACd,IAAI,CAAC,QAAQ,GAAG,MAAM,OAAO,EAAE,CAAC;KACnC;IAED,MAAM;QAEF,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;QAE3C,QACI,8DACI,0EAAmB,OAAO,EAAE,IAAI,CAAC,OAAO,IACpC,6EAAsB,CACN,EAEhB,IAAI,CAAC,QAAQ,KACT,8DACK,IAAI,CAAC,QAAQ,CAAC,EAAE,CACf,CACT,CAEH,EAET;KACJ;;;;;;;","names":[],"sources":["src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","src/components/crm-bonus/crmbonus.tsx"],"sourcesContent":["\r\n.container-button {\r\n  /* max-width: 100%; */\r\n  cursor: pointer;\r\n  padding: 5px 5px 5px 14px;\r\n  /* display: flex; */\r\n}\r\n\r\n/* padding: 0 15px 15px;\r\nborder: 1px solid #ddd;\r\nmargin-bottom: 20px; */\r\n\r\n.section-crm {\r\n  border: 1px solid #dbd4d4;\r\n  /* min-height: 50px; */\r\n  text-align: -webkit-center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.section-cart-crm {\r\n  margin-top: 10px;\r\n}\r\n\r\n.section-cart-crm p {\r\n  padding: 0;\r\n  margin: 0px 0px 0px 15px;\r\n}\r\n\r\n.button {\r\n  top: 50%;\r\n  background-color: #6c6c7e;\r\n  color: #fff;\r\n  border: none;\r\n  /* border-radius: 10px; */\r\n  padding: 15px;\r\n  min-height: 30px;\r\n  min-width: 120px;\r\n  /* font-size: 20px; */\r\n  cursor: pointer;\r\n  margin-left: 10px;\r\n  height: 70px;\r\n}\r\n\r\n.form-container {\r\n  width: 97%;\r\n  display: flex;\r\n  justify-content: space-around;\r\n}\r\n\r\n\r\n.btn {\r\n  display: inline-block;\r\n  padding: 6px 12px;\r\n  margin-bottom: 0;\r\n  /* font-size: 14px; */\r\n  font-weight: 400;\r\n  line-height: 1.42857143;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  vertical-align: middle;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  background-image: none;\r\n  border: 1px solid transparent;\r\n  border-radius: 0px;\r\n}\r\n\r\n.form-container .btnCrm {\r\n  background: #00162e;\r\n  border-color: #00162e;\r\n  width: 30%;\r\n  color: #fff;\r\n}\r\n\r\n.message-alert {\r\n  color: #df4d4d;\r\n  margin-top: 5px;\r\n}","import { Component, h, State } from \"@stencil/core\";\r\nimport { CartWake } from \"../../objectvalues/cart.wake\";\r\nimport { getCart } from \"../../helpers/cart.helper\";\r\n\r\n@Component({\r\n    tag: 'crm-bonus',\r\n    styleUrl: 'crm-bonus.css',\r\n    assetsDirs: ['assets'],\r\n    // scoped: true\r\n    shadow: true\r\n})\r\nexport class CrmBonus {\r\n\r\n    @State() loading = false;\r\n\r\n    @State() cartWake: CartWake;\r\n\r\n    async componentDidLoad() {\r\n        await this.loadCheckout()\r\n    }\r\n\r\n    async loadCheckout() {\r\n        this.cartWake = await getCart();\r\n    }\r\n\r\n    render() {\r\n\r\n        console.log('this.cartWake', this.cartWake)\r\n\r\n        return (\r\n            <div>\r\n                <loading-container loading={this.loading}>\r\n                    <h3>CARREGANDO...</h3>\r\n                </loading-container>\r\n                {\r\n                    this.cartWake && (\r\n                        <div>\r\n                            {this.cartWake.id}\r\n                        </div>\r\n                    )\r\n                }\r\n            </div>\r\n\r\n        )\r\n    }\r\n}"],"version":3}

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

@@ -1,9 +1,7 @@
 import { r as registerInstance, h } from './index-bdb70d5a.js';
-import { C as CrmBonusService, g as getKeyReserveByCartId, U as USED_KEY } from './crmbonus.service-4c05689c.js';
-import { S as StepFormEnum } from './index-dc3ebdf0.js';
+import { a as CrmBonusService, c as getKeyReserveByCartId, U as USED_KEY, p as persisteMetadata } from './cart.helper-7101c047.js';
+import { S as StepFormEnum, i as instance } from './i18n-7938fb86.js';
 import { g as getInfoCustomization } from './info.config.helper-7cad7a9c.js';
-import { i as instance } from './i18n-b9d8b0cc.js';
-import { p as persisteMetadata } from './cart.helper-8a2086c0.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;
@@ -266,11 +264,11 @@ const CrmBonus = class {
     }
     render() {
         console.log("cartId", this.cartId);
-        return (h("div", { key: 'e012c67ed92ba775e8696e35e4f1bec0c0375de4', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, h("label", { key: 'd7f551fc83ae9f83a388e18ba9a35bf57e3c1f94', class: "crm-title" }, this.config.giftbackTitle), this.error && (h("label", { key: 'fe377fc09b5b64ce6283e64a80c3f11f7efb9d24', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_PHONE &&
-            h("phone-form", { key: 'dd7a29d00056cf4b6b732633395e696163bfc354', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
-            h("pin-form", { key: '52b0ca1ab73831ed10e3aa6ed39f5f7c9a65e6cb', 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: '520a508cc10894bce1bb90830f10f9b86ee9b3f8', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: '83b8d19d4b0e0579a23fa4e8438173d0c308a926', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
-            h("giftback-info", { key: '93cf5b7d21bc8eaf2b8699682245e36c8a2c023d', 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: '8c6a1eb19b6952e3222cbb718ee58a55430cfb3e', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
+        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;

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

@@ -1 +1 @@
-{"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}
+{"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}