crmbonus-component-wake 2.0.73 → 2.0.75

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

@@ -1 +0,0 @@
-{"version":3,"names":["crmBonusCss","CrmBonusStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","birthDate","document","name","phone","resetBonus","console","log","cancelBonus","cartId","storeName","crmBonusRef","processBonus","err","loading","setStep","StepFormEnum","STEP_PHONE","watchProducts","newValue","productsInString","handleLoad","debug","message","componentWillLoad","i18next","changeLanguage","language","loadSession","loadConfigStore","getCustomization","userId","customer","getCustomer","amount","localStorage","getItem","canCancel","amountCancel","error","buildAndGetProducts","session","getToken","setTimeout","key","setItem","productsInCart","JSON","parse","products_in_cache","products","product_cart","pro","filter","p","ProdutoVarianteId","push","Object","assign","PrecoPor","sendPin","_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","ref"],"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: HTMLCrmGiftbackFormElement;\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    console.log('[START RESET BONUS]!!!!!');\n    // const exists = localStorage.getItem(getKeyReserveByCartId(this.cartId))\n\n    // if(!exists) return;\n\n    await this.crmBonusService.cancelBonus(this.cartId, this.storeName);\n\n    try {\n      await this.crmBonusRef.processBonus();\n      console.log('[BONUS RESETADO]!!!!!');\n    } catch (err) {\n\n      this.loading = false;\n      console.log('[error ao reprocessar bonous]');\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PHONE);\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  @Watch(\"productsInString\")\n  async watchProducts(newValue: string) {\n    try {\n      console.log('[update products list]');\n      this.productsInString = newValue;\n      await this.handleLoad();\n\n      await this.resetBonus();\n    } catch (err) {\n      console.debug('[watchProducts]', err.message);\n    }\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\n    localStorage.setItem(key, this.productsInString);\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        ref={ref => this.crmBonusRef = ref}\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-c04d7aac.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-a7ddcab4.js";import{S as o}from"./p-a561251a.js";import{g as n}from"./p-75ba7b9a.js";import{i as h}from"./p-fb505488.js";const a="*{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=a;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 setStep(t){this.step=t}async processBonus(){this.sucess="";const t=localStorage.getItem(e(this.cartId));if(t){const i=JSON.parse(t);this.phone=i.phone;this.pinInfo={storeId:i.storeId,userId:i.userId};await this.validateBonus("2018")}}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 n={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(n);if(!this.bonus.hasBonus){this.loading=false;this.step=o.STEP_NO_BONUS;return}this.sucess="Código validado com sucesso!";localStorage.setItem(e(this.cartId),JSON.stringify(Object.assign(Object.assign({},this.bonus),{phone:this.phone})))}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)}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:"50cb7f1d168127e5ef15ee728c5ab376c6b56eae",class:"crm-container-form fbits-responsive-carrinho-desconto"},i("label",{key:"ea97bf9b616826be4b861bdad61f5ff362a7eac4",class:"crm-title"},this.config.giftbackTitle),this.step===o.STEP_PHONE&&i("phone-form",{key:"25094c38c8d70305d55f10131ea2e84258faf627",value:this.customer.phone,config:this.config,loading:this.loading,handlerSubmit:t=>this.handleSendPin(t)}),this.step===o.STEP_PIN&&i("pin-form",{key:"1abbf4b064920586102eb983e44b937de5d71092",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:"6643e540d05642bdabc7a004b2165f8c401848e4",class:"crm-message-info"},this.sucess),this.error&&i("p",{key:"e38dd84f1eda48a8936753b185b56bfd5147e89f",class:"crm-message-error"},this.error)),this.step===o.STEP_RESERVE&&i("giftback-info",{key:"084007d5a1e9d16f3d30fd742278c62c4c013ce6",loading:this.loading,cancel:()=>this.handleCancel(),bonus:this.bonus,reserve:t=>this.reserveApply(t)}),this.step===o.STEP_NO_BONUS&&i("div",{key:"8d214593cd77985b2e2ccedd75c0feb29a73cf44",class:"container-message"},h.t("noGiftback",{storename:this.config.giftbackTitle})))}};c.style=r;export{c as crm_giftback_form};
-//# sourceMappingURL=p-c04d7aac.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["giftbackFormCss","CrmGiftbackFormStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","StepFormEnum","STEP_PHONE","setStep","step","processBonus","sucess","_bonus","localStorage","getItem","getKeyReserveByCartId","cartId","bonus","JSON","parse","phone","pinInfo","storeId","userId","validateBonus","handleSendPin","message","sendPin","componentWillLoad","error","config","getInfoCustomization","storeName","handleApply","STEP_RESERVE","convertStringToNumber","_phone","replace","Number","loading","STEP_PIN","_b","_a","response","data","changePhone","pin","payload","cellphone","toString","checkoutId","checkoutProducts","products","name","validatePinBonus","hasBonus","STEP_NO_BONUS","setItem","stringify","Object","assign","_error","includes","handleCancel","cancel","save","reserveApply","amount","reserve","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, Method, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent'\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport i18next from \"../../i18n/i18n\"\nimport { 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\n  @Method()\n  async setStep(step: StepFormEnum) {\n    this.step = step\n  }\n\n  @Method()\n  async processBonus() {\n    this.sucess = \"\";\n    const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n\n    if(_bonus) {\n\n      const bonus = JSON.parse(_bonus)\n\n      this.phone = bonus.phone;\n      this.pinInfo = {\n        storeId: bonus.storeId,\n        userId: bonus.userId\n      }\n\n      await this.validateBonus(\"2018\")\n    }\n    \n    \n  }\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      localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\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\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":[]}