crmbonus-component-wake 2.1.20-homolog → 2.1.22-homolog-tray

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["crm-bonus",[[1,"crm-bonus",{"cart":[8],"showModal":[32],"cartWake":[32],"customer":[32],"loading":[32],"message":[32],"phone":[32],"canCancel":[32],"amountCancel":[32],"sent":[32],"session":[32],"loading_reprocess":[32],"styles":[32],"reservedInfo":[32],"resetBonus":[64],"setloading":[64],"reprocess":[64]}]]],["crm-bonus-form",[[1,"crm-bonus-form",{"storeName":[8,"storename"],"cartId":[8,"cart-id"],"products":[16],"customer":[16],"sent":[16],"stepNext":[2,"step-next"],"phone":[2],"loadingModal":[4,"loading-modal"],"saveStore":[16],"cancel":[16],"handleCustomerName":[16],"loading":[32],"step":[32],"message":[32],"bonus":[32],"setStep":[64]}]]],["phone-cancel-input",[[1,"phone-cancel-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["phone-input",[[1,"phone-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["crm-bonus-note",[[0,"crm-bonus-note",{"cart":[8],"cartWake":[32],"url":[32],"config":[32],"bonus":[32],"showEdit":[32],"styles":[32],"info":[32]}]]],["app-modal",[[1,"app-modal",{"isOpen":[516,"is-open"],"modalTitle":[1,"modal-title"]}]]],["countdown-timer-v2",[[1,"countdown-timer-v2",{"downtime":[16],"reload":[4],"dates":[16],"seconds":[32],"minutes":[32]}]]],["pedido-finalizado",[[0,"pedido-finalizado",{"cart":[8]}]]],["crm-button",[[0,"crm-button",{"txtBtn":[1,"txt-btn"],"loading":[4],"handleClick":[16]}]]],["countdown-timer",[[0,"countdown-timer",{"downtime":[16],"dataCriacao":[1,"data-criacao"],"minutos":[2],"segundos":[2],"tempoRestante":[32]}]]],["phone-input-mask",[[1,"phone-input-mask",{"initialValue":[1,"initial-value"],"disabled":[4],"phone":[32],"message":[32],"getPhone":[64]}]]],["loading-spinner",[[1,"loading-spinner",{"size":[1],"color":[1]}]]],["crm-tooltip_4",[[0,"phone-form",{"value":[1],"loading":[4],"handlerSubmit":[16],"config":[16]}],[1,"pin-form",{"validate":[16],"cancel":[16],"resend":[16],"sent":[16],"loading":[4],"phone":[1],"config":[16],"pin":[32],"isVerified":[32],"canResend":[32]}],[0,"giftback-info",{"cartId":[8,"cart-id"],"loading":[4],"bonus":[16],"reserve":[16],"cancel":[16],"config":[16],"infoBonus":[16],"storeName":[1,"store-name"],"usedValue":[32],"selectedOption":[32],"sliderPosition":[32],"sliderValuePosition":[32],"loadingTime":[32]},null,{"bonus":["changedBonus"]}],[0,"crm-tooltip",{"text":[1],"identity":[1]}]]],["crm-giftback-form_2",[[0,"crm-giftback-form",{"storeName":[8,"storename"],"cartId":[8,"cart-id"],"products":[16],"customer":[16],"loadProducts":[16],"loadAll":[16],"customStyles":[8,"custom-styles"],"reservedInfo":[16],"value":[32],"loading":[32],"message":[32],"phone":[32],"pinInfo":[32],"step":[32],"bonus":[32],"sucess":[32],"error":[32],"config":[32],"hasApplyBonus":[32],"setStep":[64],"processBonus":[64]}],[4,"loading-container",{"loading":[4]}]]],["giftback-finish_4",[[1,"giftback-pin",{"sent":[16],"validate":[16],"cancel":[16],"loading":[4],"pin":[32],"isVerified":[32]}],[1,"giftback-progress",{"loading":[4],"bonus":[16],"reserve":[16],"cancel":[16],"usedValue":[32]}],[1,"name-input",{"value":[1],"loading":[4],"applyName":[16],"cancel":[16],"newValue":[32],"message":[32]}],[1,"giftback-finish"]]]], options);
+  return bootstrapLazy([["crm-bonus",[[1,"crm-bonus",{"cart":[8],"showModal":[32],"cartWake":[32],"customer":[32],"loading":[32],"message":[32],"phone":[32],"canCancel":[32],"amountCancel":[32],"sent":[32],"session":[32],"loading_reprocess":[32],"styles":[32],"reservedInfo":[32],"resetBonus":[64],"setloading":[64],"reprocess":[64]}]]],["crm-bonus-form",[[1,"crm-bonus-form",{"storeName":[8,"storename"],"cartId":[8,"cart-id"],"products":[16],"customer":[16],"sent":[16],"stepNext":[2,"step-next"],"phone":[2],"loadingModal":[4,"loading-modal"],"saveStore":[16],"cancel":[16],"handleCustomerName":[16],"loading":[32],"step":[32],"message":[32],"bonus":[32],"setStep":[64]}]]],["phone-cancel-input",[[1,"phone-cancel-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["phone-input",[[1,"phone-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["crm-bonus-note",[[0,"crm-bonus-note",{"cart":[8],"cartWake":[32],"url":[32],"config":[32],"bonus":[32],"showEdit":[32],"styles":[32],"info":[32]}]]],["app-modal",[[1,"app-modal",{"isOpen":[516,"is-open"],"modalTitle":[1,"modal-title"]}]]],["countdown-timer-v2",[[1,"countdown-timer-v2",{"downtime":[16],"reload":[4],"dates":[16],"seconds":[32],"minutes":[32]}]]],["crm-bonus-tray",[[0,"crm-bonus-tray"]]],["pedido-finalizado",[[0,"pedido-finalizado",{"cart":[8]}]]],["crm-button",[[0,"crm-button",{"txtBtn":[1,"txt-btn"],"loading":[4],"handleClick":[16]}]]],["countdown-timer",[[0,"countdown-timer",{"downtime":[16],"dataCriacao":[1,"data-criacao"],"minutos":[2],"segundos":[2],"tempoRestante":[32]}]]],["phone-input-mask",[[1,"phone-input-mask",{"initialValue":[1,"initial-value"],"disabled":[4],"phone":[32],"message":[32],"getPhone":[64]}]]],["loading-spinner",[[1,"loading-spinner",{"size":[1],"color":[1]}]]],["crm-giftback-form_2",[[0,"crm-giftback-form",{"storeName":[8,"storename"],"cartId":[8,"cart-id"],"products":[16],"customer":[16],"loadProducts":[16],"loadAll":[16],"customStyles":[8,"custom-styles"],"reservedInfo":[16],"value":[32],"loading":[32],"message":[32],"phone":[32],"pinInfo":[32],"step":[32],"bonus":[32],"sucess":[32],"error":[32],"config":[32],"hasApplyBonus":[32],"setStep":[64],"processBonus":[64]}],[4,"loading-container",{"loading":[4]}]]],["giftback-finish_4",[[1,"giftback-pin",{"sent":[16],"validate":[16],"cancel":[16],"loading":[4],"pin":[32],"isVerified":[32]}],[1,"giftback-progress",{"loading":[4],"bonus":[16],"reserve":[16],"cancel":[16],"usedValue":[32]}],[1,"name-input",{"value":[1],"loading":[4],"applyName":[16],"cancel":[16],"newValue":[32],"message":[32]}],[1,"giftback-finish"]]],["crm-tooltip_4",[[0,"phone-form",{"value":[1],"loading":[4],"handlerSubmit":[16],"config":[16]}],[1,"pin-form",{"validate":[16],"cancel":[16],"resend":[16],"sent":[16],"loading":[4],"phone":[1],"config":[16],"pin":[32],"isVerified":[32],"canResend":[32]}],[0,"giftback-info",{"cartId":[8,"cart-id"],"loading":[4],"bonus":[16],"reserve":[16],"cancel":[16],"config":[16],"infoBonus":[16],"storeName":[1,"store-name"],"usedValue":[32],"selectedOption":[32],"sliderPosition":[32],"sliderValuePosition":[32],"loadingTime":[32]},null,{"bonus":["changedBonus"]}],[0,"crm-tooltip",{"text":[1],"identity":[1]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/pedido-finalizado.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-bdb70d5a.js';
-import { C as CrmBonusService } from './crmbonus.service-0bd0a5ac.js';
-import { C as CartWake, g as getCart } from './cart.helper-c6fd0b36.js';
+import { C as CrmBonusService } from './crmbonus.service-5bc16be9.js';
+import { C as CartWake, g as getCart } from './cart.helper-8be1bc35.js';
 
 const Pedido = class {
     constructor(hostRef) {

package/dist/types/components.d.ts

@@ -54,6 +54,8 @@ export namespace Components {
     interface CrmBonusNote {
         "cart": any;
     }
+    interface CrmBonusTray {
+    }
     interface CrmButton {
         "handleClick": () => void;
         "loading": boolean;
@@ -198,6 +200,12 @@ declare global {
         prototype: HTMLCrmBonusNoteElement;
         new (): HTMLCrmBonusNoteElement;
     };
+    interface HTMLCrmBonusTrayElement extends Components.CrmBonusTray, HTMLStencilElement {
+    }
+    var HTMLCrmBonusTrayElement: {
+        prototype: HTMLCrmBonusTrayElement;
+        new (): HTMLCrmBonusTrayElement;
+    };
     interface HTMLCrmButtonElement extends Components.CrmButton, HTMLStencilElement {
     }
     var HTMLCrmButtonElement: {
@@ -301,6 +309,7 @@ declare global {
         "crm-bonus": HTMLCrmBonusElement;
         "crm-bonus-form": HTMLCrmBonusFormElement;
         "crm-bonus-note": HTMLCrmBonusNoteElement;
+        "crm-bonus-tray": HTMLCrmBonusTrayElement;
         "crm-button": HTMLCrmButtonElement;
         "crm-giftback-form": HTMLCrmGiftbackFormElement;
         "crm-tooltip": HTMLCrmTooltipElement;
@@ -355,6 +364,8 @@ declare namespace LocalJSX {
     interface CrmBonusNote {
         "cart"?: any;
     }
+    interface CrmBonusTray {
+    }
     interface CrmButton {
         "handleClick"?: () => void;
         "loading"?: boolean;
@@ -450,6 +461,7 @@ declare namespace LocalJSX {
         "crm-bonus": CrmBonus;
         "crm-bonus-form": CrmBonusForm;
         "crm-bonus-note": CrmBonusNote;
+        "crm-bonus-tray": CrmBonusTray;
         "crm-button": CrmButton;
         "crm-giftback-form": CrmGiftbackForm;
         "crm-tooltip": CrmTooltip;
@@ -478,6 +490,7 @@ declare module "@stencil/core" {
             "crm-bonus": LocalJSX.CrmBonus & JSXBase.HTMLAttributes<HTMLCrmBonusElement>;
             "crm-bonus-form": LocalJSX.CrmBonusForm & JSXBase.HTMLAttributes<HTMLCrmBonusFormElement>;
             "crm-bonus-note": LocalJSX.CrmBonusNote & JSXBase.HTMLAttributes<HTMLCrmBonusNoteElement>;
+            "crm-bonus-tray": LocalJSX.CrmBonusTray & JSXBase.HTMLAttributes<HTMLCrmBonusTrayElement>;
             "crm-button": LocalJSX.CrmButton & JSXBase.HTMLAttributes<HTMLCrmButtonElement>;
             "crm-giftback-form": LocalJSX.CrmGiftbackForm & JSXBase.HTMLAttributes<HTMLCrmGiftbackFormElement>;
             "crm-tooltip": LocalJSX.CrmTooltip & JSXBase.HTMLAttributes<HTMLCrmTooltipElement>;

package/dist/types/home/darlison/Projects/Bycoders/crmbonus/crmbonus-component/.stencil/env.d.ts

@@ -1,2 +1,2 @@
-export declare const CRM_BONUS_API_URL = "https://wake.crmbonus.com/api";
+export declare const CRM_BONUS_API_URL = "https://wake-middleware.crmbonus.com/api";
 export declare const CHECKOUT_CART_WAKE = "http://localhost:3001";

package/dist/types/tray-ecommerce/crm-bonus-tray.d.ts

@@ -0,0 +1,3 @@
+export declare class crmBonusTray {
+    render(): any;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crmbonus-component-wake",
-  "version": "2.1.20-homolog",
+  "version": "2.1.22-homolog-tray",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/crmbonus-component-wake/p-4cdd8038.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["giftbackFormCss","CrmGiftbackFormStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","StepFormEnum","STEP_RESERVE","setStep","step","processBonus","products","hasNewProduct","loadProducts","sucess","console","log","_bonus","localStorage","getItem","getKeyReserveByCartId","cartId","bonus","JSON","parse","phone","pinInfo","storeId","userId","validateBonus","handleSendPin","loadAll","message","sendPin","componentWillLoad","error","config","getInfoCustomization","storeName","phoneAgain","getPhoneNumberAgain","STEP_PHONE","consulta_bonus","hasBonus","convertStringToNumber","_phone","replace","Number","loading","pinInfoCache","_a","customer","name","STEP_PIN","_c","_b","response","data","changePhone","pin","used_or_no","USED_KEY","payload","cellphone","toString","checkoutId","checkoutProducts","validatePinBonus","setItem","stringify","Object","assign","STEP_NO_BONUS","bonusBalance","updateMetadata","_error","includes","reservedInfo","isBonusProcessed","isExpired","persisteMetadata","createdAt","Date","now","url","window","location","href","removeItem","handleCancel","cancel","save","reserveApply","amount","reserve","redeemedBonus","ticket","grossValue","totalValue","render","h","key","class","style","customStyles","giftbackTitle","value","handlerSubmit","resend","validate","infoBonus","i18next","t","storename","loadingContainerCss","LoadingContainerStyle0","LoadingContainer"],"sources":["src/components/giftback-form/giftback-form.css?tag=crm-giftback-form","src/components/giftback-form/giftback-form.tsx","src/components/loading-container/loading-container.css?tag=loading-container","src/components/loading-container/loading-container.tsx"],"sourcesContent":["* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    /* font-size: var(--crmfont-sizebodymd); */\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    /* font-size: 14px; */\n    font-size: .875rem;\n    line-height: 1.25rem;\n    \n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    /* font-size: 16px; */\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    /* font-size: 12px; */\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    /* font-size: 12px; */\n}","import { Component, Method, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent'\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport i18next from \"../../i18n/i18n\"\nimport { USED_KEY, getKeyReserveByCartId } from \"../../utils/keys.storage\";\nimport { persisteMetadata } from \"../../helpers/cart.helper\";\nimport { ReservedInfoDTO } from \"../../dto/reserved-info.dto\";\n\n@Component({\n  tag: 'crm-giftback-form',\n  styleUrl: 'giftback-form.css',\n  shadow: false\n})\nexport class CrmBonus {\n  // private phoneInputMask: HTMLPhoneFormElement;\n\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n  @Prop({ attribute: 'storename' }) storeName;\n  @Prop() cartId;\n  @Prop() products: Array<IProduct>;\n  @Prop() customer: ICustomer;\n  @Prop() loadProducts: () => void;\n  @Prop() loadAll: () => void;\n\n  @Prop() customStyles;\n  @Prop() reservedInfo: ReservedInfoDTO;\n\n  @State() value: string;\n  @State() loading: boolean = false;\n  @State() message: string;\n  @State() phone: string;\n  @State() pinInfo: IPinSent;\n  @State() step: StepFormEnum = StepFormEnum.STEP_RESERVE;\n  @State() bonus: IBonus;\n\n  @State() sucess: string = \"\";\n  @State() error: string = \"\";\n  @State() config: IInfoStore;\n  @State() hasApplyBonus = false;\n\n  @Method()\n  async setStep(step: StepFormEnum) {\n    this.step = step\n  }\n\n  @Method()\n  async processBonus(products: IProduct[] = [], hasNewProduct = false) {\n    await this.loadProducts()\n    this.sucess = \"\";\n\n    console.log('processBonus', [])\n    if (hasNewProduct) {\n      this.products = products;\n    }\n\n    const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n    if (_bonus) {\n\n      const bonus = JSON.parse(_bonus)\n\n      this.bonus = bonus;\n\n      this.phone = bonus.phone;\n      this.pinInfo = {\n        storeId: bonus.storeId,\n        userId: bonus.userId\n      }\n\n      await this.validateBonus(\"2018\");\n      //this.step = StepFormEnum.STEP_RESERVE;\n\n    }\n  }\n\n  async handleSendPin(phone: string) {\n    await this.loadAll()\n    this.message = \"\"\n    if (!phone) {\n      this.message = \"Informe seu telefone\";\n      return;\n    }\n\n    this.phone = phone;\n\n    this.sendPin();\n  }\n\n  async componentWillLoad() {\n    this.sucess = \"\";\n    this.error = \"\"\n    this.config = getInfoCustomization(this.storeName);\n\n    const phoneAgain = this.getPhoneNumberAgain();\n\n    if (phoneAgain) {\n      this.step = StepFormEnum.STEP_PHONE;\n      return\n    }\n\n    await this.processBonus();\n\n  }\n\n  getPhoneNumberAgain() {\n    const consulta_bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n    if (!consulta_bonus) return true;\n\n    const bonus = JSON.parse(consulta_bonus);\n\n    return !bonus.hasBonus;\n  }\n\n  private convertStringToNumber(): number {\n    const _phone = this.phone.replace(/\\D/g, '');\n    return Number(_phone);\n  }\n\n  public async sendPin() {\n    this.loading = true;\n    this.message = \"\";\n    this.sucess = \"\";\n    this.error = \"\"\n\n    try {\n\n      const _phone = this.convertStringToNumber();\n      const pinInfoCache = localStorage.getItem(`bc:${this.phone}`);\n\n      if (!pinInfoCache) {\n        this.pinInfo = await this.crmBonusService.sendPin(_phone, this.customer?.name, this.storeName);\n      }\n\n      if (pinInfoCache) {\n\n        const bonus = JSON.parse(pinInfoCache);\n\n        this.pinInfo = {\n          storeId: bonus.storeId,\n          userId: bonus.userId\n        }\n\n        await this.validateBonus(\"2018\");\n        this.step = StepFormEnum.STEP_RESERVE;\n      } else {\n        this.step = StepFormEnum.STEP_PIN;\n      }\n\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  changePhone() {\n    this.sucess = \"\";\n    this.error = \"\"\n    this.step = StepFormEnum.STEP_PHONE;\n  }\n\n  public async validateBonus(pin: string) {\n\n    await this.loadProducts();\n\n    const used_or_no = localStorage.getItem(USED_KEY);\n\n    if (used_or_no == \"dontUse\") {\n      this.step = StepFormEnum.STEP_RESERVE;\n      return\n    }\n\n    this.loading = true;\n    this.sucess = \"\";\n    this.error = \"\";\n    const payload: IProccesPinBonusDto = {\n      pin: pin,\n      cellphone: this.convertStringToNumber(),\n      storeId: this.pinInfo.storeId.toString(),\n      userId: this.pinInfo.userId.toString(),\n      checkoutId: this.cartId,\n      checkoutProducts: this.products,\n      name: this.customer?.name,\n      storeName: this.storeName\n    }\n\n    try {\n      this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n      if (!this.bonus.hasBonus) {\n\n        localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\n\n        this.loading = false;\n        this.step = StepFormEnum.STEP_NO_BONUS;\n        return\n      }\n\n      this.sucess = \"Código validado com sucesso!\";\n      localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\n      localStorage.setItem(`bc:${this.phone}`, JSON.stringify(this.bonus));\n\n      localStorage.setItem(USED_KEY, \"use\");\n      localStorage.setItem(this.cartId, this.bonus.bonusBalance.toString());\n\n      await this.updateMetadata();\n\n      this.step = StepFormEnum.STEP_RESERVE;\n\n    } catch (error) {\n      const _error: string = error?.response?.data?.response;\n\n      if (_error && _error.includes(\"Pin\")) {\n        this.error = \"Código inválido!\"\n      } else {\n        this.error = _error;\n        this.step = StepFormEnum.STEP_NO_BONUS;\n      }\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  private async updateMetadata() {\n    try {\n\n      if(!this.reservedInfo.isBonusProcessed) return;\n\n      if (this.reservedInfo.isExpired()) {\n        console.log('[CRM:updateMetadata]')\n        await persisteMetadata(this.storeName, this.cartId, {\n          createdAt: Date.now(),\n          url: window.location.href\n        });\n\n        localStorage.removeItem(\"bc:time\");\n      }\n    } catch (error) {\n      console.error('[CRMBONUS:updateMetadata]: ', error);\n    }\n  }\n\n  public handleCancel() {\n    // this.step = StepFormEnum.STEP_PHONE;\n    this.cancel()\n  }\n\n  async cancel() {\n    this.message = \"\";\n    this.loading = true;\n    try {\n      await this.crmBonusService.cancel(this.cartId);\n\n      localStorage.setItem(USED_KEY, \"dontUse\");\n      this.save(0)\n      await this.updateMetadata();\n    } catch (error) {\n      this.message = \"Não consegui cancelar o bônus, tente novamente!\"\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  public async reserveApply(amount: number) {\n    this.loading = true;\n    this.message = \"\";\n    try {\n      await this.reserve(amount);\n      this.save(amount);\n\n    } catch (error) {\n      this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\n\n      this.step = StepFormEnum.STEP_NO_BONUS;\n      localStorage.removeItem(this.cartId);\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  save(amount: number) {\n    localStorage.setItem(this.cartId, amount.toString());\n  }\n\n  public async reserve(amount: number) {\n\n    await this.crmBonusService.reserve({\n      redeemedBonus: amount,\n      cartId: this.cartId,\n      ticket: this.cartId,\n      grossValue: Number(this.bonus.totalValue),\n      storeName: this.storeName,\n      storeId: this.bonus.storeId.toString(),\n      userId: this.bonus.userId\n    });\n  }\n\n  render() {\n    console.log(\"cartId\", this.cartId)\n    return (\n      <div class=\"crm-container-form fbits-responsive-carrinho-desconto\" style={this.customStyles}  >\n\n        {/* <loading-container /> */}\n\n        <label class=\"crm-title\">{this.config.giftbackTitle}</label>\n\n        {this.step === StepFormEnum.STEP_PHONE &&\n          <phone-form\n            value={this.customer.phone}\n            config={this.config}\n            loading={this.loading}\n            handlerSubmit={(phone) => this.handleSendPin(phone)}\n          />}\n        {\n          this.step === StepFormEnum.STEP_PIN &&\n          <pin-form\n            config={this.config}\n            phone={this.phone}\n            cancel={() => this.changePhone()}\n            resend={() => this.sendPin()}\n            validate={(data) => this.validateBonus(data)}\n            loading={this.loading}\n          >\n            {this.sucess && <p class=\"crm-message-info\">{this.sucess}</p>}\n            {this.error && <p class=\"crm-message-error\">{this.error}</p>}\n\n          </pin-form>\n        }\n\n        {\n          this.step === StepFormEnum.STEP_RESERVE &&\n          <giftback-info\n            storeName={this.storeName}\n            infoBonus={this.reservedInfo}\n            config={this.config}\n            loading={this.loading}\n            cancel={() => this.handleCancel()}\n            bonus={this.bonus}\n            reserve={() => this.processBonus()}\n            cartId={this.cartId}\n          />\n        }\n\n        {\n          this.step === StepFormEnum.STEP_NO_BONUS &&\n          (\n            <div class=\"container-message\">\n              {i18next.t(\"noGiftback\", { storename: this.config.giftbackTitle })}\n            </div>\n          )\n\n        }\n      </div>\n    )\n  }\n}","/* Estilo para centralizar o container do loading */\n.loading-container {\n  position: absolute;\n  /* Fixa o loading na tela */\n  top: 0;\n  left: 0;\n  width: 100%;\n  /* Tamanho total da tela */\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  /* Fundo semitransparente */\n  display: flex;\n  /* Centraliza o conteúdo */\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n  /* Coloca o loading acima de outros elementos */\n}\n\n/* Estilo do spinner (círculo giratório) */\n.loading-spinner {\n  width: 50px;\n  height: 50px;\n  border: 5px solid rgba(255, 255, 255, 0.3);\n  /* Borda semitransparente */\n  border-top: 5px solid white;\n  /* Borda que será animada */\n  border-radius: 50%;\n  /* Faz o círculo */\n  animation: spin 1s linear infinite;\n  /* Gira continuamente */\n}\n\n/* Keyframes para a animação de rotação */\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.relative-xy {\n  position: relative;\n}","import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'loading-container',\n    styleUrl: 'loading-container.css'\n})\nexport class LoadingContainer {\n\n    @Prop() loading: boolean = true;\n\n    render() {\n        return (\n            <div class=\"relative-xy\">\n                {\n                    this.loading && (\n                        <div class=\"loading-container\">\n                            <div class=\"loading-spinner\">\n\n                            </div>\n                            \n                        </div>\n                    )\n                }\n                <slot></slot>\n            </div>\n        )\n    }\n}"],"mappings":"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","ignoreList":[]}