crmbonus-component-wake 2.0.47 → 2.0.49

package/dist/cjs/{index-fdad75ce.js → index-96a8951f.js}

@@ -7,9 +7,10 @@ exports.StepFormEnum = void 0;
     StepFormEnum[StepFormEnum["STEP_PIN"] = 2] = "STEP_PIN";
     StepFormEnum[StepFormEnum["STEP_RESERVE"] = 3] = "STEP_RESERVE";
     StepFormEnum[StepFormEnum["STEP_APPLY"] = 4] = "STEP_APPLY";
+    StepFormEnum[StepFormEnum["STEP_NO_BONUS"] = 5] = "STEP_NO_BONUS";
 })(exports.StepFormEnum || (exports.StepFormEnum = {}));
 const MESSAGE_ERROR_INVALID_NUMBER = "Número inválido";
 
 exports.MESSAGE_ERROR_INVALID_NUMBER = MESSAGE_ERROR_INVALID_NUMBER;
 
-//# sourceMappingURL=index-fdad75ce.js.map
+//# sourceMappingURL=index-96a8951f.js.map

package/dist/cjs/index-96a8951f.js.map

@@ -0,0 +1 @@
+{"file":"index-96a8951f.js","mappings":";;AAAYA;AAAZ,WAAY,YAAY;IACpB,yDAAa,CAAA;IACb,2DAAc,CAAA;IACd,uDAAY,CAAA;IACZ,+DAAgB,CAAA;IAChB,2DAAc,CAAA;IACd,iEAAiB,CAAA;AACrB,CAAC,EAPWA,oBAAY,KAAZA,oBAAY,QAOvB;MAEY,4BAA4B,GAAE;;;;","names":["StepFormEnum"],"sources":["src/contants/index.ts"],"sourcesContent":["export enum StepFormEnum {\n    STEP_NAME = 0,\n    STEP_PHONE = 1,\n    STEP_PIN = 2,\n    STEP_RESERVE = 3,\n    STEP_APPLY = 4,\n    STEP_NO_BONUS = 5\n}\n\nexport const MESSAGE_ERROR_INVALID_NUMBER= \"Número inválido\""],"version":3}

package/dist/cjs/info.config.helper-c5d9f781.js

@@ -0,0 +1,16 @@
+'use strict';
+
+function getInfoCustomization(storeName) {
+    const infos = localStorage.getItem(`bc:${storeName}`);
+    if (infos)
+        return JSON.parse(infos);
+    return {
+        btnApplyBonusLabel: "Avançar",
+        confirmationMessage: "",
+        giftbackTitle: "Giftback"
+    };
+}
+
+exports.getInfoCustomization = getInfoCustomization;
+
+//# sourceMappingURL=info.config.helper-c5d9f781.js.map

package/dist/cjs/info.config.helper-c5d9f781.js.map

@@ -0,0 +1 @@
+{"file":"info.config.helper-c5d9f781.js","mappings":";;SAOgB,oBAAoB,CAAC,SAAiB;IAClD,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,SAAS,EAAE,CAAC,CAAC;IAEtD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE5B,OAAO;QACH,kBAAkB,EAAE,SAAS;QAC7B,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,UAAU;KAC5B,CAAA;AAEL;;;;","names":[],"sources":["src/helpers/info.config.helper.ts"],"sourcesContent":["export interface IInfoStore {\n    btnApplyBonusLabel: string;\n    confirmationMessage: string;\n    giftbackTitle: string;\n}\n\n\nexport function getInfoCustomization(storeName: string): IInfoStore {\n    const infos = localStorage.getItem(`bc:${storeName}`);\n\n    if (infos)\n        return JSON.parse(infos)\n\n    return {\n        btnApplyBonusLabel: \"Avançar\",\n        confirmationMessage: \"\",\n        giftbackTitle: \"Giftback\"\n    }\n\n}"],"version":3}

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["crm-bonus.cjs",[[1,"crm-bonus",{"userId":[2,"userid"],"storeName":[8,"storename"],"productsInString":[1,"products"],"cartId":[8,"cartid"],"showModal":[32],"products":[32],"customer":[32],"loading":[32],"message":[32],"phone":[32],"canCancel":[32],"amountCancel":[32],"sent":[32],"session":[32]}]]],["crm-bonus-form.cjs",[[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.cjs",[[0,"phone-cancel-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["phone-input.cjs",[[0,"phone-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["app-modal.cjs",[[1,"app-modal",{"isOpen":[516,"is-open"],"modalTitle":[1,"modal-title"]}]]],["crm-bonus-note.cjs",[[0,"crm-bonus-note",{"cartId":[8,"cartid"],"url":[32]}]]],["pedido-finalizado.cjs",[[0,"pedido-finalizado",{"cartId":[1,"cartid"],"orderId":[2,"orderid"],"metadadoString":[1,"metadado"]}]]],["crm-button.cjs",[[0,"crm-button",{"txtBtn":[1,"txt-btn"],"loading":[4]}]]],["phone-input-mask.cjs",[[1,"phone-input-mask",{"initialValue":[1,"initial-value"],"disabled":[4],"phone":[32],"message":[32],"getPhone":[64]}]]],["loading-spinner.cjs",[[1,"loading-spinner",{"size":[1],"color":[1]}]]],["countdown-timer_4.cjs",[[0,"phone-form",{"value":[1],"loading":[4],"handlerSubmit":[16]}],[1,"pin-form",{"validate":[16],"cancel":[16],"resend":[16],"sent":[16],"loading":[4],"phone":[1],"pin":[32],"isVerified":[32],"canResend":[32]}],[0,"giftback-info",{"loading":[4],"bonus":[16],"reserve":[16],"cancel":[16],"usedValue":[32],"selectedOption":[32],"sliderPosition":[32]}],[1,"countdown-timer",{"downtime":[16],"counter":[32]}]]],["crm-giftback-form.cjs",[[0,"crm-giftback-form",{"storeName":[8,"storename"],"cartId":[8,"cart-id"],"products":[16],"value":[32],"loading":[32],"message":[32],"phone":[32],"pinInfo":[32],"step":[32],"bonus":[32],"sucess":[32],"error":[32]}]]],["giftback-finish_4.cjs",[[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]}],[0,"name-input",{"value":[1],"loading":[4],"applyName":[16],"cancel":[16],"newValue":[32],"message":[32]}],[1,"giftback-finish"]]]], options);
+  return index.bootstrapLazy([["crm-bonus.cjs",[[1,"crm-bonus",{"userId":[2,"userid"],"storeName":[8,"storename"],"productsInString":[1,"products"],"cartId":[8,"cartid"],"showModal":[32],"products":[32],"customer":[32],"loading":[32],"message":[32],"phone":[32],"canCancel":[32],"amountCancel":[32],"sent":[32],"session":[32]}]]],["crm-bonus-form.cjs",[[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.cjs",[[0,"phone-cancel-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["phone-input.cjs",[[0,"phone-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["app-modal.cjs",[[1,"app-modal",{"isOpen":[516,"is-open"],"modalTitle":[1,"modal-title"]}]]],["crm-bonus-note.cjs",[[0,"crm-bonus-note",{"cartId":[8,"cartid"],"storename":[8],"url":[32],"config":[32]}]]],["pedido-finalizado.cjs",[[0,"pedido-finalizado",{"cartId":[1,"cartid"],"orderId":[2,"orderid"],"metadadoString":[1,"metadado"]}]]],["crm-button.cjs",[[0,"crm-button",{"txtBtn":[1,"txt-btn"],"loading":[4]}]]],["phone-input-mask.cjs",[[1,"phone-input-mask",{"initialValue":[1,"initial-value"],"disabled":[4],"phone":[32],"message":[32],"getPhone":[64]}]]],["loading-spinner.cjs",[[1,"loading-spinner",{"size":[1],"color":[1]}]]],["countdown-timer_4.cjs",[[0,"phone-form",{"value":[1],"loading":[4],"handlerSubmit":[16]}],[1,"pin-form",{"validate":[16],"cancel":[16],"resend":[16],"sent":[16],"loading":[4],"phone":[1],"pin":[32],"isVerified":[32],"canResend":[32]}],[0,"giftback-info",{"loading":[4],"bonus":[16],"reserve":[16],"cancel":[16],"usedValue":[32],"selectedOption":[32],"sliderPosition":[32]}],[1,"countdown-timer",{"downtime":[16],"counter":[32]}]]],["crm-giftback-form.cjs",[[0,"crm-giftback-form",{"storeName":[8,"storename"],"cartId":[8,"cart-id"],"products":[16],"value":[32],"loading":[32],"message":[32],"phone":[32],"pinInfo":[32],"step":[32],"bonus":[32],"sucess":[32],"error":[32],"config":[32]}]]],["giftback-finish_4.cjs",[[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]}],[0,"name-input",{"value":[1],"loading":[4],"applyName":[16],"cancel":[16],"newValue":[32],"message":[32]}],[1,"giftback-finish"]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/loading-spinner.cjs.entry.js

@@ -14,7 +14,7 @@ const LoadingSpinner = class {
         this.color = '#0078d7';
     }
     render() {
-        return (index.h("div", { key: '54eff3c98337066831f2fbd1cd1dc933e828b9c3', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
+        return (index.h("div", { key: '5d3cd866b3ab7f4898ad1142fb39b89c572867d7', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
     }
 };
 LoadingSpinner.style = LoadingSpinnerStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-80419303.js');
-const crmbonus_service = require('./crmbonus.service-e375ebfe.js');
+const crmbonus_service = require('./crmbonus.service-7991795d.js');
 
 const Pedido = class {
     constructor(hostRef) {
@@ -27,7 +27,7 @@ const Pedido = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'de2c3581e87e17dcbc24364d99f6903d051a7d2e' }));
+        return (index.h("div", { key: '084ea188e020b3994a676f4fa17b5f3523a5f611' }));
     }
 };
 

package/dist/cjs/phone-input-mask.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-80419303.js');
-const index$1 = require('./index-fdad75ce.js');
+const index$1 = require('./index-96a8951f.js');
 
 const phoneInputMaskCss = "*{margin:0;padding:0;box-sizing:border-box}.phone{display:block;width:100%;height:24px;padding:6px 12px;font-size:14px;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:246px;height:48px;padding:13px 16px 13px 16px;border:1px solid #CCCCCC}.crm-erro-msg{color:#E11D48;font-size:12px;font-weight:500;margin-top:11px}";
 const PhoneInputMaskStyle0 = phoneInputMaskCss;
@@ -48,7 +48,7 @@ const PhoneInputMask = class {
         return this.phone;
     }
     render() {
-        return (index.h("div", { key: '3cc6984552f8f636d6dfa5ed5de14ebd54156774' }, index.h("input", { key: 'c4de0e7de64a9255af19fc3cc9363d190a80d6f1', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }), index.h("p", { key: '1c6e6334c2995896c730f0ce93fdcb623933595d', class: "crm-erro-msg" }, this.message)));
+        return (index.h("div", { key: '34e88e02195fceb8d73970aa33dcfad2efd05b0f' }, index.h("input", { key: '22b65d69b7ab13ad41ee36a5e81f26b3d8ffeb1b', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }), index.h("p", { key: 'd46cef24b15f4886f7e503b91aeebeaf92dfc3fd', class: "crm-erro-msg" }, this.message)));
     }
 };
 PhoneInputMask.style = PhoneInputMaskStyle0;

package/dist/collection/components/crm-bonus/crm-bonus.js

@@ -29,8 +29,12 @@ export class CrmBonus {
     async componentWillLoad() {
         i18next.changeLanguage(i18next.language);
         await this.loadSession();
+        await this.loadConfigStore();
         await this.handleLoad();
     }
+    async loadConfigStore() {
+        await this.crmBonusService.getCustomization(this.storeName);
+    }
     async handleLoad() {
         try {
             if (this.userId) {
@@ -152,7 +156,7 @@ export class CrmBonus {
         this.showModal = true;
     }
     render() {
-        return (h("crm-giftback-form", { key: 'b4d6ec601d70a7b3f8c12a14a35ea5b0221b0834', storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId })
+        return (h("crm-giftback-form", { key: '79182d3759f4942334af4a8c0bf0da42b3752db3', storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId })
         // <div class="section-cart-crm">
         //   <p class="text-left fbits-responsive-carrinho-desconto-texto">Giftback</p>
         //   <div class="container-button">

package/dist/collection/components/crm-bonus/crm-bonus.js.map

@@ -1 +1 @@
-{"version":3,"file":"crm-bonus.js","sourceRoot":"","sources":["../../../../src/components/crm-bonus/crm-bonus.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\nimport { IPinSent } from '../../components';\nimport { StepFormEnum } from '../../contants';\n\nimport i18next from '../../i18n/i18n'\n\n\nconsole.log('i18next', i18next.language)\n\n@Component({\n  tag: 'crm-bonus',\n  styleUrl: 'crm-bonus.css',\n  shadow: true,\n  assetsDirs: ['assets']\n})\nexport class CrmBonus {\n\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n  private crmBonusRef: HTMLCrmBonusFormElement;\n\n  @State() showModal: boolean = false;\n  @Prop({ attribute: 'userid' }) userId: number;\n  @Prop({ attribute: 'storename' }) storeName;\n  @Prop({ attribute: 'products' }) productsInString: string;\n  @Prop({ attribute: 'cartid' }) cartId;\n\n  @State() products: Array<IProductWake>;\n  @State() customer: ICustomer = {\n    birthDate: \"\",\n    document: \"\",\n    name: \"\",\n    phone: \"\"\n  };\n\n  @State() loading: boolean = false;\n  @State() message: string;\n  @State() phone: number;\n  @State() canCancel: boolean = false;\n  @State() amountCancel: string;\n  @State() sent: IPinSent;\n\n  @State() session: string;\n\n  async componentWillLoad() {\n    i18next.changeLanguage(i18next.language);\n\n    await this.loadSession()\n    await this.handleLoad();\n  }\n\n  async handleLoad() {\n    try {\n      if (this.userId) {\n        this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);\n      }\n\n      const amount = localStorage.getItem(this.cartId);\n\n      if (amount) {\n        this.canCancel = true;\n        this.amountCancel = amount;\n      }\n\n    } catch (error) {\n      console.log('info customer')\n    }\n    \n    this.buildAndGetProducts();\n  }\n\n\n  async loadSession() {\n    this.session =  await this.crmBonusService.getToken(this.storeName);\n\n    setTimeout(() => {\n      this.loadSession()\n    }, 1500000)\n\n  }\n\n  async buildAndGetProducts() {\n    const key = `bc-products:${this.cartId}`;\n    const cache_products = localStorage.getItem(key)\n\n    if (!cache_products) {\n      localStorage.setItem(key, this.productsInString);\n    }\n\n    const productsInCart = JSON.parse(this.productsInString);\n    const products_in_cache = JSON.parse(localStorage.getItem(key));\n\n    const products: Array<IProductWake> = []\n\n    for (const product_cart of productsInCart) {\n\n      const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\n\n      if (pro) {\n        products.push({\n          ...product_cart,\n          PrecoPor: pro.PrecoPor\n        })\n      } else {\n        products.push(product_cart)\n      }\n      \n    }\n\n    this.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);\n\n  }\n\n  public async sendPin(phone: string) {\n    this.loading = true;\n    this.message = \"\";\n\n    try {\n\n      const _phone = phone.replace(/\\D/g, '');\n      this.phone = Number(_phone);\n\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  public async sendPinName(customerName: string) {\n    this.loading = true;\n    this.message = \"\";\n\n    try {\n      this.customer.name = customerName;\n\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  buildProducts(): IProduct[] {\n    return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), productVariantId: product.ProdutoVarianteId.toString(), quantity: product.Quantidade }))\n  }\n\n  handleCloseModal() {\n    this.showModal = false;\n  }\n\n  save(amount: number) {\n    localStorage.setItem(this.cartId, amount.toString());\n    this.canCancel = true;\n    this.amountCancel = amount.toString()\n  }\n\n  async cancel() {\n    this.message = \"\";\n    this.loading = true;\n    try {\n      await this.crmBonusService.cancel(this.cartId);\n      this.canCancel = false;\n\n      localStorage.removeItem(this.cartId);\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  async handleSendPin(phone: string) {\n    this.message = \"\"\n    if (!phone) {\n      this.message = \"Informe seu telefone\";\n      return;\n    }\n\n    this.customer.phone = phone;\n    const _phone = phone.replace(/\\D/g, '');\n    this.phone = Number(_phone);\n\n    if (this.customer.name) {\n      return this.sendPin(phone)\n    }\n\n    await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);\n    this.showModal = true;\n  }\n\n  render() {\n    return (\n      <crm-giftback-form \n        storeName={this.storeName}\n        products={this.buildProducts()}\n        cartId={this.cartId}\n      />\n      // <div class=\"section-cart-crm\">\n      //   <p class=\"text-left fbits-responsive-carrinho-desconto-texto\">Giftback</p>\n      //   <div class=\"container-button\">\n      //     {/* <img src={logo} onClick={() => (this.showModal = true)} /> */}\n      //     {\n      //       this.canCancel ? <phone-cancel-input value={this.amountCancel} sendPin={() => { this.cancel() }} loading={this.loading} />\n      //         : <phone-input value={this.customer.phone} sendPin={(phone) => { this.handleSendPin(phone) }} loading={this.loading} />\n      //     }\n      //   </div>\n      //   <p class=\"message-alert\" >{this.message}</p>\n      //   <app-modal\n      //     isOpen={this.showModal}\n      //     modalTitle={`Giftback`}\n      //     onModalClosed={() => (this.showModal = false)}\n      //   >\n      //     <crm-bonus-form\n      //       loadingModal={this.loading}\n      //       saveStore={(amount: number) => this.save(amount)}\n      //       ref={ref => this.crmBonusRef = ref}\n      //       sent={this.sent}\n      //       phone={this.phone}\n      //       cancel={() => this.handleCloseModal()}\n      //       storeName={this.storeName}\n      //       products={this.buildProducts()}\n      //       cartId={this.cartId} customer={this.customer}\n      //       handleCustomerName={(name: string) => this.sendPinName(name)}\n      //     />\n      //   </app-modal>\n      // </div>\n    )\n  }\n}\n"]}
+{"version":3,"file":"crm-bonus.js","sourceRoot":"","sources":["../../../../src/components/crm-bonus/crm-bonus.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\nimport { IPinSent } from '../../components';\nimport { StepFormEnum } from '../../contants';\n\nimport i18next from '../../i18n/i18n'\n\nconsole.log('i18next', i18next.language)\n\n@Component({\n  tag: 'crm-bonus',\n  styleUrl: 'crm-bonus.css',\n  shadow: true,\n  assetsDirs: ['assets']\n})\nexport class CrmBonus {\n\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n  private crmBonusRef: HTMLCrmBonusFormElement;\n\n  @State() showModal: boolean = false;\n  @Prop({ attribute: 'userid' }) userId: number;\n  @Prop({ attribute: 'storename' }) storeName;\n  @Prop({ attribute: 'products' }) productsInString: string;\n  @Prop({ attribute: 'cartid' }) cartId;\n\n  @State() products: Array<IProductWake>;\n  @State() customer: ICustomer = {\n    birthDate: \"\",\n    document: \"\",\n    name: \"\",\n    phone: \"\"\n  };\n\n  @State() loading: boolean = false;\n  @State() message: string;\n  @State() phone: number;\n  @State() canCancel: boolean = false;\n  @State() amountCancel: string;\n  @State() sent: IPinSent;\n\n  @State() session: string;\n\n  async componentWillLoad() {\n    i18next.changeLanguage(i18next.language);\n\n    await this.loadSession();\n    await this.loadConfigStore()\n    await this.handleLoad();\n  }\n\n  async loadConfigStore() {\n    await this.crmBonusService.getCustomization(this.storeName);\n  }\n\n  async handleLoad() {\n    try {\n      if (this.userId) {\n        this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);\n      }\n\n      const amount = localStorage.getItem(this.cartId);\n\n      if (amount) {\n        this.canCancel = true;\n        this.amountCancel = amount;\n      }\n\n    } catch (error) {\n      console.log('info customer')\n    }\n    \n    this.buildAndGetProducts();\n  }\n\n\n  async loadSession() {\n    this.session =  await this.crmBonusService.getToken(this.storeName);\n\n    setTimeout(() => {\n      this.loadSession()\n    }, 1500000)\n\n  }\n\n  async buildAndGetProducts() {\n    const key = `bc-products:${this.cartId}`;\n    const cache_products = localStorage.getItem(key)\n\n    if (!cache_products) {\n      localStorage.setItem(key, this.productsInString);\n    }\n\n    const productsInCart = JSON.parse(this.productsInString);\n    const products_in_cache = JSON.parse(localStorage.getItem(key));\n\n    const products: Array<IProductWake> = []\n\n    for (const product_cart of productsInCart) {\n\n      const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\n\n      if (pro) {\n        products.push({\n          ...product_cart,\n          PrecoPor: pro.PrecoPor\n        })\n      } else {\n        products.push(product_cart)\n      }\n      \n    }\n\n    this.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);\n\n  }\n\n  public async sendPin(phone: string) {\n    this.loading = true;\n    this.message = \"\";\n\n    try {\n\n      const _phone = phone.replace(/\\D/g, '');\n      this.phone = Number(_phone);\n\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  public async sendPinName(customerName: string) {\n    this.loading = true;\n    this.message = \"\";\n\n    try {\n      this.customer.name = customerName;\n\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  buildProducts(): IProduct[] {\n    return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), productVariantId: product.ProdutoVarianteId.toString(), quantity: product.Quantidade }))\n  }\n\n  handleCloseModal() {\n    this.showModal = false;\n  }\n\n  save(amount: number) {\n    localStorage.setItem(this.cartId, amount.toString());\n    this.canCancel = true;\n    this.amountCancel = amount.toString()\n  }\n\n  async cancel() {\n    this.message = \"\";\n    this.loading = true;\n    try {\n      await this.crmBonusService.cancel(this.cartId);\n      this.canCancel = false;\n\n      localStorage.removeItem(this.cartId);\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  async handleSendPin(phone: string) {\n    this.message = \"\"\n    if (!phone) {\n      this.message = \"Informe seu telefone\";\n      return;\n    }\n\n    this.customer.phone = phone;\n    const _phone = phone.replace(/\\D/g, '');\n    this.phone = Number(_phone);\n\n    if (this.customer.name) {\n      return this.sendPin(phone)\n    }\n\n    await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);\n    this.showModal = true;\n  }\n\n  render() {\n\n    return (\n      <crm-giftback-form \n        storeName={this.storeName}\n        products={this.buildProducts()}\n        cartId={this.cartId}\n      />\n      // <div class=\"section-cart-crm\">\n      //   <p class=\"text-left fbits-responsive-carrinho-desconto-texto\">Giftback</p>\n      //   <div class=\"container-button\">\n      //     {/* <img src={logo} onClick={() => (this.showModal = true)} /> */}\n      //     {\n      //       this.canCancel ? <phone-cancel-input value={this.amountCancel} sendPin={() => { this.cancel() }} loading={this.loading} />\n      //         : <phone-input value={this.customer.phone} sendPin={(phone) => { this.handleSendPin(phone) }} loading={this.loading} />\n      //     }\n      //   </div>\n      //   <p class=\"message-alert\" >{this.message}</p>\n      //   <app-modal\n      //     isOpen={this.showModal}\n      //     modalTitle={`Giftback`}\n      //     onModalClosed={() => (this.showModal = false)}\n      //   >\n      //     <crm-bonus-form\n      //       loadingModal={this.loading}\n      //       saveStore={(amount: number) => this.save(amount)}\n      //       ref={ref => this.crmBonusRef = ref}\n      //       sent={this.sent}\n      //       phone={this.phone}\n      //       cancel={() => this.handleCloseModal()}\n      //       storeName={this.storeName}\n      //       products={this.buildProducts()}\n      //       cartId={this.cartId} customer={this.customer}\n      //       handleCustomerName={(name: string) => this.sendPinName(name)}\n      //     />\n      //   </app-modal>\n      // </div>\n    )\n  }\n}\n"]}

package/dist/collection/components/crm-bonus-form/crm-bonus-form.js

@@ -207,7 +207,7 @@ export class CrmBonusForm {
                 "mutable": false,
                 "complexType": {
                     "original": "StepFormEnum",
-                    "resolved": "StepFormEnum.STEP_APPLY | StepFormEnum.STEP_NAME | StepFormEnum.STEP_PHONE | StepFormEnum.STEP_PIN | StepFormEnum.STEP_RESERVE",
+                    "resolved": "StepFormEnum.STEP_APPLY | StepFormEnum.STEP_NAME | StepFormEnum.STEP_NO_BONUS | StepFormEnum.STEP_PHONE | StepFormEnum.STEP_PIN | StepFormEnum.STEP_RESERVE",
                     "references": {
                         "StepFormEnum": {
                             "location": "import",

package/dist/collection/components/crm-bonus-form/subcomponents/giftback-pin/giftback-pin.css

@@ -26,16 +26,12 @@ input {
 
 button {
     padding: 10px 20px;
-    background-color: #ddd;
+    /* background-color: #ddd; */
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }
 
-button:hover {
-    background-color: #bbb;
-}
-
 .success {
     color: green;
     margin-top: 10px;

package/dist/collection/components/giftback-form/giftback-form.css

@@ -4,16 +4,43 @@
     box-sizing: border-box;
 }
 
+:host {
+    --crmfont-sizebodymd: 14px;
+    --crmline-heightbodymd: 20px;
+    --crmletter-spacingtitle-md: 0px
+}
+
+.container-message {
+    font-family: Roboto;
+    font-size: var(--crmfont-sizebodymd);
+    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: 337px;
-    padding: 10px;
-    border: 1px solid #CCCCCC;
-    gap: 24px;
+    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;
 }
 
+/* .fbits-responsive-carrinho-desconto {
+    overflow: hidden;
+    border: 1px solid #ccc;
+    border-top: 0;
+    border-bottom: 0;
+} */
+
 .crm-phone-form {
     display: flex;
     flex-direction: column;
@@ -44,4 +71,4 @@
     color: #E11D48;
     font-weight: 500;
     font-size: 12px;
-}
+}

package/dist/collection/components/giftback-form/giftback-form.js

@@ -1,6 +1,8 @@
 import { h } from "@stencil/core";
 import { CrmBonusService } from "../../services/crmbonus.service";
 import { StepFormEnum } from "../../contants";
+import { getInfoCustomization } from "../../helpers/info.config.helper";
+import i18next from "../../i18n/i18n";
 export class CrmBonus {
     constructor() {
         // private phoneInputMask: HTMLPhoneFormElement;
@@ -13,10 +15,11 @@ export class CrmBonus {
         this.message = undefined;
         this.phone = undefined;
         this.pinInfo = undefined;
-        this.step = StepFormEnum.STEP_RESERVE;
+        this.step = StepFormEnum.STEP_PHONE;
         this.bonus = undefined;
         this.sucess = "";
         this.error = "";
+        this.config = undefined;
     }
     async handleSendPin(phone) {
         this.message = "";
@@ -27,6 +30,11 @@ export class CrmBonus {
         this.phone = phone;
         this.sendPin();
     }
+    componentWillLoad() {
+        this.sucess = "";
+        this.error = "";
+        this.config = getInfoCustomization(this.storeName);
+    }
     convertStringToNumber() {
         const _phone = this.phone.replace(/\D/g, '');
         return Number(_phone);
@@ -35,6 +43,8 @@ export class CrmBonus {
         var _a, _b;
         this.loading = true;
         this.message = "";
+        this.sucess = "";
+        this.error = "";
         try {
             const _phone = this.convertStringToNumber();
             this.pinInfo = await this.crmBonusService.sendPin(_phone, "", this.storeName);
@@ -48,6 +58,8 @@ export class CrmBonus {
         }
     }
     changePhone() {
+        this.sucess = "";
+        this.error = "";
         this.step = StepFormEnum.STEP_PHONE;
     }
     async validateBonus(pin) {
@@ -81,15 +93,66 @@ export class CrmBonus {
             else {
                 this.error = _error;
             }
+            this.step = StepFormEnum.STEP_NO_BONUS;
         }
         finally {
             this.loading = false;
         }
     }
+    handleCancel() {
+        // this.step = StepFormEnum.STEP_PHONE;
+        this.cancel();
+    }
+    async cancel() {
+        this.message = "";
+        this.loading = true;
+        try {
+            await this.crmBonusService.cancel(this.cartId);
+            localStorage.removeItem(this.cartId);
+        }
+        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);
+            console.log('[reserva]');
+            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;
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    save(amount) {
+        localStorage.setItem(this.cartId, amount.toString());
+    }
+    async reserve(amount) {
+        await this.crmBonusService.reserve({
+            redeemedBonus: amount,
+            cartId: this.cartId,
+            ticket: this.cartId,
+            grossValue: Number(this.bonus.totalValue),
+            storeName: this.storeName,
+            storeId: this.bonus.storeId.toString(),
+            userId: this.bonus.userId
+        });
+    }
     render() {
-        return (h("div", { key: '880d793d0f50f74aa844cc1e2bd7da9963e43d93', class: "crm-container-form" }, h("label", { key: '4bd61d9cf4cad1822da4f4c975c824feae3a023d', class: "crm-title" }, "Giftback"), this.step === StepFormEnum.STEP_PHONE &&
-            h("phone-form", { key: 'd259d5c3f0660c76dd431059f50f2dec10ec3987', loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
-            h("pin-form", { key: '28e3faa8c2c5dece718466ee0039eb91d0add3f4', phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && h("p", { key: '9b1082db2b2d1a4c704c1dd72e3fde40d373e837', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: '46689dfdb9af83e1450779ff6aee41724dca7090', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE && h("giftback-info", { key: 'd0e4963c1541865ce83d18b2c07f620d8d7d21f9' })));
+        return (h("div", { key: '06d78425ff758b165bb5bc70662182e6f86ad12d', class: "crm-container-form fbits-responsive-carrinho-desconto" }, h("label", { key: '920084d9a172734b5919b31871526a2809bb87be', class: "crm-title" }, this.config.giftbackTitle), this.step === StepFormEnum.STEP_PHONE &&
+            h("phone-form", { key: '3f78734540d1ee27f41cf7dd2eaf1702ac670f49', loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
+            h("pin-form", { key: '5b8957446dace613bcc8d01adda67d5ed4d0b34e', phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && h("p", { key: '8210548d8bcb0aba9255a5525e3c0041d11d7394', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: 'ad181c7c5d11ca2e120505121939e42363c44c64', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
+            h("giftback-info", { key: '8f9a22db846c8d8fa2d257e7bc1712be1c67b3dc', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_NO_BONUS &&
+            (h("div", { key: '3e327792f32a22f2064f6201ff14f93fc5124964', class: "container-message" }, i18next.t("noGiftback")))));
     }
     static get is() { return "crm-giftback-form"; }
     static get originalStyleUrls() {
@@ -175,7 +238,8 @@ export class CrmBonus {
             "step": {},
             "bonus": {},
             "sucess": {},
-            "error": {}
+            "error": {},
+            "config": {}
         };
     }
 }

package/dist/collection/components/giftback-form/giftback-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"giftback-form.js","sourceRoot":"","sources":["../../../../src/components/giftback-form/giftback-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent'\nimport { IBonus, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\n\n@Component({\n  tag: 'crm-giftback-form',\n  styleUrl: 'giftback-form.css'\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\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\n  async handleSendPin(phone: string) {\n\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  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\n    try {\n\n      const _phone = this.convertStringToNumber()\n\n      this.pinInfo = await this.crmBonusService.sendPin(_phone, \"\", this.storeName);\n\n      this.step = StepFormEnum.STEP_PIN;\n\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  changePhone() {\n    this.step = StepFormEnum.STEP_PHONE;\n  }\n\n  public async validateBonus(pin: string) {\n\n    if (this.sucess) {\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.phone.toString(),\n      storeId: this.pinInfo.storeId.toString(),\n      userId: this.pinInfo.userId.toString(),\n      checkoutId: this.cartId,\n      checkoutProducts: this.products,\n      name: null,\n      storeName: this.storeName\n    }\n\n    try {\n      this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n      this.sucess = \"Código validado com sucesso!\";\n\n    } catch (error) {\n      const _error: string = error?.response?.data?.message;\n\n      if (_error.includes(\"Pin\")) {\n        this.error = \"Código inválido!\"\n      } else {\n        this.error = _error;\n      }\n\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"crm-container-form\" >\n        <label class=\"crm-title\">Giftback</label>\n\n        {this.step === StepFormEnum.STEP_PHONE &&\n          <phone-form\n            loading={this.loading}\n            handlerSubmit={(phone) => this.handleSendPin(phone)} \n          />}\n        {\n          this.step === StepFormEnum.STEP_PIN &&\n          <pin-form\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        {this.step === StepFormEnum.STEP_RESERVE && <giftback-info />}\n      </div>\n    )\n  }\n}"]}
+{"version":3,"file":"giftback-form.js","sourceRoot":"","sources":["../../../../src/components/giftback-form/giftback-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent'\nimport { IBonus, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport i18next from \"../../i18n/i18n\"\n\n@Component({\n  tag: 'crm-giftback-form',\n  styleUrl: 'giftback-form.css'\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\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_PHONE;\n  @State() bonus: IBonus;\n\n  @State() sucess: string = \"\";\n  @State() error: string = \"\";\n  @State() config: IInfoStore;\n\n  async handleSendPin(phone: string) {\n\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  componentWillLoad() {\n    this.sucess = \"\";\n    this.error = \"\"\n    this.config = getInfoCustomization(this.storeName);\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\n      this.pinInfo = await this.crmBonusService.sendPin(_phone, \"\", this.storeName);\n\n      this.step = StepFormEnum.STEP_PIN;\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    if (this.sucess) {\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.phone.toString(),\n      storeId: this.pinInfo.storeId.toString(),\n      userId: this.pinInfo.userId.toString(),\n      checkoutId: this.cartId,\n      checkoutProducts: this.products,\n      name: null,\n      storeName: this.storeName\n    }\n\n    try {\n      this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n      this.sucess = \"Código validado com sucesso!\";\n\n    } catch (error) {\n      const _error: string = error?.response?.data?.message;\n\n      if (_error.includes(\"Pin\")) {\n        this.error = \"Código inválido!\"\n      } else {\n        this.error = _error;\n      }\n\n      this.step = StepFormEnum.STEP_NO_BONUS;\n\n    } finally {\n      this.loading = false;\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      localStorage.removeItem(this.cartId);\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\n      console.log('[reserva]')\n     \n      this.save(amount);\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    } 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    return (\n      <div class=\"crm-container-form fbits-responsive-carrinho-desconto\" >\n        <label class=\"crm-title\">{this.config.giftbackTitle}</label>\n\n        {this.step === StepFormEnum.STEP_PHONE &&\n          <phone-form\n            loading={this.loading}\n            handlerSubmit={(phone) => this.handleSendPin(phone)}\n          />}\n        {\n          this.step === StepFormEnum.STEP_PIN &&\n          <pin-form\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            loading={this.loading}\n            cancel={() => this.handleCancel()}\n            bonus={this.bonus}\n            reserve={(amountRedeemed: number) => this.reserveApply(amountRedeemed)}\n          />\n        }\n\n\n        {\n          this.step === StepFormEnum.STEP_NO_BONUS &&\n          (\n            <div class=\"container-message\">\n              { i18next.t(\"noGiftback\") }\n            </div>\n          )\n\n        }\n      </div>\n    )\n  }\n}"]}

package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.css

@@ -38,8 +38,9 @@ input[type='range'] {
     -webkit-appearance: none;
     background: #ddd;
     height: 4px;
-    border-radius: 2px;
+    border-radius: 4px;
     outline: none;
+    padding: 3px;
 }
 
 input[type='range']::-webkit-slider-thumb {
@@ -84,6 +85,7 @@ input[type='range']::-webkit-slider-thumb {
     background-color: #fff;
     cursor: pointer;
     transition: all 0.3s;
+    padding: 0px;
   }
 
 .options input[type='radio']:checked {

package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js

@@ -20,28 +20,41 @@ export class GiftbackInfo {
     }
     componentWillLoad() {
         this.usedValue = parseFloat(this.bonus.bonusBalance.toString());
+        this.buildPositionSlider(0, this.bonus.totalBonus);
     }
     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;
+        // 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));
     }
-    async handleReserve(value) {
-        this.reserve(value);
+    buildPositionSlider(min, max) {
+        // Calculando a posição do texto com base no valor do slider
+        const percentage = ((this.usedValue - min) / (max - min)) * 100;
+        this.sliderPosition = percentage;
     }
-    handleOptionChange(option) {
+    async handleOptionChange(option) {
         this.selectedOption = option;
+        switch (this.selectedOption) {
+            case 'use':
+                await this.reserve(this.usedValue);
+                break;
+            case 'dontUse':
+                await this.cancel();
+                break;
+            default:
+        }
     }
     render() {
         const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;
         const translateDescription = i18next.t("giftDescription", { amount: `${this.bonus.totalBonus.toFixed(2).replace(".", ",")}`, custom_name: "Giftback" });
-        return (h("div", { key: '5216b7254293a9ad3a85d58cb6273a2f0ae49fff', class: "giftback-container" }, h("div", { key: 'ec8783d5e419381740dd23fc03e3d8b12654d902', class: "container-description" }, h("p", { key: '4d98d2611555d5ce759db49d84edb140b9cee319', innerHTML: translateDescription })), h("div", { key: 'ca252ce325af406a166b054d2622f534e5a3219a', class: "slider-wrapper" }, h("div", { key: '594c87917a88556b41672c95699afa861e6028ca', class: "slider-value", style: {
+        return (h("div", { key: 'fbc3b08d2e77fc7312ecbf24e9e785284c08ea86', class: "giftback-container" }, h("div", { key: '3717e46c93ad2dc4547a042ba159c3d28de64beb', class: "container-description" }, h("p", { key: '2acb0e117f873348cd819faec028f9d27736a106', innerHTML: translateDescription })), h("div", { key: '59c662da7f9b3070004ff7fe9a782a4714bff125', class: "slider-wrapper" }, h("div", { key: '4ed2c4049deb9d5c32f12b251cec2acd56446fa5', class: "slider-value", style: {
                 left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto
-            } }, "R$ ", this.usedValue.toFixed(2).replace(".", ",")), h("input", { key: '02d30afa37f8e9a17f07cdd278eba0a512896e2f', type: "range", min: "0", max: this.bonus.totalBonus, value: this.usedValue, class: "slider", step: "0.01", onInput: (event) => this.handleSliderChange(event), style: {
+            } }, "R$ ", this.usedValue.toFixed(2).replace(".", ",")), h("input", { key: '1a73c61a7b2fc20932773b69147b27dc6ca0247b', 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}%)`,
-            } })), h("p", { key: '60bccd302674a410b09f40805b62e230c0f36b3a' }, "Adicione ", h("strong", { key: '2b3dead9f0ed56b1356087caeceb4d484bb85212' }, "R$ ", remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), h("div", { key: '2c8883e5fc247438991933f34e1de0b5f10b0b4c', class: "options" }, h("label", { key: '30612fadf2be708974147b1777dd710dc7669787' }, h("input", { key: 'a945ba180a170ac45d929a2868eb0a83d8d9a7f0', type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), "Usar o meu Giftback"), h("label", { key: '7fd8fe57cef4920a340df40a794c275e6f1e10e2' }, h("input", { key: 'f29ae7491b3574abb2ae5f109538f1c125f14370', type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), "N\u00E3o usar o meu Giftback")), h("div", { key: '4eb475d5c0c4e8219c68c159ff24abf0c1c73a70', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa.")));
+            } })), h("p", { key: 'f490f6b4eb0adae75140b34e36694b49feb241ed' }, "Adicione ", h("strong", { key: 'a7b67ed94043d2d55cc9748c956c5516ce535245' }, "R$ ", remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ",")), " ao carrinho para atingir o valor m\u00E1ximo!"), h("div", { key: 'd0ce836a492168e7f8439fbc3b1a7bca85305248', class: "options" }, h("label", { key: 'dd661987e7df0d967b4fe930c47144718d31b9f6' }, h("input", { key: '3201b786de110c3071d14af6134f61b9f1ede2c0', type: "radio", name: "giftbackOption", value: "use", checked: this.selectedOption === 'use', onChange: () => this.handleOptionChange('use') }), "Usar o meu Giftback"), h("label", { key: 'c7da572b125d4ae515e4ca026bc25815e0701712' }, h("input", { key: 'b6d1aee5626923f8cf49ae90114fb8e5c35e3fbf', type: "radio", name: "giftbackOption", value: "dontUse", checked: this.selectedOption === 'dontUse', onChange: () => this.handleOptionChange('dontUse') }), "N\u00E3o usar o meu Giftback")), h("div", { key: '577c1869fc4cb58d2817f0ab7fb2c18fae99ed66', class: "info-box" }, "O Giftback ser\u00E1 aplicado na pr\u00F3xima etapa.")));
     }
     static get is() { return "giftback-info"; }
     static get originalStyleUrls() {

package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"giftback-info.js","sourceRoot":"","sources":["../../../../../../src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAG1D,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAM3C,MAAM,OAAO,YAAY;;yBACQ,CAAC;8BACI,MAAM;uBAEb,KAAK;qBACC;YAC7B,UAAU,EAAE,EAAE;YACd,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,IAAI;YACrB,YAAY,EAAE,EAAE;YAChB,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,EAAE;YACrB,UAAU,EAAE,GAAG;SAClB;;;8BAIiC,EAAE;;IAEpC,iBAAiB;QACb,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;IACpE,CAAC;IAED,kBAAkB,CAAC,KAAY;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEzC,4DAA4D;QAC5D,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QAChH,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;IACrC,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,KAAa;QAC7B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,kBAAkB,CAAC,MAAc;QAC7B,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;IACjC,CAAC;IACD,MAAM;QACF,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAE7E,MAAM,oBAAoB,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAA;QAEvJ,OAAO,CAEH,4DAAK,KAAK,EAAC,oBAAoB;YAC3B,4DAAK,KAAK,EAAC,uBAAuB;gBAC9B,0DAAG,SAAS,EAAE,oBAAoB,GAAM,CACtC;YACN,4DAAK,KAAK,EAAC,gBAAgB;gBACvB,4DACI,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE;wBACH,IAAI,EAAE,QAAQ,IAAI,CAAC,cAAc,WAAW,EAAE,kCAAkC;qBACnF;;oBAEG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAC7C;gBACN,8DACI,IAAI,EAAC,OAAO,EACZ,GAAG,EAAC,GAAG,EACP,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAClD,KAAK,EAAE;wBACH,UAAU,EAAE,qCAAqC,IAAI,CAAC,cAAc,WAAW,IAAI,CAAC,cAAc,IAAI;qBACzG,GACH,CACA;YACN;;gBACa;;oBAAY,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAU;iEAE7E;YACJ,4DAAK,KAAK,EAAC,SAAS;gBAChB;oBACI,8DACI,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,IAAI,CAAC,cAAc,KAAK,KAAK,EACtC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAChD;0CAEE;gBACR;oBACI,8DACI,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,IAAI,CAAC,cAAc,KAAK,SAAS,EAC1C,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,GACpD;mDAEE,CACN;YACN,4DAAK,KAAK,EAAC,UAAU,2DAEf,CACJ,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, State, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\n\n@Component({\n    tag: 'giftback-info',\n    styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n    @State() usedValue: number = 0;\n    @State() selectedOption: string = 'none';\n\n    @Prop() loading: boolean = false;\n    @Prop() bonus: Partial<IBonus> = {\n        totalBonus: 52,\n        cartId: \"\",\n        minimumPurchase: 6000,\n        bonusBalance: 25,\n        calculatedValue: 25,\n        firstValidityDate: \"\",\n        totalValue: 200\n    };\n    @Prop() reserve: (amountRedeemed: number) => void;\n    @Prop() cancel: () => void;\n\n    @State() sliderPosition: number = 50;\n\n    componentWillLoad() {\n        this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n    }\n\n    handleSliderChange(event: Event) {\n        const input = event.target as HTMLInputElement;\n        this.usedValue = parseFloat(input.value);\n\n        // Calculando a posição do texto com base no valor do slider\n        const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n        this.sliderPosition = percentage;\n    }\n\n    async handleReserve(value: number) {\n        this.reserve(value);\n    }\n\n    handleOptionChange(option: string) {\n        this.selectedOption = option;\n    }\n    render() {\n        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n        const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n\n        return (\n\n            <div class=\"giftback-container\">\n                <div class=\"container-description\">\n                    <p innerHTML={translateDescription}></p>\n                </div>\n                <div class=\"slider-wrapper\">\n                    <div\n                        class=\"slider-value\"\n                        style={{\n                            left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n                        }}\n                    >\n                        R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n                    </div>\n                    <input\n                        type=\"range\"\n                        min=\"0\"\n                        max={this.bonus.totalBonus}\n                        value={this.usedValue}\n                        class=\"slider\"\n                        step=\"0.01\"\n                        onInput={(event) => this.handleSliderChange(event)}\n                        style={{\n                            background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n                        }}\n                    />\n                </div>\n                <p>\n                    Adicione <strong>R$ {remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n                    máximo!\n                </p>\n                <div class=\"options\">\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"use\"\n                            checked={this.selectedOption === 'use'}\n                            onChange={() => this.handleOptionChange('use')}\n                        />\n                        Usar o meu Giftback\n                    </label>\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"dontUse\"\n                            checked={this.selectedOption === 'dontUse'}\n                            onChange={() => this.handleOptionChange('dontUse')}\n                        />\n                        Não usar o meu Giftback\n                    </label>\n                </div>\n                <div class=\"info-box\">\n                    O Giftback será aplicado na próxima etapa.\n                </div>\n            </div>\n        );\n    }\n}"]}
+{"version":3,"file":"giftback-info.js","sourceRoot":"","sources":["../../../../../../src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\n\n@Component({\n    tag: 'giftback-info',\n    styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n    @State() usedValue: number = 0;\n    @State() selectedOption: string = 'none';\n\n    @Prop() loading: boolean = false;\n    @Prop() bonus: Partial<IBonus> = {\n        totalBonus: 52,\n        cartId: \"\",\n        minimumPurchase: 6000,\n        bonusBalance: 25,\n        calculatedValue: 25,\n        firstValidityDate: \"\",\n        totalValue: 200\n    };\n    @Prop() reserve: (amountRedeemed: number) => void;\n    @Prop() cancel: () => void;\n\n    @State() sliderPosition: number = 50;\n\n    componentWillLoad() {\n        this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n\n        this.buildPositionSlider(0, this.bonus.totalBonus);\n    }\n\n    handleSliderChange(event: Event) {\n        const input = event.target as HTMLInputElement;\n        this.usedValue = parseFloat(input.value);\n\n        // Calculando a posição do texto com base no valor do slider\n        // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n        // this.sliderPosition = percentage;\n\n        this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\n    }\n\n\n    private buildPositionSlider(min:number, max: number) {\n        // Calculando a posição do texto com base no valor do slider\n        const percentage = ((this.usedValue - min) / (max - min)) * 100;\n        this.sliderPosition = percentage;\n    }\n\n    async handleOptionChange(option: string) {\n        this.selectedOption = option;\n        switch (this.selectedOption) {\n            case 'use':\n                await this.reserve(this.usedValue)\n                break;\n            case 'dontUse':\n                await this.cancel()\n                break;\n            default:\n        }\n    }\n    render() {\n        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n        const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n\n        return (\n\n            <div class=\"giftback-container\">\n                <div class=\"container-description\">\n                    <p innerHTML={translateDescription}></p>\n                </div>\n                <div class=\"slider-wrapper\">\n                    <div\n                        class=\"slider-value\"\n                        style={{\n                            left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n                        }}\n                    >\n                        R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n                    </div>\n                    <input\n                        type=\"range\"\n                        min=\"0\"\n                        max={this.bonus.totalBonus}\n                        value={this.usedValue}\n                        class=\"slider\"\n                        step=\"0.01\"\n                        onInput={(event) => this.handleSliderChange(event)}\n                        style={{\n                            background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n                        }}\n                    />\n                </div>\n                <p>\n                    Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n                    máximo!\n                </p>\n                <div class=\"options\">\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"use\"\n                            checked={this.selectedOption === 'use'}\n                            onChange={() => this.handleOptionChange('use')}\n                        />\n                        Usar o meu Giftback\n                    </label>\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"dontUse\"\n                            checked={this.selectedOption === 'dontUse'}\n                            onChange={() => this.handleOptionChange('dontUse')}\n                        />\n                        Não usar o meu Giftback\n                    </label>\n                </div>\n                <div class=\"info-box\">\n                    O Giftback será aplicado na próxima etapa.\n                </div>\n            </div>\n        );\n    }\n}"]}

package/dist/collection/components/giftback-form/subcomponents/giftback-message/giftback-massage.js

@@ -0,0 +1,11 @@
+import { Component, Host, h } from "@stencil/core";
+Component({
+    tag: 'giftback-message',
+    styleUrls: ['giftback-message.css']
+});
+export class GiftbackMessage {
+    render() {
+        return (h(Host, { class: "container-message" }, h("h1", null, "Voc\u00EA n\u00E3o possui Giftback dispon\u00EDvel para essa compra.")));
+    }
+}
+//# sourceMappingURL=giftback-massage.js.map

package/dist/collection/components/giftback-form/subcomponents/giftback-message/giftback-massage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"giftback-massage.js","sourceRoot":"","sources":["../../../../../../src/components/giftback-form/subcomponents/giftback-message/giftback-massage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAElD,SAAS,CAAC;IACN,GAAG,EAAE,kBAAkB;IACvB,SAAS,EAAE,CAAC,sBAAsB,CAAC;CACtC,CAAC,CAAA;AACF,MAAM,OAAO,eAAe;IACxB,MAAM;QACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB;YAC3B,qFAA8D,CAC3D,CACV,CAAA;IACL,CAAC;CACJ","sourcesContent":["import { Component, Host, h } from \"@stencil/core\"\n\nComponent({\n    tag: 'giftback-message',\n    styleUrls: ['giftback-message.css']\n})\nexport class GiftbackMessage {\n    render() {\n        return (\n            <Host class=\"container-message\">\n                <h1>Você não possui Giftback disponível para essa compra.</h1>\n            </Host>\n        )\n    }\n}"]}

package/dist/collection/components/giftback-form/subcomponents/phone-form/phone-form.js

@@ -10,7 +10,7 @@ export class PhoneForm {
         await this.handlerSubmit(phone);
     }
     render() {
-        return (h(Host, { key: 'f2ed303c01b92b39fe770bc6eee8a6134975e021', class: "crm-phone-form" }, h("label", { key: 'c2dd99890b17100ce496fd534fbdb22a78eb2897', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra"), h("phone-input-mask", { key: '7db87cef288dff4234400dc27e34b8341bdd1b42', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '47d08602ed469e9aeca5c633bef2f7b2020e88f1', txtBtn: "Avan\u00E7ar", loading: this.loading, onClick: () => this.handlePhone() })));
+        return (h(Host, { key: 'b821fd54424ae29b93d637e0faa0004ccb3ff6f5', class: "crm-phone-form" }, h("label", { key: '6fcb0fce2596f14d102b79162c217b1b0a92cccb', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra"), h("phone-input-mask", { key: 'a878fcb73215cbbdcd1572ddc0277884f83fb3e6', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '6caa785cf17898c745d67554935bd3959f42ff26', txtBtn: "Avan\u00E7ar", loading: this.loading, onClick: () => this.handlePhone() })));
     }
     static get is() { return "phone-form"; }
     static get originalStyleUrls() {