crmbonus-component-wake 2.0.62 → 2.0.63

package/dist/crmbonus-component-wake/p-0d0c74d9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["crmBonusCss","CrmBonusStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","birthDate","document","name","phone","resetBonus","cancelBonus","cartId","storeName","console","log","crmBonusRef","setStep","StepFormEnum","STEP_PHONE","watchProducts","newValue","productsInString","handleLoad","componentWillLoad","i18next","changeLanguage","language","loadSession","loadConfigStore","getCustomization","userId","customer","getCustomer","amount","localStorage","getItem","canCancel","amountCancel","error","buildAndGetProducts","session","getToken","setTimeout","key","cache_products","setItem","productsInCart","JSON","parse","products_in_cache","products","product_cart","pro","filter","p","ProdutoVarianteId","push","Object","assign","PrecoPor","sendPin","loading","message","_phone","replace","Number","sent","STEP_PIN","showModal","_b","_a","response","data","sendPinName","customerName","buildProducts","map","product","sku","SKU","value","Quantidade","productVariantId","toString","quantity","handleCloseModal","save","cancel","removeItem","handleSendPin","STEP_NAME","render","h"],"sources":["src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=scoped","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["\n.container-button {\n  /* max-width: 100%; */\n  cursor: pointer;\n  padding: 5px 5px 5px 14px;\n  /* display: flex; */\n}\n\n/* padding: 0 15px 15px;\nborder: 1px solid #ddd;\nmargin-bottom: 20px; */\n\n.section-crm {\n  border: 1px solid #dbd4d4;\n  /* min-height: 50px; */\n  text-align: -webkit-center;\n  margin-bottom: 20px;\n}\n\n.section-cart-crm {\n  margin-top: 10px;\n}\n\n.section-cart-crm p {\n  padding: 0;\n  margin: 0px 0px 0px 15px;\n}\n\n.button {\n  top: 50%;\n  background-color: #6c6c7e;\n  color: #fff;\n  border: none;\n  /* border-radius: 10px; */\n  padding: 15px;\n  min-height: 30px;\n  min-width: 120px;\n  font-size: 20px;\n  cursor: pointer;\n  margin-left: 10px;\n  height: 70px;\n}\n\n.form-container {\n  width: 97%;\n  display: flex;\n  justify-content: space-around;\n}\n\n\n.btn {\n  display: inline-block;\n  padding: 6px 12px;\n  margin-bottom: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.42857143;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-image: none;\n  border: 1px solid transparent;\n  border-radius: 0px;\n}\n\n.form-container .btnCrm {\n  background: #00162e;\n  border-color: #00162e;\n  width: 30%;\n  color: #fff;\n}\n\n.message-alert {\n  font-family: sans-serif;\n  color: #df4d4d;\n  margin-top: 5px;\n}","import { Component, Method, Prop, State, Watch, 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@Component({\n  tag: 'crm-bonus',\n  styleUrl: 'crm-bonus.css',\n  scoped: 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  @Method()\n  async resetBonus() {\n    await this.crmBonusService.cancelBonus(this.cartId, this.storeName);\n    console.log('[BONUS RESETADO]!!!!!');\n\n    await this.crmBonusRef.setStep(StepFormEnum.STEP_PHONE);\n  }\n\n  @Watch(\"productsInString\")\n  async watchProducts(newValue: string) {\n    console.log('[update products list]');\n    this.productsInString = newValue;\n    this.handleLoad();\n\n    await this.resetBonus();\n  }\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        // this.phone = Number(this.customer.phone)\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        customer={this.customer}\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"],"mappings":"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","ignoreList":[]}

package/dist/crmbonus-component-wake/p-c00e02a8.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i}from"./p-45c0296c.js";import{C as s,g as e}from"./p-8655e19b.js";import{S as o}from"./p-a561251a.js";import{g as n}from"./p-75ba7b9a.js";import{i as a}from"./p-fb505488.js";const h="*{margin:0;padding:0;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:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn)}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";const r=h;const c=class{constructor(i){t(this,i);this.crmBonusService=s.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.customer=undefined;this.value=undefined;this.loading=false;this.message=undefined;this.phone=undefined;this.pinInfo=undefined;this.step=o.STEP_PHONE;this.bonus=undefined;this.sucess="";this.error="";this.config=undefined;this.hasApplyBonus=false}async handleSendPin(t){this.message="";if(!t){this.message="Informe seu telefone";return}this.phone=t;this.sendPin()}componentWillLoad(){this.sucess="";this.error="";this.config=n(this.storeName);this.handleApply()}handleApply(){const t=localStorage.getItem(e(this.cartId));if(t){this.bonus=JSON.parse(t);this.step=o.STEP_RESERVE}}convertStringToNumber(){const t=this.phone.replace(/\D/g,"");return Number(t)}async sendPin(){var t,i;this.loading=true;this.message="";this.sucess="";this.error="";try{const t=this.convertStringToNumber();this.pinInfo=await this.crmBonusService.sendPin(t,"",this.storeName);this.step=o.STEP_PIN}catch(s){this.message=(i=(t=s===null||s===void 0?void 0:s.response)===null||t===void 0?void 0:t.data)===null||i===void 0?void 0:i.message}finally{this.loading=false}}changePhone(){this.sucess="";this.error="";this.step=o.STEP_PHONE}async validateBonus(t){var i,s;if(this.sucess){this.step=o.STEP_RESERVE;return}this.loading=true;this.sucess="";this.error="";const e={pin:t,cellphone:this.phone.toString(),storeId:this.pinInfo.storeId.toString(),userId:this.pinInfo.userId.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:null,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(e);if(!this.bonus.hasBonus){this.loading=false;this.step=o.STEP_NO_BONUS;return}this.sucess="Código validado com sucesso!"}catch(t){const e=(s=(i=t===null||t===void 0?void 0:t.response)===null||i===void 0?void 0:i.data)===null||s===void 0?void 0:s.message;if(e.includes("Pin")){this.error="Código inválido!"}else{this.error=e;this.step=o.STEP_NO_BONUS}}finally{this.loading=false}}handleCancel(){this.cancel()}async cancel(){this.message="";this.loading=true;try{await this.crmBonusService.cancel(this.cartId);this.save(0)}catch(t){this.message="Não consegui cancelar o bônus, tente novamente!"}finally{this.loading=false}}async reserveApply(t){this.loading=true;this.message="";try{await this.reserve(t);this.save(t);localStorage.setItem(e(this.cartId),JSON.stringify(this.bonus))}catch(t){this.message="ocorreu um error ao solicitar a aplicação do bonus! tente novamente";this.step=o.STEP_NO_BONUS;localStorage.removeItem(this.cartId)}finally{this.loading=false}}save(t){localStorage.setItem(this.cartId,t.toString())}async reserve(t){await this.crmBonusService.reserve({redeemedBonus:t,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 i("div",{key:"6e1606eaec511132df6a1d7aba66103182eac58b",class:"crm-container-form fbits-responsive-carrinho-desconto"},i("label",{key:"a246f11b8e9aa1eeb2147f1178d17e0912b0d751",class:"crm-title"},this.config.giftbackTitle),this.step===o.STEP_PHONE&&i("phone-form",{key:"15bd1a8b01675711cc2fec08620555e207796586",value:this.customer.phone,config:this.config,loading:this.loading,handlerSubmit:t=>this.handleSendPin(t)}),this.step===o.STEP_PIN&&i("pin-form",{key:"5bc81c0dd0473da58c760c95c046ecdd915ae74a",config:this.config,phone:this.phone,cancel:()=>this.changePhone(),resend:()=>this.sendPin(),validate:t=>this.validateBonus(t),loading:this.loading},this.sucess&&i("p",{key:"07c778c2c9a69deb51f4b33db1e0c806d2bd8d19",class:"crm-message-info"},this.sucess),this.error&&i("p",{key:"84fad905cfc281915a3534f52a09a284eab2fd89",class:"crm-message-error"},this.error)),this.step===o.STEP_RESERVE&&i("giftback-info",{key:"2f76ecd6109afd43259835bb18d6a934fafabed7",loading:this.loading,cancel:()=>this.handleCancel(),bonus:this.bonus,reserve:t=>this.reserveApply(t)}),this.step===o.STEP_NO_BONUS&&i("div",{key:"1bc84ded4f32d6ad8a9a0658f4be120e16126a47",class:"container-message"},a.t("noGiftback",{storename:this.config.giftbackTitle})))}};c.style=r;export{c as crm_giftback_form};
-//# sourceMappingURL=p-c00e02a8.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["giftbackFormCss","CrmGiftbackFormStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","StepFormEnum","STEP_PHONE","handleSendPin","phone","message","sendPin","componentWillLoad","sucess","error","config","getInfoCustomization","storeName","handleApply","bonus","localStorage","getItem","getKeyReserveByCartId","cartId","JSON","parse","step","STEP_RESERVE","convertStringToNumber","_phone","replace","Number","loading","pinInfo","STEP_PIN","_b","_a","response","data","changePhone","validateBonus","pin","payload","cellphone","toString","storeId","userId","checkoutId","checkoutProducts","products","name","validatePinBonus","hasBonus","STEP_NO_BONUS","_error","includes","handleCancel","cancel","save","reserveApply","amount","reserve","setItem","stringify","removeItem","redeemedBonus","ticket","grossValue","totalValue","render","h","key","class","giftbackTitle","value","customer","handlerSubmit","resend","validate","amountRedeemed","i18next","t","storename"],"sources":["src/components/giftback-form/giftback-form.css?tag=crm-giftback-form","src/components/giftback-form/giftback-form.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-family: Roboto;\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    color: var(--crm-btn);\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, 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 { getKeyReserveByCartId } from \"../../utils/keys.storage\";\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  @Prop() customer: ICustomer;\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  @State() hasApplyBonus = false;\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    this.handleApply()\n\n  }\n\n  handleApply() {\n    const bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n    if (bonus) {\n      this.bonus = JSON.parse(bonus);\n      this.step = StepFormEnum.STEP_RESERVE;\n    }\n\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      if (!this.bonus.hasBonus) {\n        this.loading = false;\n        this.step = StepFormEnum.STEP_NO_BONUS;\n        return\n      }\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        this.step = StepFormEnum.STEP_NO_BONUS;\n      }\n\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      this.save(0)\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      localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify(this.bonus));\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    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            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            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\", { storename: this.config.giftbackTitle })}\n            </div>\n          )\n\n        }\n      </div>\n    )\n  }\n}"],"mappings":"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","ignoreList":[]}