crmbonus-component-wake 2.1.40-ngrok → 2.1.41-shoulder

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, Method, Prop, State, h } from '@stencil/core';\r\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\r\nimport { CrmBonusService } from '../../services/crmbonus.service';\r\nimport { IPinSent } from '../../components';\r\nimport { defaultStyles, StepFormEnum } from '../../contants';\r\n\r\nimport i18next from '../../i18n/i18n'\r\nimport { buildProductsByWake } from '../../helpers/build.payload.helper';\r\nimport { getCart, getInfoBonusByCartIdAndStoreName } from '../../helpers/cart.helper';\r\nimport { CartWake } from '../../objectvalues/cart.wake';\r\nimport { USED_KEY } from '../../utils/keys.storage';\r\nimport { ReservedInfoDTO } from '../../dto/reserved-info.dto';\r\n\r\n@Component({\r\n  tag: 'crm-bonus',\r\n  styleUrl: 'crm-bonus.css',\r\n  assetsDirs: ['assets'],\r\n  // scoped: true\r\n  shadow: true\r\n})\r\nexport class CrmBonus {\r\n\r\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\r\n\r\n  private crmBonusRef: HTMLCrmGiftbackFormElement;\r\n\r\n  @Prop() cart;\r\n  @Prop() canhidden: boolean = false;\r\n\r\n  @State() showModal: boolean = false;\r\n\r\n  @State() cartWake: CartWake;\r\n\r\n  @State() customer: ICustomer = {\r\n    birthDate: \"\",\r\n    document: \"\",\r\n    name: \"\",\r\n    phone: \"\"\r\n  };\r\n\r\n  @State() loading: boolean = false;\r\n  @State() message: string;\r\n  @State() phone: number;\r\n  @State() canCancel: boolean = false;\r\n  @State() amountCancel: string;\r\n  @State() sent: IPinSent;\r\n\r\n  @State() session: string;\r\n  @State() loading_reprocess = false;\r\n  @State() styles = defaultStyles;\r\n  @State() reservedInfo: ReservedInfoDTO;\r\n\r\n  @Method()\r\n  async resetBonus() {\r\n    console.log('[CRMBONUS] - reset bonus');\r\n\r\n    try {\r\n      await this.crmBonusRef.processBonus(this.buildProducts(), true);\r\n      console.log('[BONUS RESETADO]!!!!!');\r\n    } catch (err) {\r\n\r\n      this.loading = false;\r\n      console.log('[error ao reprocessar bonous]');\r\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PHONE);\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setloading() {\r\n    this.loading_reprocess = !this.loading_reprocess;\r\n  }\r\n\r\n  @Method()\r\n  async reprocess() {\r\n    console.log(\"[CRMBONUS] - reprocess\")\r\n    this.loading_reprocess = true\r\n\r\n    try {\r\n\r\n      const isUse = localStorage.getItem(USED_KEY);\r\n\r\n      if (!isUse) return;\r\n\r\n      this.cartWake = await getCart();\r\n      await this.resetBonus();\r\n    } catch (err) {\r\n      console.debug('[watchProducts]', err.message);\r\n    } finally {\r\n      this.loading_reprocess = false\r\n    }\r\n  }\r\n\r\n  async componentWillLoad() {\r\n    this.loading_reprocess = true;\r\n    window.addEventListener('productRemovedFromCart', async () => {\r\n      console.log('[CRMBONUS] - productRemovedFromCart');\r\n      await this.reprocess()\r\n    });\r\n\r\n    window.addEventListener('productAddedToCart', async () => {\r\n      console.log('[CRMBONUS] - productAddedToCart');\r\n      await this.reprocess();\r\n    });\r\n\r\n    document.querySelectorAll('form').forEach((el) => {\r\n      el.addEventListener(\"submit\", async () => {\r\n        console.log(\"[CRMBONUS] - Formulário está sendo submetido!\");\r\n        await this.reprocess();\r\n      });\r\n    });\r\n\r\n    document.getElementById('validarCupom')?.addEventListener('click', async () => {\r\n        console.log(\"[CRMBONUS] - cupom sendo submetido!\");\r\n        setTimeout(async () => {\r\n          await this.reprocess();\r\n        }, 2000);\r\n    });\r\n\r\n    await this.observerHandle();\r\n\r\n    i18next.changeLanguage(i18next.language);\r\n  }\r\n\r\n  async componentDidLoad() {\r\n    try {\r\n      await this.loadSession();\r\n      this.handleLoad();\r\n      await this.loadConfigStore();\r\n    } catch (error) {\r\n      console.log('bc:err....')\r\n    } finally {\r\n      this.loading_reprocess = false;\r\n    }\r\n  }\r\n\r\n  private async observerHandle() {\r\n    const elements = document.getElementsByTagName('a');\r\n\r\n    //@ts-ignore\r\n    for (let el of elements) {\r\n      console.log('[el.href]', el.href);\r\n      if (el.href.includes('Produto/Delete')) {\r\n        el.addEventListener('click', async () => {\r\n          console.log('[CRMBONUS] - Produto removido do carrinho');\r\n\r\n          setTimeout(async () => {\r\n            await this.reprocess();\r\n            this.observerHandle();\r\n          }, 2000);\r\n\r\n        });\r\n      }\r\n\r\n      if (el.href.includes('Produto/Add')) {\r\n        el.addEventListener('click', async () => {\r\n          console.log('[CRMBONUS] - Produto adicionado ao carrinho');\r\n          setTimeout(async () => {\r\n            await this.reprocess();\r\n            this.observerHandle();\r\n          }, 2000);\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  async loadConfigStore() {\r\n    const [customization, infoBonus] = await Promise.all([\r\n      this.crmBonusService.getCustomization(this.cartWake.store.name),\r\n      getInfoBonusByCartIdAndStoreName(this.cartWake.id, this.cartWake.store.name)\r\n    ]);\r\n\r\n    this.reservedInfo = infoBonus;\r\n\r\n    if (customization.keepStoreFrontStyle) {\r\n      this.styles = null;\r\n    }\r\n  }\r\n\r\n  async fetchCustomer(userId: number, storeName: string) {\r\n    try {\r\n      return await this.crmBonusService.getCustomer(userId, storeName);\r\n    } catch (error) {\r\n      console.error('[fetchCustomer] Error fetching customer:', error);\r\n      return null;\r\n    }\r\n  }\r\n\r\n  async handleLoad() {\r\n    try {\r\n      if (this.cartWake.user.id) {\r\n        this.fetchCustomer(this.cartWake.user.id, this.cartWake.store.name).then((customer) => {\r\n          if (customer) {\r\n            this.customer = customer;\r\n          }\r\n        });\r\n      }\r\n\r\n      const amount = localStorage.getItem(this.cartWake.id);\r\n\r\n      if (amount) {\r\n        this.canCancel = true;\r\n        this.amountCancel = amount;\r\n      }\r\n\r\n      await this.buildAndGetProducts(this.cartWake.products);\r\n    } catch (error) {\r\n      console.log('info customer')\r\n    }\r\n  }\r\n\r\n  async loadSession() {\r\n    this.cartWake = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\r\n    console.log('[bc:carregou carrinho]');\r\n\r\n    this.session = await this.crmBonusService.getToken(this.cartWake.store.name);\r\n    console.log('[bc:carregou session]');\r\n    setTimeout(() => {\r\n      this.loadSession()\r\n    }, 1500000)\r\n  }\r\n\r\n  async buildAndGetProducts(productsWake: IProductWake[]) {\r\n\r\n    const key = `bc-products:${this.cartWake.id}`;\r\n\r\n    const productsString = JSON.stringify(productsWake)\r\n\r\n    localStorage.setItem(key, productsString);\r\n\r\n    const products_in_cache = JSON.parse(localStorage.getItem(key));\r\n\r\n    const products: Array<IProductWake> = []\r\n\r\n    for (const product_cart of productsWake) {\r\n\r\n      const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\r\n\r\n      //const [ajuste = { Valor: 0 }] = pro.Ajustes.filter(aj => aj.Tipo === \"Formula\")\r\n\r\n      if (pro) {\r\n        products.push({\r\n          ...product_cart,\r\n          PrecoPor: pro.PrecoPor,\r\n          PrecoDe: pro.PrecoDe,\r\n          Quantidade: pro.Quantidade,\r\n          Ajustes: pro.Ajustes\r\n        })\r\n      } else {\r\n        products.push(product_cart)\r\n      }\r\n\r\n    }\r\n\r\n    this.cartWake.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);\r\n\r\n  }\r\n\r\n  public async sendPin(phone: string) {\r\n    this.loading = true;\r\n    this.message = \"\";\r\n\r\n    try {\r\n\r\n      const _phone = phone.replace(/\\D/g, '');\r\n      this.phone = Number(_phone);\r\n\r\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.cartWake.store.name);;\r\n\r\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\r\n\r\n      this.showModal = true;\r\n    } catch (error) {\r\n      this.message = error?.response?.data?.message\r\n    } finally {\r\n      this.loading = false\r\n    }\r\n  }\r\n\r\n  public async sendPinName(customerName: string) {\r\n    this.loading = true;\r\n    this.message = \"\";\r\n\r\n    try {\r\n      this.customer.name = customerName;\r\n\r\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.cartWake.store.name);\r\n\r\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\r\n\r\n      this.showModal = true;\r\n    } catch (error) {\r\n      this.message = error?.response?.data?.message\r\n    } finally {\r\n      this.loading = false\r\n    }\r\n  }\r\n\r\n  buildProducts(): IProduct[] {\r\n    return buildProductsByWake(this.cartWake.products);\r\n  }\r\n\r\n  handleCloseModal() {\r\n    this.showModal = false;\r\n  }\r\n\r\n  save(amount: number) {\r\n    localStorage.setItem(this.cartWake.id, amount.toString());\r\n    this.canCancel = true;\r\n    this.amountCancel = amount.toString()\r\n  }\r\n\r\n  async cancel() {\r\n    this.message = \"\";\r\n    this.loading = true;\r\n    try {\r\n      await this.crmBonusService.cancel(this.cartWake.id);\r\n      this.canCancel = false;\r\n\r\n      localStorage.removeItem(this.cartWake.id);\r\n    } catch (error) {\r\n      this.message = \"Não consegui cancelar o bônus, tente novamente!\"\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  async handleSendPin(phone: string) {\r\n    this.message = \"\"\r\n    if (!phone) {\r\n      this.message = \"Informe seu telefone\";\r\n      return;\r\n    }\r\n\r\n    this.customer.phone = phone;\r\n    const _phone = phone.replace(/\\D/g, '');\r\n    this.phone = Number(_phone);\r\n\r\n    if (this.customer.name) {\r\n      return this.sendPin(phone)\r\n    }\r\n\r\n    await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);\r\n    this.showModal = true;\r\n  }\r\n\r\n  render() {\r\n\r\n    if (this.canhidden) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <loading-container loading={this.loading_reprocess} text='carregando...' >\r\n       \r\n        {\r\n          !this.loading_reprocess && (\r\n            <crm-giftback-form\r\n              customStyles={this.styles}\r\n              style={{ position: \"relative\" }}\r\n              ref={ref => this.crmBonusRef = ref}\r\n              storeName={this.cartWake.store.name}\r\n              products={this.buildProducts()}\r\n              cartId={this.cartWake.id}\r\n              customer={this.customer}\r\n              loadProducts={() => this.buildProducts()}\r\n              loadAll={() => this.handleLoad()}\r\n              reservedInfo={this.reservedInfo}\r\n            />\r\n          )\r\n        }\r\n      </loading-container>\r\n    )\r\n  }\r\n}\r\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, Method, 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 { defaultStyles, StepFormEnum } from '../../contants';\n\nimport i18next from '../../i18n/i18n'\nimport { buildProductsByWake } from '../../helpers/build.payload.helper';\nimport { getCartStoreFront, getInfoBonusByCartIdAndStoreName } from '../../helpers/cart.helper';\nimport { CartWake } from '../../objectvalues/cart.wake';\nimport { USED_KEY } from '../../utils/keys.storage';\nimport { ReservedInfoDTO } from '../../dto/reserved-info.dto';\n\n@Component({\n  tag: 'crm-bonus',\n  styleUrl: 'crm-bonus.css',\n  assetsDirs: ['assets'],\n  // scoped: true\n  shadow: true\n})\nexport class CrmBonus {\n\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n  private crmBonusRef: HTMLCrmGiftbackFormElement;\n\n  @Prop() cart;\n  @Prop() canhidden: boolean = false;\n\n  @State() showModal: boolean = false;\n\n  @State() cartWake: CartWake;\n\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  @State() loading_reprocess = false;\n  @State() styles = defaultStyles;\n  @State() reservedInfo: ReservedInfoDTO;\n\n  @Method()\n  async resetBonus() {\n    console.log('[CRMBONUS] - reset bonus');\n\n    try {\n      await this.crmBonusRef.processBonus(this.buildProducts(), true);\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  @Method()\n  async setloading() {\n    this.loading_reprocess = !this.loading_reprocess;\n  }\n\n  @Method()\n  async reprocess() {\n    console.log(\"[CRMBONUS] - reprocess\")\n    this.loading_reprocess = true\n\n    try {\n\n      const isUse = localStorage.getItem(USED_KEY);\n\n      if (!isUse) return;\n\n      this.cartWake = await getCartStoreFront();\n      await this.resetBonus();\n    } catch (err) {\n      console.debug('[watchProducts]', err.message);\n    } finally {\n      this.loading_reprocess = false\n    }\n  }\n\n  async componentWillLoad() {\n    this.loading_reprocess = true;\n    window.addEventListener('productRemovedFromCart', async () => {\n      console.log('[CRMBONUS] - productRemovedFromCart');\n      await this.reprocess()\n    });\n\n    window.addEventListener('productAddedToCart', async () => {\n      console.log('[CRMBONUS] - productAddedToCart');\n      await this.reprocess();\n    });\n\n    document.querySelectorAll('form').forEach((el) => {\n      el.addEventListener(\"submit\", async () => {\n        console.log(\"[CRMBONUS] - Formulário está sendo submetido!\");\n        await this.reprocess();\n      });\n    });\n\n    document.getElementById('validarCupom')?.addEventListener('click', async () => {\n      console.log(\"[CRMBONUS] - cupom sendo submetido!\");\n      setTimeout(async () => {\n        await this.reprocess();\n      }, 2000);\n    });\n\n    await this.observerHandle();\n\n    i18next.changeLanguage(i18next.language);\n  }\n\n  async componentDidLoad() {\n    try {\n      await this.loadSession();\n      this.handleLoad();\n      await this.loadConfigStore();\n    } catch (error) {\n      console.log('bc:err....')\n    } finally {\n      this.loading_reprocess = false;\n    }\n  }\n\n\n\n  private async observerHandle() {\n    const elements = document.getElementsByTagName('a');\n\n    document.addEventListener('click', (event) => {\n      //@ts-ignore\n      console.log('Clique detectado em:', event.target.href);\n      //@ts-ignore\n      console.log('Clique detectado em:', event.target.id);\n      console.log('Clique detectado em:', event.target);\n\n      //@ts-ignore\n      if (['validarCupom', 'removerCupomCarrinho'].includes(event.target.id)) {\n        setTimeout(async () => {\n          await this.reprocess();\n          this.observerHandle();\n        }, 2000);\n      }\n\n      //@ts-ignore\n      if(['crm_label'].includes(event.target.id)) {\n        this.crmBonusService.saveTracking(this.cartWake?.id, {  action: 'click_label', storeName: this.cartWake?.store?.name  });\n      }\n    });\n    \n\n    //@ts-ignore\n    for (let el of elements) {\n      console.log('[el.href]', el.href);\n      if (el.href.includes('Produto/Delete')) {\n        el.addEventListener('click', async () => {\n          console.log('[CRMBONUS] - Produto removido do carrinho');\n\n          setTimeout(async () => {\n            await this.reprocess();\n            this.observerHandle();\n          }, 2000);\n\n        });\n      }\n\n      if (el.href.includes('Produto/Add')) {\n        el.addEventListener('click', async () => {\n          console.log('[CRMBONUS] - Produto adicionado ao carrinho');\n          setTimeout(async () => {\n            await this.reprocess();\n            this.observerHandle();\n          }, 2000);\n        });\n      }\n    }\n  }\n\n  async loadConfigStore() {\n    const [customization, infoBonus] = await Promise.all([\n      this.crmBonusService.getCustomization(this.cartWake.store.name),\n      getInfoBonusByCartIdAndStoreName(this.cartWake.id, this.cartWake.store.name)\n    ]);\n\n    this.reservedInfo = infoBonus;\n\n    if (customization.keepStoreFrontStyle) {\n      this.styles = null;\n    }\n  }\n\n  async fetchCustomer(userId: number, storeName: string) {\n    try {\n      return await this.crmBonusService.getCustomer(userId, storeName);\n    } catch (error) {\n      console.error('[fetchCustomer] Error fetching customer:', error);\n      return null;\n    }\n  }\n\n  async handleLoad() {\n    try {\n      if (this.cartWake.user.id) {\n        this.fetchCustomer(this.cartWake.user.id, this.cartWake.store.name).then((customer) => {\n          if (customer) {\n            this.customer = customer;\n          }\n        });\n      }\n\n      const amount = localStorage.getItem(this.cartWake.id);\n\n      if (amount) {\n        this.canCancel = true;\n        this.amountCancel = amount;\n      }\n\n      await this.buildAndGetProducts(this.cartWake.products);\n    } catch (error) {\n      console.log('info customer')\n    }\n  }\n\n  async loadSession() {\n    this.cartWake = this.cart ? CartWake.fromCheckout(JSON.parse(this.cart)) : await getCartStoreFront();\n    console.log('[bc:carregou carrinho]', this.cartWake);\n\n    this.session = await this.crmBonusService.getToken(this.cartWake.store.name);\n    console.log('[bc:carregou session]');\n    setTimeout(() => {\n      this.loadSession()\n    }, 1500000)\n  }\n\n  async buildAndGetProducts(productsWake: IProductWake[]) {\n\n    const key = `bc-products:${this.cartWake.id}`;\n\n    const productsString = JSON.stringify(productsWake)\n\n    localStorage.setItem(key, productsString);\n\n    const products_in_cache = JSON.parse(localStorage.getItem(key));\n\n    const products: Array<IProductWake> = []\n\n    for (const product_cart of productsWake) {\n\n      const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\n\n      //const [ajuste = { Valor: 0 }] = pro.Ajustes.filter(aj => aj.Tipo === \"Formula\")\n\n      if (pro) {\n        products.push({\n          ...product_cart,\n          PrecoPor: pro.PrecoPor,\n          PrecoDe: pro.PrecoDe,\n          Quantidade: pro.Quantidade,\n          Ajustes: pro.Ajustes\n        })\n      } else {\n        products.push(product_cart)\n      }\n\n    }\n\n    this.cartWake.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.cartWake.store.name);;\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.cartWake.store.name);\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 buildProductsByWake(this.cartWake?.products || []);\n  }\n\n  handleCloseModal() {\n    this.showModal = false;\n  }\n\n  save(amount: number) {\n    localStorage.setItem(this.cartWake.id, 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.cartWake.id);\n      this.canCancel = false;\n\n      localStorage.removeItem(this.cartWake.id);\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    if (this.canhidden) {\n      return null;\n    }\n\n    return (\n      <loading-container loading={this.loading_reprocess} text='carregando...' >\n        { this.loading_reprocess && <div class=\"empty-container\"></div> }\n        {\n          !this.loading_reprocess && this.cartWake && (\n            <crm-giftback-form\n              customStyles={this.styles}\n              style={{ position: \"relative\" }}\n              ref={ref => this.crmBonusRef = ref}\n              storeName={this.cartWake?.store?.name}\n              products={this.buildProducts()}\n              cartId={this.cartWake.id}\n              customer={this.customer}\n              loadProducts={() => this.buildProducts()}\n              loadAll={() => this.handleLoad()}\n              reservedInfo={this.reservedInfo}\n            />\n          )\n        }\n      </loading-container>\n    )\n  }\n}\n"]}

package/dist/collection/components/crmbonus/crmbonus.js

@@ -0,0 +1,26 @@
+import { h } from "@stencil/core";
+import { CrmBonusService } from "../../services/crmbonus.service";
+export class CrmBonus {
+    constructor() {
+        this.storeName = 'bycoders';
+        this.crmBonusService = CrmBonusService.getInstance();
+        this.checkout = {};
+    }
+    async handlerToken() {
+        await this.crmBonusService.getToken(this.storeName);
+    }
+    componentDidLoad() {
+        this.handlerToken();
+    }
+    render() {
+        return (h("div", { key: 'cefc590c81f4de1a44fd67cbd599c6a5366f2ee7' }, h("bc-phone-form", { key: '126d01e0c4da26d9c2b56c74580eb2988fbc58ad', storeName: this.storeName }), h("bc-phone-validate-pin-form", { key: 'c08a9c81a1394deb787e5ff7b353aea596985a22', storeName: this.storeName })));
+    }
+    static get is() { return "bc-crmbonus"; }
+    static get encapsulation() { return "shadow"; }
+    static get states() {
+        return {
+            "checkout": {}
+        };
+    }
+}
+//# sourceMappingURL=crmbonus.js.map

package/dist/collection/components/crmbonus/crmbonus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crmbonus.js","sourceRoot":"","sources":["../../../../src/components/crmbonus/crmbonus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOlE,MAAM,OAAO,QAAQ;;QAEjB,cAAS,GAAG,UAAU,CAAA;QAEd,oBAAe,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC;wBAEb,EAAE;;IAE7C,KAAK,CAAC,YAAY;QACd,MAAM,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACxD,CAAC;IAED,gBAAgB;QACZ,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC;IAGD,MAAM;QACF,OAAO,CACH;YACI,sEAAe,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI;YAE5C,mFAA4B,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI,CACvD,CACT,CAAA;IACL,CAAC;;;;;;CACJ","sourcesContent":["import { Component, h, State } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { ICheckoutDTO } from \"../../dto/checkout.dto\";\n\n@Component({\n    tag: 'bc-crmbonus',\n    shadow: true\n})\nexport class CrmBonus {\n\n    storeName = 'bycoders'\n\n    private crmBonusService = CrmBonusService.getInstance();\n\n    @State() checkout: Partial<ICheckoutDTO> = {}\n\n    async handlerToken() {\n        await this.crmBonusService.getToken(this.storeName);\n    }\n\n    componentDidLoad() {\n        this.handlerToken();\n    }\n\n\n    render() {\n        return (\n            <div>\n                <bc-phone-form storeName={this.storeName} />\n\n                <bc-phone-validate-pin-form storeName={this.storeName} />\n            </div>\n        )\n    }\n}"]}

package/dist/collection/components/crmbonus/subcomponents/phone-form/index.js

@@ -0,0 +1,95 @@
+import { h } from "@stencil/core";
+import { CrmBonusService } from "../../../../services/crmbonus.service";
+import store from "../../../../../store";
+export class PhoneForm {
+    constructor() {
+        this.crmbonusService = CrmBonusService.getInstance();
+        this.loading = false;
+        this.storeName = '';
+    }
+    async handlerPhone() {
+        this.loading = true;
+        try {
+            const phoneMask = await this.phoneInputMask.getPhone();
+            const phone = phoneMask.replace(/\D/g, '');
+            const send = await this.crmbonusService.sendPin(Number(phone), '', this.storeName);
+            store.checkout.cellphone = Number(phone);
+            store.checkout.crmbonuStoreId = send.storeId;
+            store.checkout.crmbonusUserId = send.userId;
+        }
+        catch (error) {
+            this.actionError.emit({
+                message: error.message
+            });
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    render() {
+        return (h("div", { key: 'b14641104823437a9ab8d358b9326163b86a1c2e', class: "phone-form" }, h("span", { key: '0c6aca3e25b12f651402086bff2405de112d47ca' }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), h("phone-input-mask", { key: '3362b63ed0afcda46a2ec82784786ab3ce139969', ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '4dfc4e036d8689cbde15edce49b9f71ad73748c3', loading: this.loading, txtBtn: "Avan\u00E7ar", handleClick: () => this.handlerPhone() })));
+    }
+    static get is() { return "bc-phone-form"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "storeName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "store-name",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "loading": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "actionError",
+                "name": "actionError",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "Partial<{ message: string }>",
+                    "resolved": "{ message?: string; }",
+                    "references": {
+                        "Partial": {
+                            "location": "global",
+                            "id": "global::Partial"
+                        }
+                    }
+                }
+            }];
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/crmbonus/subcomponents/phone-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/crmbonus/subcomponents/phone-form/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,OAAO,KAAK,MAAM,sBAAsB,CAAC;AAOzC,MAAM,OAAO,SAAS;;QAIlB,oBAAe,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC;uBAE7B,KAAK;yBAEJ,EAAE;;IAItB,KAAK,CAAC,YAAY;QACd,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC;YACD,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;YACvD,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC3C,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;YAEnF,KAAK,CAAC,QAAQ,CAAC,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YACzC,KAAK,CAAC,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;YAC7C,KAAK,CAAC,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC;QAEhD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;gBAClB,OAAO,EAAE,KAAK,CAAC,OAAO;aACzB,CAAC,CAAC;QACP,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,YAAY;YACnB,uJAAwF;YACxF,yEAAkB,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI;YAC3D,mEAAY,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAC,cAAS,EAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,GAAI,CAC5F,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, State } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../../../services/crmbonus.service\";\n\nimport store from '../../../../../store';\n\n@Component({\n    tag: 'bc-phone-form',\n    shadow: true,\n    styleUrl: 'styles.scss'\n})\nexport class PhoneForm {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    crmbonusService = CrmBonusService.getInstance();\n\n    @State() loading = false;\n\n    @Prop() storeName = '';\n\n    @Event() actionError: EventEmitter<Partial<{ message: string }>>;\n\n    async handlerPhone() {\n        this.loading = true;\n        try {\n            const phoneMask = await this.phoneInputMask.getPhone();\n            const phone = phoneMask.replace(/\\D/g, '');\n            const send = await this.crmbonusService.sendPin(Number(phone), '', this.storeName);\n\n            store.checkout.cellphone = Number(phone);\n            store.checkout.crmbonuStoreId = send.storeId;\n            store.checkout.crmbonusUserId = send.userId;\n\n        } catch (error) {\n            this.actionError.emit({\n                message: error.message\n            });\n        } finally {\n            this.loading = false;\n        }\n    }\n\n    render() {\n        return (\n            <div class=\"phone-form\">\n                <span>Digite o seu celular para verificar se há desconto disponível nessa compra:</span>\n                <phone-input-mask ref={ref => this.phoneInputMask = ref} />\n                <crm-button loading={this.loading} txtBtn=\"Avançar\" handleClick={() => this.handlerPhone()} />\n            </div>\n        )\n    }\n}"]}

package/dist/collection/components/crmbonus/subcomponents/phone-form/styles.scss

@@ -0,0 +1,5 @@
+.phone-form {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}

package/dist/collection/components/crmbonus/subcomponents/phone-validate/index.js

@@ -0,0 +1,129 @@
+import { h } from "@stencil/core";
+import i18next from "../../../../i18n/i18n";
+import store from "../../../../../store";
+import { CrmBonusService } from "../../../../services/crmbonus.service";
+export class PhoneValidatePinForm {
+    constructor() {
+        this.crmbonusService = CrmBonusService.getInstance();
+        this.storeName = '';
+        this.phone = undefined;
+        this.cancel = undefined;
+        this.pin = ['', '', '', ''];
+        this.isVerified = false;
+        this.canResend = false;
+        this.loading = false;
+    }
+    handleInput(event, index) {
+        const input = event.target;
+        const value = input.value.slice(0, 1); // Limitar a um único dígito
+        this.pin[index] = value;
+        // Focar no próximo campo, se possível
+        if (value && index < this.pin.length - 1) {
+            const nextInput = input.nextElementSibling;
+            nextInput === null || nextInput === void 0 ? void 0 : nextInput.focus();
+        }
+        this.pin = [...this.pin];
+    }
+    async handleResend() {
+        // await this.resend();
+        this.canResend = false;
+        this.pin = ['', '', '', ''];
+    }
+    buildTime() {
+        const resendDate = localStorage.getItem("bc:resend");
+        if (resendDate) {
+            return resendDate;
+        }
+        const date = new Date();
+        date.setSeconds(date.getSeconds() + 30);
+        localStorage.setItem("bc:resend", date.toString());
+        return date.toString();
+    }
+    handleTimeout() {
+        localStorage.removeItem("bc:resend");
+        this.canResend = true;
+    }
+    validatePin() {
+        console.log('[x][STORE]', store.checkout);
+        // this.crmbonusService.validatePinBonus()
+    }
+    render() {
+        var _a;
+        return (h("div", { key: '0ba777997120acd11e83043f3450bf7288cb5665', class: "crm-phone-form" }, h("label", { key: '75d3ba7803982927d14da4f99c84a1e1cb4a827e', class: "crm-subtitle" }, i18next.t('pin-sutitle'), " ", h("strong", { key: '04042da34bb9b90822187bc5f3d03dd309cc87d0' }, "+55 ", this.phone)), h("div", { key: '8250a29967cacc8eb0c9a00dab6e3e59280e5870', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) })))), h("slot", { key: 'df1e2e9cc3033ee760ae1bf607e311e0038743cb' }), h("p", { key: 'beeea228c5c108588f38f64052cffed424ff7539', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: 'b304f40425994ddfc905ab3b0c18db738b8a2d3b' }, " Reenviar em", h("countdown-timer", { key: '776f50ddc79cd0813aa49dfa236a955aa5994b7c', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '02a4d05b7c15097881cece7752a36671d29162db' }, h("a", { key: 'b6bd0961dc687b8c4f601c668b0ba2cdfa83a339', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: 'd348c9fe25a728b098b8ef2359a724c9b2956e98', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '0382610ed7d6a7fda3f8851e30e3852320e2ff23', txtBtn: ((_a = store === null || store === void 0 ? void 0 : store.storeConfig) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
+    }
+    static get is() { return "bc-phone-validate-pin-form"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "storeName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "store-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "phone": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "phone",
+                "reflect": false
+            },
+            "cancel": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "pin": {},
+            "isVerified": {},
+            "canResend": {},
+            "loading": {}
+        };
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/crmbonus/subcomponents/phone-validate/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/crmbonus/subcomponents/phone-validate/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State } from \"@stencil/core\";\n\nimport i18next from '../../../../i18n/i18n'\nimport store from '../../../../../store';\nimport { CrmBonusService } from \"../../../../services/crmbonus.service\";\n\n@Component({\n    tag: 'bc-phone-validate-pin-form',\n    shadow: true,\n    styleUrl: 'styles.scss'\n})\nexport class PhoneValidatePinForm {\n\n    crmbonusService = CrmBonusService.getInstance();\n\n    @Prop() storeName: string = '';\n    @Prop() phone: number;\n    @Prop() cancel: () => void;\n\n    @State() pin: string[] = ['', '', '', ''];\n    @State() isVerified: boolean = false;\n    @State() canResend: boolean = false;\n    @State() loading = false;\n\n    handleInput(event: Event, index: number) {\n        const input = event.target as HTMLInputElement;\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\n        this.pin[index] = value;\n\n        // Focar no próximo campo, se possível\n        if (value && index < this.pin.length - 1) {\n            const nextInput = input.nextElementSibling as HTMLInputElement;\n            nextInput?.focus();\n        }\n\n        this.pin = [...this.pin];\n    }\n\n    async handleResend() {\n        // await this.resend();\n\n        this.canResend = false;\n        this.pin = ['', '', '', ''];\n    }\n\n    buildTime() {\n        const resendDate = localStorage.getItem(\"bc:resend\");\n\n        if(resendDate) {\n            return resendDate;\n        }\n\n        const date = new Date();\n        date.setSeconds(date.getSeconds() + 30);\n        localStorage.setItem(\"bc:resend\", date.toString());\n\n        return date.toString();\n    }\n\n    handleTimeout() {\n        localStorage.removeItem(\"bc:resend\")\n        this.canResend = true;\n    }\n\n    validatePin() {\n        console.log('[x][STORE]', store.checkout);\n\n        // this.crmbonusService.validatePinBonus()\n    }\n\n    render() {\n        return (\n            <div class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\n                <div class=\"pin-container\">\n                    {this.pin.map((_, index) => (\n                        <input\n                            type=\"text\"\n                            maxLength={1}\n                            value={this.pin[index]}\n                            onInput={(event) => this.handleInput(event, index)}\n                        />\n                    ))}\n                </div>\n\n                <slot></slot>\n\n                <p class=\"crm-description\"> Não recebeu?\n                    {\n                        !this.canResend && <label> Reenviar em\n                            <countdown-timer minutos={0} segundos={30} dataCriacao={this.buildTime()} downtime={() => this.handleTimeout()} /> </label>\n                    }\n                    {\n                        this.canResend && (\n                            <div >\n                                <a onClick={() => this.handleResend()}>Reenviar</a>\n                                <a onClick={() => this.cancel()}>Trocar número</a>\n                            </div>\n                        )\n                    }\n                </p>\n                <crm-button txtBtn={store?.storeConfig?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\n            </div >\n        );\n    }\n}"]}

package/dist/collection/components/crmbonus/subcomponents/phone-validate/styles.scss

@@ -0,0 +1,84 @@
+:host {
+    display: block;
+}
+
+.form-container-pin {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.pin-container {
+    display: flex;
+    /* margin: 26px 0; */
+    justify-content: start;
+    gap: 10px;
+}
+
+.pin-container input {
+    width: 100%;
+    height: 48px;
+    /* font-size: 14px; */
+    text-align: center;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+
+button {
+    padding: 10px 20px;
+    background-color: #ddd;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+
+.success {
+    color: green;
+    margin-top: 10px;
+}
+
+.button {
+    top: 50%;
+    background-color: #6c6c7e;
+    color: #fff;
+    border: none;
+    border-radius: 10px;
+    padding: 15px;
+    min-height: 30px;
+    min-width: 120px;
+    /* font-size: 20px; */
+    cursor: pointer;
+}
+
+.button-cancel {
+    top: 50%;
+    background-color: #ffffff;
+    color: #1e1c1c;
+    border: 1px solid gray;
+    border-radius: 10px;
+    padding: 10px;
+    min-height: 30px;
+    min-width: 120px;
+    /* font-size: 19px; */
+    cursor: pointer;
+}
+
+.crm-description {
+    /* font-size: 14px; */
+    width: 100%;
+    display: flex;
+    gap: 9px;
+    flex-wrap: wrap;
+}
+
+.crm-description a {
+    font-weight: bold;
+    cursor: pointer;
+    text-decoration: underline;
+}
+
+.crm-description div {
+    display: flex;
+    gap: 5px;
+}

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

@@ -1,75 +1,75 @@
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-:host {
-    --crmfont-sizebodymd: 14px;
-    --crmline-heightbodymd: 20px;
-    --crmletter-spacingtitle-md: 0px
-}
-
-.container-message {
-    /* 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;
-}
-
-/* .fbits-responsive-carrinho-desconto {
-    overflow: hidden;
-    border: 1px solid #ccc;
-    border-top: 0;
-    border-bottom: 0;
-} */
-
-.crm-phone-form {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    /* justify-content: space-around; */
-    gap: 16px;
-}
-
-.crm-subtitle {
-    /* font-size: 14px; */
-    font-size: .875rem;
-    line-height: 1.25rem;
-    
-}
-
-.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; */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+:host {
+    --crmfont-sizebodymd: 14px;
+    --crmline-heightbodymd: 20px;
+    --crmletter-spacingtitle-md: 0px
+}
+
+.container-message {
+    /* 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;
+}
+
+/* .fbits-responsive-carrinho-desconto {
+    overflow: hidden;
+    border: 1px solid #ccc;
+    border-top: 0;
+    border-bottom: 0;
+} */
+
+.crm-phone-form {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    /* justify-content: space-around; */
+    gap: 16px;
+}
+
+.crm-subtitle {
+    /* font-size: 14px; */
+    font-size: .875rem;
+    line-height: 1.25rem;
+    
+}
+
+.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; */
 }

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

@@ -263,11 +263,11 @@ export class CrmBonus {
         });
     }
     render() {
-        return (h("div", { key: 'a637c864ea60213cb587e7cb45e22a81480a9808', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, h("label", { key: '129e5e186fcb43d3bd96fbe235e03f9f5effb732', class: "crm-title" }, this.config.giftbackTitle), this.error && (h("label", { key: '841e97f1998d736e7ba8eb413870ecf5b1fbd1b8', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_PHONE &&
-            h("phone-form", { key: 'cebcc523fd68ac798038424433cc839e3acfcc45', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
-            h("pin-form", { key: 'c4d49b98b5e9fd0797797a072fb13ac795cd91f2', config: this.config, phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && h("p", { key: 'fb7bcc0108152dde62e3f0197b78ee4be76d1c32', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: '502d0ebbdc1bead841dc19d3446d26611850f144', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
-            h("giftback-info", { key: '789f2d1b42e5b4d776e01bf96c31f0be4b5a6b71', storeName: this.storeName, infoBonus: this.reservedInfo, config: this.config, loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: () => this.processBonus(), cartId: this.cartId }), this.step === StepFormEnum.STEP_NO_BONUS &&
-            (h("div", { key: '5b6db02d4919df3737feedb22c5f4fdf17b0614c', class: "container-message" }, i18next.t("noGiftback", { storename: this.config.giftbackTitle })))));
+        return (h("div", { key: 'f3ea32db1927595fd1b656732ab3f61e80068ed8', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, h("label", { key: '915c8169197885ec905ab94d5c2de0c261742af8', class: "crm-title" }, this.config.giftbackTitle), this.error && (h("label", { key: '2a77b7a19f1d731286eb9709428c7f42c19e4abe', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_PHONE &&
+            h("phone-form", { key: '3f403066b0cb2bd1d84d8583695154a02f7462a9', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
+            h("pin-form", { key: 'e19c016ba700d1dd3f9a5dc9ba40b2a992d4509e', config: this.config, phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && h("p", { key: '214edf06235b404c43839f37ea495583022eaf2d', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: '4e4155abab6bc35ab73eaef16d39770672bc21c9', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
+            h("giftback-info", { key: 'f2622765c8be61a5cda96c1fd7bca338f6e314ed', storeName: this.storeName, infoBonus: this.reservedInfo, config: this.config, loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: () => this.processBonus(), cartId: this.cartId }), this.step === StepFormEnum.STEP_NO_BONUS &&
+            (h("div", { key: '2e72c4579e8cdc94257cb7d8b554eadfc544a0c6', class: "container-message" }, i18next.t("noGiftback", { storename: this.config.giftbackTitle })))));
     }
     static get is() { return "crm-giftback-form"; }
     static get originalStyleUrls() {