crmbonus-component-wake 2.0.58 → 2.0.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/dist/cjs/app-modal.cjs.entry.js +1 -1
  2. package/dist/cjs/countdown-timer_4.cjs.entry.js +1 -1
  3. package/dist/cjs/crm-bonus-form.cjs.entry.js +1 -1
  4. package/dist/cjs/crm-bonus-note.cjs.entry.js +1 -1
  5. package/dist/cjs/crm-bonus.cjs.entry.js +13 -3
  6. package/dist/cjs/crm-bonus.cjs.entry.js.map +1 -1
  7. package/dist/cjs/crm-button.cjs.entry.js +1 -1
  8. package/dist/cjs/crm-giftback-form.cjs.entry.js +1 -1
  9. package/dist/cjs/crmbonus-component-wake.cjs.js +2 -2
  10. package/dist/cjs/giftback-finish_4.cjs.entry.js +1 -1
  11. package/dist/cjs/{index-80419303.js → index-e3122e18.js} +68 -7
  12. package/dist/cjs/index-e3122e18.js.map +1 -0
  13. package/dist/cjs/loader.cjs.js +2 -2
  14. package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
  15. package/dist/cjs/pedido-finalizado.cjs.entry.js +1 -1
  16. package/dist/cjs/phone-cancel-input.cjs.entry.js +1 -1
  17. package/dist/cjs/phone-input-mask.cjs.entry.js +1 -1
  18. package/dist/cjs/phone-input.cjs.entry.js +1 -1
  19. package/dist/collection/components/crm-bonus/crm-bonus.js +36 -2
  20. package/dist/collection/components/crm-bonus/crm-bonus.js.map +1 -1
  21. package/dist/components/app-modal.js +1 -1
  22. package/dist/components/countdown-timer.js +1 -1
  23. package/dist/components/crm-bonus-form.js +6 -6
  24. package/dist/components/crm-bonus-note.js +1 -1
  25. package/dist/components/crm-bonus.js +26 -14
  26. package/dist/components/crm-bonus.js.map +1 -1
  27. package/dist/components/crm-button.js +1 -1
  28. package/dist/components/crm-giftback-form.js +1 -1
  29. package/dist/components/giftback-finish.js +1 -1
  30. package/dist/components/giftback-info.js +1 -1
  31. package/dist/components/giftback-pin.js +1 -1
  32. package/dist/components/giftback-progress.js +1 -1
  33. package/dist/components/index.js +1 -1
  34. package/dist/components/loading-spinner.js +1 -1
  35. package/dist/components/name-input.js +1 -1
  36. package/dist/components/{p-3ce2836b.js → p-0ca4e1f6.js} +9 -9
  37. package/dist/components/{p-3ce2836b.js.map → p-0ca4e1f6.js.map} +1 -1
  38. package/dist/components/{p-f5fcff75.js → p-24d29b6b.js} +2 -2
  39. package/dist/components/{p-f5fcff75.js.map → p-24d29b6b.js.map} +1 -1
  40. package/dist/components/{p-a30bd6b1.js → p-2a4df0a2.js} +3 -3
  41. package/dist/components/{p-a30bd6b1.js.map → p-2a4df0a2.js.map} +1 -1
  42. package/dist/components/{p-e4ac17bf.js → p-2db8985c.js} +3 -3
  43. package/dist/components/{p-e4ac17bf.js.map → p-2db8985c.js.map} +1 -1
  44. package/dist/components/{p-f168d5f6.js → p-5f330088.js} +3 -3
  45. package/dist/components/{p-f168d5f6.js.map → p-5f330088.js.map} +1 -1
  46. package/dist/components/{p-39d680b6.js → p-8bc69d9b.js} +2 -2
  47. package/dist/components/{p-39d680b6.js.map → p-8bc69d9b.js.map} +1 -1
  48. package/dist/components/{p-2f266d73.js → p-b289b82d.js} +62 -7
  49. package/dist/components/p-b289b82d.js.map +1 -0
  50. package/dist/components/{p-5c3fe5a8.js → p-bfe98629.js} +2 -2
  51. package/dist/components/{p-5c3fe5a8.js.map → p-bfe98629.js.map} +1 -1
  52. package/dist/components/{p-70431539.js → p-c1d19bba.js} +5 -5
  53. package/dist/components/{p-70431539.js.map → p-c1d19bba.js.map} +1 -1
  54. package/dist/components/{p-1633784e.js → p-c2358b51.js} +3 -3
  55. package/dist/components/{p-1633784e.js.map → p-c2358b51.js.map} +1 -1
  56. package/dist/components/{p-bb3a781b.js → p-c933623f.js} +2 -2
  57. package/dist/components/{p-bb3a781b.js.map → p-c933623f.js.map} +1 -1
  58. package/dist/components/{p-2fb85950.js → p-c95d6c01.js} +2 -2
  59. package/dist/components/{p-2fb85950.js.map → p-c95d6c01.js.map} +1 -1
  60. package/dist/components/{p-d78762f7.js → p-e957883c.js} +5 -5
  61. package/dist/components/{p-d78762f7.js.map → p-e957883c.js.map} +1 -1
  62. package/dist/components/pedido-finalizado.js +1 -1
  63. package/dist/components/phone-cancel-input.js +3 -3
  64. package/dist/components/phone-form.js +1 -1
  65. package/dist/components/phone-input-mask.js +1 -1
  66. package/dist/components/phone-input.js +3 -3
  67. package/dist/components/pin-form.js +1 -1
  68. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +1 -1
  69. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js.map +1 -1
  70. package/dist/crmbonus-component-wake/{p-c86583a2.entry.js → p-0152eebc.entry.js} +2 -2
  71. package/dist/crmbonus-component-wake/{p-b01807c8.entry.js → p-3e01eee6.entry.js} +2 -2
  72. package/dist/crmbonus-component-wake/p-450423b5.entry.js +2 -0
  73. package/dist/crmbonus-component-wake/p-45c0296c.js +3 -0
  74. package/dist/crmbonus-component-wake/p-45c0296c.js.map +1 -0
  75. package/dist/crmbonus-component-wake/{p-0bf0fffe.entry.js → p-5d209c28.entry.js} +2 -2
  76. package/dist/crmbonus-component-wake/p-6a281930.entry.js +2 -0
  77. package/dist/crmbonus-component-wake/p-6a281930.entry.js.map +1 -0
  78. package/dist/crmbonus-component-wake/{p-b7ecfee1.entry.js → p-9901d9e2.entry.js} +2 -2
  79. package/dist/crmbonus-component-wake/{p-66f41fd0.entry.js → p-a950d747.entry.js} +2 -2
  80. package/dist/crmbonus-component-wake/{p-d398c696.entry.js → p-b7103956.entry.js} +2 -2
  81. package/dist/crmbonus-component-wake/{p-b726ea4f.entry.js → p-c00e02a8.entry.js} +2 -2
  82. package/dist/crmbonus-component-wake/{p-83afadf2.entry.js → p-d44969be.entry.js} +2 -2
  83. package/dist/crmbonus-component-wake/{p-50393c97.entry.js → p-d6314a45.entry.js} +2 -2
  84. package/dist/crmbonus-component-wake/{p-8b9a1aec.entry.js → p-d95bd37f.entry.js} +2 -2
  85. package/dist/crmbonus-component-wake/{p-3beb5158.entry.js → p-da97c793.entry.js} +2 -2
  86. package/dist/esm/app-modal.entry.js +1 -1
  87. package/dist/esm/countdown-timer_4.entry.js +1 -1
  88. package/dist/esm/crm-bonus-form.entry.js +1 -1
  89. package/dist/esm/crm-bonus-note.entry.js +1 -1
  90. package/dist/esm/crm-bonus.entry.js +13 -3
  91. package/dist/esm/crm-bonus.entry.js.map +1 -1
  92. package/dist/esm/crm-button.entry.js +1 -1
  93. package/dist/esm/crm-giftback-form.entry.js +1 -1
  94. package/dist/esm/crmbonus-component-wake.js +3 -3
  95. package/dist/esm/giftback-finish_4.entry.js +1 -1
  96. package/dist/esm/{index-a4c14fca.js → index-c477a8b3.js} +68 -7
  97. package/dist/esm/index-c477a8b3.js.map +1 -0
  98. package/dist/esm/loader.js +3 -3
  99. package/dist/esm/loading-spinner.entry.js +1 -1
  100. package/dist/esm/pedido-finalizado.entry.js +1 -1
  101. package/dist/esm/phone-cancel-input.entry.js +1 -1
  102. package/dist/esm/phone-input-mask.entry.js +1 -1
  103. package/dist/esm/phone-input.entry.js +1 -1
  104. package/dist/types/components/crm-bonus/crm-bonus.d.ts +2 -0
  105. package/dist/types/components.d.ts +1 -0
  106. package/package.json +1 -1
  107. package/dist/cjs/index-80419303.js.map +0 -1
  108. package/dist/components/p-2f266d73.js.map +0 -1
  109. package/dist/crmbonus-component-wake/p-15854edc.entry.js +0 -2
  110. package/dist/crmbonus-component-wake/p-15854edc.entry.js.map +0 -1
  111. package/dist/crmbonus-component-wake/p-6e6bf96e.js +0 -3
  112. package/dist/crmbonus-component-wake/p-6e6bf96e.js.map +0 -1
  113. package/dist/crmbonus-component-wake/p-adb37e26.entry.js +0 -2
  114. package/dist/esm/index-a4c14fca.js.map +0 -1
  115. /package/dist/crmbonus-component-wake/{p-c86583a2.entry.js.map → p-0152eebc.entry.js.map} +0 -0
  116. /package/dist/crmbonus-component-wake/{p-b01807c8.entry.js.map → p-3e01eee6.entry.js.map} +0 -0
  117. /package/dist/crmbonus-component-wake/{p-adb37e26.entry.js.map → p-450423b5.entry.js.map} +0 -0
  118. /package/dist/crmbonus-component-wake/{p-0bf0fffe.entry.js.map → p-5d209c28.entry.js.map} +0 -0
  119. /package/dist/crmbonus-component-wake/{p-b7ecfee1.entry.js.map → p-9901d9e2.entry.js.map} +0 -0
  120. /package/dist/crmbonus-component-wake/{p-66f41fd0.entry.js.map → p-a950d747.entry.js.map} +0 -0
  121. /package/dist/crmbonus-component-wake/{p-d398c696.entry.js.map → p-b7103956.entry.js.map} +0 -0
  122. /package/dist/crmbonus-component-wake/{p-b726ea4f.entry.js.map → p-c00e02a8.entry.js.map} +0 -0
  123. /package/dist/crmbonus-component-wake/{p-83afadf2.entry.js.map → p-d44969be.entry.js.map} +0 -0
  124. /package/dist/crmbonus-component-wake/{p-50393c97.entry.js.map → p-d6314a45.entry.js.map} +0 -0
  125. /package/dist/crmbonus-component-wake/{p-8b9a1aec.entry.js.map → p-d95bd37f.entry.js.map} +0 -0
  126. /package/dist/crmbonus-component-wake/{p-3beb5158.entry.js.map → p-da97c793.entry.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- import{r as t,h as i}from"./p-6e6bf96e.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};
2
- //# sourceMappingURL=p-b726ea4f.entry.js.map
1
+ 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};
2
+ //# sourceMappingURL=p-c00e02a8.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as e,h as t,H as s}from"./p-6e6bf96e.js";import{C as i}from"./p-8655e19b.js";import{S as a}from"./p-a561251a.js";const n=".form-container{width:100%;display:flex;justify-content:center;justify-content:space-around}.disabled{opacity:0.6;cursor:not-allowed}.message-error{color:#d11111;font-weight:bold;font-family:Arial;font-size:small;margin-left:16px}";const h=n;const d=class{constructor(t){e(this,t);this.crmBonusService=i.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.customer={phone:"",birthDate:"",document:"",name:""};this.sent=undefined;this.stepNext=undefined;this.phone=undefined;this.loadingModal=undefined;this.saveStore=undefined;this.cancel=undefined;this.handleCustomerName=undefined;this.loading=false;this.step=a.STEP_NAME;this.message=undefined;this.bonus=undefined}async setStep(e){this.step=e}async validateBonus(e){var t,s;this.loading=true;this.message="";const i={pin:e,cellphone:this.phone.toString(),storeId:this.sent.storeId.toString(),userId:this.sent.userId.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:null,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(i);this.step=a.STEP_RESERVE}catch(e){this.message=(s=(t=e===null||e===void 0?void 0:e.response)===null||t===void 0?void 0:t.data)===null||s===void 0?void 0:s.message}finally{this.loading=false}}async reserveApply(e){this.loading=true;this.message="";try{await this.reserve(e);this.step=a.STEP_APPLY;this.saveStore(e)}catch(e){this.message="ocorreu um error ao solicitar a aplicação do bonus! tente novamente"}finally{this.loading=false}}async reserve(e){await this.crmBonusService.reserve({redeemedBonus:e,cartId:this.cartId,ticket:this.cartId,grossValue:Number(this.bonus.totalValue),storeName:this.storeName,storeId:this.bonus.storeId.toString(),userId:this.bonus.userId})}handleCancel(){this.step=a.STEP_PHONE;this.cancel()}render(){return t(s,{key:"56bef07243aafe1abb78fdfd38922801b84c269b"},this.step==a.STEP_NAME&&t("name-input",{key:"685df95ea0cd693f9a62893798464834524f5168",loading:this.loadingModal,value:this.customer.name,applyName:e=>this.handleCustomerName(e)}),this.step===a.STEP_PIN&&t("giftback-pin",{key:"af82b751ed04382498e25614276ac08d5cade07a",cancel:()=>this.handleCancel(),sent:this.sent,validate:e=>this.validateBonus(e),loading:this.loading}),this.step===a.STEP_RESERVE&&t("giftback-progress",{key:"1b493c06bf11bc7596d672fcec789a9f93573751",loading:this.loading,cancel:()=>this.handleCancel(),bonus:this.bonus,reserve:e=>this.reserveApply(e)}),this.step===a.STEP_APPLY&&t("giftback-finish",{key:"272438aa4dbc8bb1ef9fdb45d3c2cc657d41ef4a"}),t("p",{key:"a3a0e8a1be44d65b1edd34e28956d1b34b732fef",class:"message-error"},this.message))}};d.style=h;export{d as crm_bonus_form};
2
- //# sourceMappingURL=p-83afadf2.entry.js.map
1
+ import{r as t,h as e,H as s}from"./p-45c0296c.js";import{C as i}from"./p-8655e19b.js";import{S as a}from"./p-a561251a.js";const n=".form-container{width:100%;display:flex;justify-content:center;justify-content:space-around}.disabled{opacity:0.6;cursor:not-allowed}.message-error{color:#d11111;font-weight:bold;font-family:Arial;font-size:small;margin-left:16px}";const h=n;const d=class{constructor(e){t(this,e);this.crmBonusService=i.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.customer={phone:"",birthDate:"",document:"",name:""};this.sent=undefined;this.stepNext=undefined;this.phone=undefined;this.loadingModal=undefined;this.saveStore=undefined;this.cancel=undefined;this.handleCustomerName=undefined;this.loading=false;this.step=a.STEP_NAME;this.message=undefined;this.bonus=undefined}async setStep(t){this.step=t}async validateBonus(t){var e,s;this.loading=true;this.message="";const i={pin:t,cellphone:this.phone.toString(),storeId:this.sent.storeId.toString(),userId:this.sent.userId.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:null,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(i);this.step=a.STEP_RESERVE}catch(t){this.message=(s=(e=t===null||t===void 0?void 0:t.response)===null||e===void 0?void 0:e.data)===null||s===void 0?void 0:s.message}finally{this.loading=false}}async reserveApply(t){this.loading=true;this.message="";try{await this.reserve(t);this.step=a.STEP_APPLY;this.saveStore(t)}catch(t){this.message="ocorreu um error ao solicitar a aplicação do bonus! tente novamente"}finally{this.loading=false}}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})}handleCancel(){this.step=a.STEP_PHONE;this.cancel()}render(){return e(s,{key:"56bef07243aafe1abb78fdfd38922801b84c269b"},this.step==a.STEP_NAME&&e("name-input",{key:"685df95ea0cd693f9a62893798464834524f5168",loading:this.loadingModal,value:this.customer.name,applyName:t=>this.handleCustomerName(t)}),this.step===a.STEP_PIN&&e("giftback-pin",{key:"af82b751ed04382498e25614276ac08d5cade07a",cancel:()=>this.handleCancel(),sent:this.sent,validate:t=>this.validateBonus(t),loading:this.loading}),this.step===a.STEP_RESERVE&&e("giftback-progress",{key:"1b493c06bf11bc7596d672fcec789a9f93573751",loading:this.loading,cancel:()=>this.handleCancel(),bonus:this.bonus,reserve:t=>this.reserveApply(t)}),this.step===a.STEP_APPLY&&e("giftback-finish",{key:"272438aa4dbc8bb1ef9fdb45d3c2cc657d41ef4a"}),e("p",{key:"a3a0e8a1be44d65b1edd34e28956d1b34b732fef",class:"message-error"},this.message))}};d.style=h;export{d as crm_bonus_form};
2
+ //# sourceMappingURL=p-d44969be.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as e,h as t,H as i}from"./p-6e6bf96e.js";import{i as o}from"./p-fb505488.js";const a=class{constructor(t){e(this,t);this.downtime=undefined;this.counter=30}componentWillLoad(){this.intervalId=setInterval((()=>{if(this.counter>0){this.counter--}else{clearInterval(this.intervalId);this.downtime()}}),1e3)}disconnectedCallback(){clearInterval(this.intervalId)}render(){return t("label",{key:"6313656b73bec34e3e4e5099c2bd7633e025588e"},this.counter,"s")}};const n=":host{--text-color:#6D6D5F}.giftback-container{display:flex;flex-direction:column;gap:14px}h3{font-size:1.2rem;margin-bottom:8px;color:#333}.container-description p{font-size:14px;font-weight:400}p{font-size:12px;color:#000}.value-display h2{color:#6D6D5F;font-size:1.6rem;margin:16px 0}input[type='range']{width:100%;margin:12px 0;-webkit-appearance:none;background:#ddd;height:4px;border-radius:4px;outline:none;padding:3px}input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-color);border-radius:50%;cursor:pointer}.options{margin:0px 0;display:flex;gap:10px;flex-direction:column}.options label{display:block;margin:0px 0;font-size:0.9rem;color:#333}.options input[type='radio']{margin-right:8px;height:16px;width:16px}.options input[type='radio']{appearance:none;-webkit-appearance:none;margin-right:8px;width:16px;height:16px;border:2px solid #ddd;border-radius:50%;background-color:#fff;cursor:pointer;transition:all 0.3s;padding:0px}.options input[type='radio']:checked{border-color:#000;background-color:#FAFAFA;border:4px solid #000}.info-box{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:8px;font-size:14px;color:#262626;line-height:20px}.info-icon{font-size:0.9rem;cursor:pointer;color:#888}h3{font-size:1.2rem;margin-bottom:8px;color:#333}.slider-wrapper{position:relative;margin:21px 0px 0px 0px}.slider{width:100%;-webkit-appearance:none;background:#ddd;height:4px;border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-color);border-radius:50%;cursor:pointer}.slider-value{position:absolute;top:-30px;font-size:16px;font-weight:700;color:var(--text-color);transform:translateX(-50%);white-space:nowrap;margin-left:23px}";const r=n;const s=class{constructor(t){e(this,t);this.usedValue=0;this.selectedOption="none";this.loading=false;this.bonus={totalBonus:52,cartId:"",minimumPurchase:6e3,bonusBalance:25,calculatedValue:25,firstValidityDate:"",totalValue:200};this.reserve=undefined;this.cancel=undefined;this.sliderPosition=50}componentWillLoad(){this.usedValue=parseFloat(this.bonus.bonusBalance.toString());this.buildPositionSlider(0,this.bonus.totalBonus);this.selectedOption=localStorage.getItem("bc:used")}handleSliderChange(e){const t=e.target;this.usedValue=parseFloat(t.value);this.buildPositionSlider(parseFloat(t.min),parseFloat(t.max))}buildPositionSlider(e,t){const i=(this.usedValue-e)/(t-e)*100;this.sliderPosition=i}async handleOptionChange(e){this.selectedOption=e;localStorage.setItem("bc:used",e);switch(this.selectedOption){case"use":await this.reserve(this.usedValue);break;case"dontUse":await this.cancel();break}}render(){const e=this.bonus.minimumPurchase-this.bonus.totalValue;const i=o.t("giftDescription",{amount:`${this.bonus.totalBonus.toFixed(2).replace(".",",")}`,custom_name:"Giftback"});return t("div",{key:"aa5d49a4086181b9dbef64b8c518a02032f78589",class:"giftback-container"},t("div",{key:"4472776339ccd19bf069680b234bfd5a2f1a1c06",class:"container-description"},t("p",{key:"a423fdad390f3fe982401ad77d3eb4e1d50b8c31",innerHTML:i})),t("div",{key:"786d40a55dbe607e3861f22540f372e59804791e",class:"slider-wrapper"},t("div",{key:"228464696ff66eda5e6d41c06a6c6d1819fd89a9",class:"slider-value",style:{left:`calc(${this.sliderPosition}% - 20px)`}},"R$ ",this.usedValue.toFixed(2).replace(".",",")),t("input",{key:"9af42bf35195868281069976b11d576e1336efab",disabled:true,type:"range",min:"0",max:this.bonus.totalBonus,value:this.usedValue,class:"slider",step:"0.01",onInput:e=>this.handleSliderChange(e),style:{background:`linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`}})),t("p",{key:"b14d9b6ce990f697bdd870008def3fb1cb283925"},"Adicione ",t("strong",{key:"94a17d86c483a22c621b4e1ee8a64694e742f8ab"},"R$ ",e<0?"0,00":e.toFixed(2).replace(".",","))," ao carrinho para atingir o valor máximo!"),t("div",{key:"6cf5ac9fb9b3472c184350d493c7066d870760b2",class:"options"},t("label",{key:"eaf67ab7de4ebe9c861dfc0f565935ac26d2a381"},t("input",{key:"83145e475de7657510bc1ebe2afeaa39b388824a",type:"radio",name:"giftbackOption",value:"use",checked:this.selectedOption==="use",onChange:()=>this.handleOptionChange("use")}),"Usar o meu Giftback"),t("label",{key:"1aab34dc451aaedd5f61d90e73d8ff1b22ca561a"},t("input",{key:"99cdc43abba27433a0abda7083c54718381fd890",type:"radio",name:"giftbackOption",value:"dontUse",checked:this.selectedOption==="dontUse",onChange:()=>this.handleOptionChange("dontUse")}),"Não usar o meu Giftback")),t("div",{key:"6af6b2c739411adfac20cdae80f0f6e9c98ca472",class:"info-box"},"O Giftback será aplicado na próxima etapa."))}};s.style=r;const c="*{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 d=c;const p=class{constructor(t){e(this,t);this.value=undefined;this.loading=undefined;this.handlerSubmit=undefined;this.config=undefined}async handlePhone(){const e=await this.phoneInputMask.getPhone();await this.handlerSubmit(e)}render(){var e;return t(i,{key:"a1fa8f1b45d663be5a434ac12af569100ad05f99",class:"crm-phone-form"},t("label",{key:"b374c22ba75e76f482379a7bfc1d1c202e72d9a9",class:"crm-subtitle"},"Digite o seu celular para verificar se há desconto disponível nessa compra"),t("phone-input-mask",{key:"f0816190a397e74a9afb6fc3fe90ee3b00eab3be",initialValue:this.value,ref:e=>this.phoneInputMask=e}),t("crm-button",{key:"864a2c0365f1695fb88a2ccdee75b5341ab634f7",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.handlePhone()}))}};p.style=d;const l=":host{display:block;font-family:Arial, sans-serif}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}input{width:40px;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}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";const f=l;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 b=h;const m=class{constructor(t){e(this,t);this.validate=undefined;this.cancel=undefined;this.resend=undefined;this.sent=undefined;this.loading=false;this.phone=undefined;this.config=undefined;this.pin=["","","",""];this.isVerified=false;this.canResend=false}componentWillLoad(){this.canResend=false}handleInput(e,t){const i=e.target;const o=i.value.slice(0,1);this.pin[t]=o;if(o&&t<this.pin.length-1){const e=i.nextElementSibling;e===null||e===void 0?void 0:e.focus()}this.pin=[...this.pin]}validatePin(){this.validate(this.pin.join(""))}verifyPin(){const e=this.pin.join("");if(e==="9999"){this.isVerified=true}}handleTimeout(){this.canResend=true}async handleResend(){await this.resend();this.canResend=false;this.pin=["","","",""]}render(){var e;return t("div",{key:"eafa00ec4ec2e33aa0941b5610945c40aefdff20",class:"crm-phone-form"},t("label",{key:"f41c3d596d49b0d4beab6202f98c85dce4fa9dfa",class:"crm-subtitle"},o.t("pin-sutitle")," ",t("strong",{key:"1e8fe82b99200bb74b3148fd3bd2e6f3d6a9f71b"},"+55 ",this.phone)),t("div",{key:"a847274eb88b0e8a740a54a32ec5bd6026b3a83d",class:"pin-container"},this.pin.map(((e,i)=>t("input",{type:"text",maxLength:1,value:this.pin[i],onInput:e=>this.handleInput(e,i)})))),t("slot",{key:"6b2ab8941fc6c2c0e596744be76ad4060d090d4f"}),t("p",{key:"f81fe581fdfac99298ec7edcebbc0808142647aa",class:"crm-description"}," Não recebeu?",!this.canResend&&t("label",{key:"c818707aec856895a92c640170b45bcb0911261a"}," Reenviar em ",t("countdown-timer",{key:"9b32c89194a419eb86d2ffe36a370c5961a0a1e1",downtime:()=>this.handleTimeout()})," "),this.canResend&&t("div",{key:"a070efe17ff6a7f6f8b2c696e67f17d1f5c8058d"},t("a",{key:"6ed4cf4abe25b38eaa5844049b6161f18adf332f",onClick:()=>this.handleResend()},"Reenviar"),t("a",{key:"f0179af1cace207e8c6e06de9d977e0ea5062dfe",onClick:()=>this.cancel()},"Trocar número"))),t("crm-button",{key:"3352c222bc9b15b5b3e3fd6bfeedf01e1e0b0e76",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.validatePin()}))}};m.style=f+b;export{a as countdown_timer,s as giftback_info,p as phone_form,m as pin_form};
2
- //# sourceMappingURL=p-50393c97.entry.js.map
1
+ import{r as e,h as t,H as i}from"./p-45c0296c.js";import{i as o}from"./p-fb505488.js";const a=class{constructor(t){e(this,t);this.downtime=undefined;this.counter=30}componentWillLoad(){this.intervalId=setInterval((()=>{if(this.counter>0){this.counter--}else{clearInterval(this.intervalId);this.downtime()}}),1e3)}disconnectedCallback(){clearInterval(this.intervalId)}render(){return t("label",{key:"6313656b73bec34e3e4e5099c2bd7633e025588e"},this.counter,"s")}};const n=":host{--text-color:#6D6D5F}.giftback-container{display:flex;flex-direction:column;gap:14px}h3{font-size:1.2rem;margin-bottom:8px;color:#333}.container-description p{font-size:14px;font-weight:400}p{font-size:12px;color:#000}.value-display h2{color:#6D6D5F;font-size:1.6rem;margin:16px 0}input[type='range']{width:100%;margin:12px 0;-webkit-appearance:none;background:#ddd;height:4px;border-radius:4px;outline:none;padding:3px}input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-color);border-radius:50%;cursor:pointer}.options{margin:0px 0;display:flex;gap:10px;flex-direction:column}.options label{display:block;margin:0px 0;font-size:0.9rem;color:#333}.options input[type='radio']{margin-right:8px;height:16px;width:16px}.options input[type='radio']{appearance:none;-webkit-appearance:none;margin-right:8px;width:16px;height:16px;border:2px solid #ddd;border-radius:50%;background-color:#fff;cursor:pointer;transition:all 0.3s;padding:0px}.options input[type='radio']:checked{border-color:#000;background-color:#FAFAFA;border:4px solid #000}.info-box{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:8px;font-size:14px;color:#262626;line-height:20px}.info-icon{font-size:0.9rem;cursor:pointer;color:#888}h3{font-size:1.2rem;margin-bottom:8px;color:#333}.slider-wrapper{position:relative;margin:21px 0px 0px 0px}.slider{width:100%;-webkit-appearance:none;background:#ddd;height:4px;border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-color);border-radius:50%;cursor:pointer}.slider-value{position:absolute;top:-30px;font-size:16px;font-weight:700;color:var(--text-color);transform:translateX(-50%);white-space:nowrap;margin-left:23px}";const r=n;const s=class{constructor(t){e(this,t);this.usedValue=0;this.selectedOption="none";this.loading=false;this.bonus={totalBonus:52,cartId:"",minimumPurchase:6e3,bonusBalance:25,calculatedValue:25,firstValidityDate:"",totalValue:200};this.reserve=undefined;this.cancel=undefined;this.sliderPosition=50}componentWillLoad(){this.usedValue=parseFloat(this.bonus.bonusBalance.toString());this.buildPositionSlider(0,this.bonus.totalBonus);this.selectedOption=localStorage.getItem("bc:used")}handleSliderChange(e){const t=e.target;this.usedValue=parseFloat(t.value);this.buildPositionSlider(parseFloat(t.min),parseFloat(t.max))}buildPositionSlider(e,t){const i=(this.usedValue-e)/(t-e)*100;this.sliderPosition=i}async handleOptionChange(e){this.selectedOption=e;localStorage.setItem("bc:used",e);switch(this.selectedOption){case"use":await this.reserve(this.usedValue);break;case"dontUse":await this.cancel();break}}render(){const e=this.bonus.minimumPurchase-this.bonus.totalValue;const i=o.t("giftDescription",{amount:`${this.bonus.totalBonus.toFixed(2).replace(".",",")}`,custom_name:"Giftback"});return t("div",{key:"aa5d49a4086181b9dbef64b8c518a02032f78589",class:"giftback-container"},t("div",{key:"4472776339ccd19bf069680b234bfd5a2f1a1c06",class:"container-description"},t("p",{key:"a423fdad390f3fe982401ad77d3eb4e1d50b8c31",innerHTML:i})),t("div",{key:"786d40a55dbe607e3861f22540f372e59804791e",class:"slider-wrapper"},t("div",{key:"228464696ff66eda5e6d41c06a6c6d1819fd89a9",class:"slider-value",style:{left:`calc(${this.sliderPosition}% - 20px)`}},"R$ ",this.usedValue.toFixed(2).replace(".",",")),t("input",{key:"9af42bf35195868281069976b11d576e1336efab",disabled:true,type:"range",min:"0",max:this.bonus.totalBonus,value:this.usedValue,class:"slider",step:"0.01",onInput:e=>this.handleSliderChange(e),style:{background:`linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`}})),t("p",{key:"b14d9b6ce990f697bdd870008def3fb1cb283925"},"Adicione ",t("strong",{key:"94a17d86c483a22c621b4e1ee8a64694e742f8ab"},"R$ ",e<0?"0,00":e.toFixed(2).replace(".",","))," ao carrinho para atingir o valor máximo!"),t("div",{key:"6cf5ac9fb9b3472c184350d493c7066d870760b2",class:"options"},t("label",{key:"eaf67ab7de4ebe9c861dfc0f565935ac26d2a381"},t("input",{key:"83145e475de7657510bc1ebe2afeaa39b388824a",type:"radio",name:"giftbackOption",value:"use",checked:this.selectedOption==="use",onChange:()=>this.handleOptionChange("use")}),"Usar o meu Giftback"),t("label",{key:"1aab34dc451aaedd5f61d90e73d8ff1b22ca561a"},t("input",{key:"99cdc43abba27433a0abda7083c54718381fd890",type:"radio",name:"giftbackOption",value:"dontUse",checked:this.selectedOption==="dontUse",onChange:()=>this.handleOptionChange("dontUse")}),"Não usar o meu Giftback")),t("div",{key:"6af6b2c739411adfac20cdae80f0f6e9c98ca472",class:"info-box"},"O Giftback será aplicado na próxima etapa."))}};s.style=r;const c="*{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 d=c;const p=class{constructor(t){e(this,t);this.value=undefined;this.loading=undefined;this.handlerSubmit=undefined;this.config=undefined}async handlePhone(){const e=await this.phoneInputMask.getPhone();await this.handlerSubmit(e)}render(){var e;return t(i,{key:"a1fa8f1b45d663be5a434ac12af569100ad05f99",class:"crm-phone-form"},t("label",{key:"b374c22ba75e76f482379a7bfc1d1c202e72d9a9",class:"crm-subtitle"},"Digite o seu celular para verificar se há desconto disponível nessa compra"),t("phone-input-mask",{key:"f0816190a397e74a9afb6fc3fe90ee3b00eab3be",initialValue:this.value,ref:e=>this.phoneInputMask=e}),t("crm-button",{key:"864a2c0365f1695fb88a2ccdee75b5341ab634f7",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.handlePhone()}))}};p.style=d;const l=":host{display:block;font-family:Arial, sans-serif}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}input{width:40px;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}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";const f=l;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 b=h;const m=class{constructor(t){e(this,t);this.validate=undefined;this.cancel=undefined;this.resend=undefined;this.sent=undefined;this.loading=false;this.phone=undefined;this.config=undefined;this.pin=["","","",""];this.isVerified=false;this.canResend=false}componentWillLoad(){this.canResend=false}handleInput(e,t){const i=e.target;const o=i.value.slice(0,1);this.pin[t]=o;if(o&&t<this.pin.length-1){const e=i.nextElementSibling;e===null||e===void 0?void 0:e.focus()}this.pin=[...this.pin]}validatePin(){this.validate(this.pin.join(""))}verifyPin(){const e=this.pin.join("");if(e==="9999"){this.isVerified=true}}handleTimeout(){this.canResend=true}async handleResend(){await this.resend();this.canResend=false;this.pin=["","","",""]}render(){var e;return t("div",{key:"eafa00ec4ec2e33aa0941b5610945c40aefdff20",class:"crm-phone-form"},t("label",{key:"f41c3d596d49b0d4beab6202f98c85dce4fa9dfa",class:"crm-subtitle"},o.t("pin-sutitle")," ",t("strong",{key:"1e8fe82b99200bb74b3148fd3bd2e6f3d6a9f71b"},"+55 ",this.phone)),t("div",{key:"a847274eb88b0e8a740a54a32ec5bd6026b3a83d",class:"pin-container"},this.pin.map(((e,i)=>t("input",{type:"text",maxLength:1,value:this.pin[i],onInput:e=>this.handleInput(e,i)})))),t("slot",{key:"6b2ab8941fc6c2c0e596744be76ad4060d090d4f"}),t("p",{key:"f81fe581fdfac99298ec7edcebbc0808142647aa",class:"crm-description"}," Não recebeu?",!this.canResend&&t("label",{key:"c818707aec856895a92c640170b45bcb0911261a"}," Reenviar em ",t("countdown-timer",{key:"9b32c89194a419eb86d2ffe36a370c5961a0a1e1",downtime:()=>this.handleTimeout()})," "),this.canResend&&t("div",{key:"a070efe17ff6a7f6f8b2c696e67f17d1f5c8058d"},t("a",{key:"6ed4cf4abe25b38eaa5844049b6161f18adf332f",onClick:()=>this.handleResend()},"Reenviar"),t("a",{key:"f0179af1cace207e8c6e06de9d977e0ea5062dfe",onClick:()=>this.cancel()},"Trocar número"))),t("crm-button",{key:"3352c222bc9b15b5b3e3fd6bfeedf01e1e0b0e76",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.validatePin()}))}};m.style=f+b;export{a as countdown_timer,s as giftback_info,p as phone_form,m as pin_form};
2
+ //# sourceMappingURL=p-d6314a45.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as a,h as e}from"./p-6e6bf96e.js";const i=class{constructor(e){a(this,e);this.sendPin=undefined;this.loading=undefined;this.value=undefined}async validatePhone(){const a=await this.phoneInputMask.getPhone();await this.sendPin(a)}render(){return e("div",{key:"04c879b5671b42602a36a9a88734604fcfa1d1da",class:"form-container"},e("phone-input-mask",{key:"a0ced8d74da25026383eac206bbf45f6fa9482e7",initialValue:`Valor aplicado R$ ${this.value}`,ref:a=>this.phoneInputMask=a,disabled:true}),e("button",{key:"89b08e7af3145068a449fb8e375372c280da7b7a",class:`btn btn-success btnCrm ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.validatePhone()},!this.loading?"Cancelar":e("loading-spinner",{size:"11px",color:"#fff"})))}};export{i as phone_cancel_input};
2
- //# sourceMappingURL=p-8b9a1aec.entry.js.map
1
+ import{r as a,h as e}from"./p-45c0296c.js";const i=class{constructor(e){a(this,e);this.sendPin=undefined;this.loading=undefined;this.value=undefined}async validatePhone(){const a=await this.phoneInputMask.getPhone();await this.sendPin(a)}render(){return e("div",{key:"04c879b5671b42602a36a9a88734604fcfa1d1da",class:"form-container"},e("phone-input-mask",{key:"a0ced8d74da25026383eac206bbf45f6fa9482e7",initialValue:`Valor aplicado R$ ${this.value}`,ref:a=>this.phoneInputMask=a,disabled:true}),e("button",{key:"89b08e7af3145068a449fb8e375372c280da7b7a",class:`btn btn-success btnCrm ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.validatePhone()},!this.loading?"Cancelar":e("loading-spinner",{size:"11px",color:"#fff"})))}};export{i as phone_cancel_input};
2
+ //# sourceMappingURL=p-d95bd37f.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r,h as s}from"./p-6e6bf96e.js";const t=".spinner{display:inline-block;border:4px solid transparent;border-radius:50%;border-top-color:var(--color, #0078d7);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";const n=t;const e=class{constructor(s){r(this,s);this.size="50px";this.color="#0078d7"}render(){return s("div",{key:"5d3cd866b3ab7f4898ad1142fb39b89c572867d7",class:"spinner",style:{width:this.size,height:this.size,borderColor:`${this.color} transparent transparent transparent`}})}};e.style=n;export{e as loading_spinner};
2
- //# sourceMappingURL=p-3beb5158.entry.js.map
1
+ import{r,h as s}from"./p-45c0296c.js";const t=".spinner{display:inline-block;border:4px solid transparent;border-radius:50%;border-top-color:var(--color, #0078d7);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";const n=t;const e=class{constructor(s){r(this,s);this.size="50px";this.color="#0078d7"}render(){return s("div",{key:"5d3cd866b3ab7f4898ad1142fb39b89c572867d7",class:"spinner",style:{width:this.size,height:this.size,borderColor:`${this.color} transparent transparent transparent`}})}};e.style=n;export{e as loading_spinner};
2
+ //# sourceMappingURL=p-da97c793.entry.js.map
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, c as createEvent, h } from './index-a4c14fca.js';
1
+ import { r as registerInstance, c as createEvent, h } from './index-c477a8b3.js';
2
2
 
3
3
  const appModalCss = ".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:none;justify-content:center;align-items:center;z-index:1000}.modal-backdrop.visible{display:flex}.modal{background:white;border-radius:8px;padding:1rem;max-width:500px;width:90%;box-shadow:0 2px 10px rgba(0, 0, 0, 0.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;margin-bottom:1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body{}";
4
4
  const AppModalStyle0 = appModalCss;
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, H as Host } from './index-a4c14fca.js';
1
+ import { r as registerInstance, h, H as Host } from './index-c477a8b3.js';
2
2
  import { i as instance } from './i18n-887a3ef8.js';
3
3
 
4
4
  const CountdownTimer = class {
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, H as Host } from './index-a4c14fca.js';
1
+ import { r as registerInstance, h, H as Host } from './index-c477a8b3.js';
2
2
  import { C as CrmBonusService } from './crmbonus.service-5a5e8f29.js';
3
3
  import { S as StepFormEnum } from './index-3c6d4feb.js';
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-a4c14fca.js';
1
+ import { r as registerInstance, h } from './index-c477a8b3.js';
2
2
  import { g as getInfoCustomization } from './info.config.helper-42d9ddf9.js';
3
3
  import { C as CrmBonusService } from './crmbonus.service-5a5e8f29.js';
4
4
 
@@ -1,9 +1,9 @@
1
- import { r as registerInstance, h } from './index-a4c14fca.js';
1
+ import { r as registerInstance, h } from './index-c477a8b3.js';
2
2
  import { C as CrmBonusService } from './crmbonus.service-5a5e8f29.js';
3
3
  import { S as StepFormEnum } from './index-3c6d4feb.js';
4
4
  import { i as instance } from './i18n-887a3ef8.js';
5
5
 
6
- const crmBonusCss = ".container-button{cursor:pointer;padding:5px 5px 5px 14px;}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm{margin-top:10px}.section-cart-crm p{padding:0;margin:0px 0px 0px 15px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer;margin-left:10px;height:70px}.form-container{width:97%;display:flex;justify-content:space-around}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container .btnCrm{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert{font-family:sans-serif;color:#df4d4d;margin-top:5px}";
6
+ const crmBonusCss = ".container-button.sc-crm-bonus{cursor:pointer;padding:5px 5px 5px 14px}.section-crm.sc-crm-bonus{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm.sc-crm-bonus{margin-top:10px}.section-cart-crm.sc-crm-bonus p.sc-crm-bonus{padding:0;margin:0px 0px 0px 15px}.button.sc-crm-bonus{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer;margin-left:10px;height:70px}.form-container.sc-crm-bonus{width:97%;display:flex;justify-content:space-around}.btn.sc-crm-bonus{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container.sc-crm-bonus .btnCrm.sc-crm-bonus{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert.sc-crm-bonus{font-family:sans-serif;color:#df4d4d;margin-top:5px}";
7
7
  const CrmBonusStyle0 = crmBonusCss;
8
8
 
9
9
  const CrmBonus = class {
@@ -30,6 +30,13 @@ const CrmBonus = class {
30
30
  this.sent = undefined;
31
31
  this.session = undefined;
32
32
  }
33
+ async resetBonus() {
34
+ console.log('[BONUS RESETADO]!!!!!');
35
+ }
36
+ watchProducts(newValue, oldValue) {
37
+ console.log('[NEW VALUE PRODUCTS]', newValue);
38
+ console.log('[OLD VALUE PRODUCTS]', oldValue);
39
+ }
33
40
  async componentWillLoad() {
34
41
  instance.changeLanguage(instance.language);
35
42
  await this.loadSession();
@@ -159,7 +166,7 @@ const CrmBonus = class {
159
166
  this.showModal = true;
160
167
  }
161
168
  render() {
162
- return (h("crm-giftback-form", { key: 'fd10b1654d2c1a075635bdfb15863b5fe6e61523', storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId, customer: this.customer })
169
+ return (h("crm-giftback-form", { key: 'e130940e3f6484fb715139063ee0f0aa001197ef', storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId, customer: this.customer })
163
170
  // <div class="section-cart-crm">
164
171
  // <p class="text-left fbits-responsive-carrinho-desconto-texto">Giftback</p>
165
172
  // <div class="container-button">
@@ -192,6 +199,9 @@ const CrmBonus = class {
192
199
  );
193
200
  }
194
201
  static get assetsDirs() { return ["assets"]; }
202
+ static get watchers() { return {
203
+ "productsInString": ["watchProducts"]
204
+ }; }
195
205
  };
196
206
  CrmBonus.style = CrmBonusStyle0;
197
207
 
@@ -1 +1 @@
1
- {"file":"crm-bonus.entry.js","mappings":"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","names":["i18next"],"sources":["src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","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, Prop, State, h } from '@stencil/core';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\nimport { IPinSent } from '../../components';\nimport { StepFormEnum } from '../../contants';\n\nimport i18next from '../../i18n/i18n'\n\n@Component({\n tag: 'crm-bonus',\n styleUrl: 'crm-bonus.css',\n shadow: true,\n assetsDirs: ['assets']\n})\nexport class CrmBonus {\n\n private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n private crmBonusRef: HTMLCrmBonusFormElement;\n\n @State() showModal: boolean = false;\n @Prop({ attribute: 'userid' }) userId: number;\n @Prop({ attribute: 'storename' }) storeName;\n @Prop({ attribute: 'products' }) productsInString: string;\n @Prop({ attribute: 'cartid' }) cartId;\n\n @State() products: Array<IProductWake>;\n @State() customer: ICustomer = {\n birthDate: \"\",\n document: \"\",\n name: \"\",\n phone: \"\"\n };\n\n @State() loading: boolean = false;\n @State() message: string;\n @State() phone: number;\n @State() canCancel: boolean = false;\n @State() amountCancel: string;\n @State() sent: IPinSent;\n\n @State() session: string;\n\n async componentWillLoad() {\n i18next.changeLanguage(i18next.language);\n\n await this.loadSession();\n await this.loadConfigStore()\n await this.handleLoad();\n }\n\n async loadConfigStore() {\n await this.crmBonusService.getCustomization(this.storeName);\n }\n\n async handleLoad() {\n try {\n if (this.userId) {\n this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);\n // 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"],"version":3}
1
+ {"file":"crm-bonus.entry.js","mappings":"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","names":["i18next"],"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 console.log('[BONUS RESETADO]!!!!!');\n }\n\n\n @Watch(\"productsInString\")\n watchProducts(newValue: string, oldValue: string) {\n\n console.log('[NEW VALUE PRODUCTS]', newValue);\n console.log('[OLD VALUE PRODUCTS]', oldValue);\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 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"],"version":3}
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-a4c14fca.js';
1
+ import { r as registerInstance, h } from './index-c477a8b3.js';
2
2
 
3
3
  const crmButtonCss = "input,button{margin:0;padding:10px;}.crm-contaner-button{height:auto;width:auto}.crm-button{height:48px;width:246px;border:1px solid #000;padding:14px 20px;background-color:#000;color:#fff;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}";
4
4
  const CrmButtonStyle0 = crmButtonCss;
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-a4c14fca.js';
1
+ import { r as registerInstance, h } from './index-c477a8b3.js';
2
2
  import { C as CrmBonusService, g as getKeyReserveByCartId } from './crmbonus.service-5a5e8f29.js';
3
3
  import { S as StepFormEnum } from './index-3c6d4feb.js';
4
4
  import { g as getInfoCustomization } from './info.config.helper-42d9ddf9.js';
@@ -1,5 +1,5 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-a4c14fca.js';
2
- export { s as setNonce } from './index-a4c14fca.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-c477a8b3.js';
2
+ export { s as setNonce } from './index-c477a8b3.js';
3
3
  import { g as globalScripts } from './app-globals-0f993ce5.js';
4
4
 
5
5
  /*
@@ -16,7 +16,7 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["crm-bonus",[[1,"crm-bonus",{"userId":[2,"userid"],"storeName":[8,"storename"],"productsInString":[1,"products"],"cartId":[8,"cartid"],"showModal":[32],"products":[32],"customer":[32],"loading":[32],"message":[32],"phone":[32],"canCancel":[32],"amountCancel":[32],"sent":[32],"session":[32]}]]],["crm-bonus-form",[[1,"crm-bonus-form",{"storeName":[8,"storename"],"cartId":[8,"cart-id"],"products":[16],"customer":[16],"sent":[16],"stepNext":[2,"step-next"],"phone":[2],"loadingModal":[4,"loading-modal"],"saveStore":[16],"cancel":[16],"handleCustomerName":[16],"loading":[32],"step":[32],"message":[32],"bonus":[32],"setStep":[64]}]]],["phone-cancel-input",[[0,"phone-cancel-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["phone-input",[[0,"phone-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["app-modal",[[1,"app-modal",{"isOpen":[516,"is-open"],"modalTitle":[1,"modal-title"]}]]],["crm-bonus-note",[[0,"crm-bonus-note",{"cartId":[8,"cartid"],"storename":[8],"url":[32],"config":[32]}]]],["pedido-finalizado",[[0,"pedido-finalizado",{"cartId":[1,"cartid"],"orderId":[2,"orderid"],"metadadoString":[1,"metadado"]}]]],["crm-button",[[0,"crm-button",{"txtBtn":[1,"txt-btn"],"loading":[4],"handleClick":[16]}]]],["phone-input-mask",[[1,"phone-input-mask",{"initialValue":[1,"initial-value"],"disabled":[4],"phone":[32],"message":[32],"getPhone":[64]}]]],["loading-spinner",[[1,"loading-spinner",{"size":[1],"color":[1]}]]],["countdown-timer_4",[[0,"phone-form",{"value":[1],"loading":[4],"handlerSubmit":[16],"config":[16]}],[1,"pin-form",{"validate":[16],"cancel":[16],"resend":[16],"sent":[16],"loading":[4],"phone":[1],"config":[16],"pin":[32],"isVerified":[32],"canResend":[32]}],[0,"giftback-info",{"loading":[4],"bonus":[16],"reserve":[16],"cancel":[16],"usedValue":[32],"selectedOption":[32],"sliderPosition":[32]}],[1,"countdown-timer",{"downtime":[16],"counter":[32]}]]],["crm-giftback-form",[[0,"crm-giftback-form",{"storeName":[8,"storename"],"cartId":[8,"cart-id"],"products":[16],"customer":[16],"value":[32],"loading":[32],"message":[32],"phone":[32],"pinInfo":[32],"step":[32],"bonus":[32],"sucess":[32],"error":[32],"config":[32],"hasApplyBonus":[32]}]]],["giftback-finish_4",[[1,"giftback-pin",{"sent":[16],"validate":[16],"cancel":[16],"loading":[4],"pin":[32],"isVerified":[32]}],[1,"giftback-progress",{"loading":[4],"bonus":[16],"reserve":[16],"cancel":[16],"usedValue":[32]}],[0,"name-input",{"value":[1],"loading":[4],"applyName":[16],"cancel":[16],"newValue":[32],"message":[32]}],[1,"giftback-finish"]]]], options);
19
+ return bootstrapLazy([["crm-bonus",[[2,"crm-bonus",{"userId":[2,"userid"],"storeName":[8,"storename"],"productsInString":[1,"products"],"cartId":[8,"cartid"],"showModal":[32],"products":[32],"customer":[32],"loading":[32],"message":[32],"phone":[32],"canCancel":[32],"amountCancel":[32],"sent":[32],"session":[32],"resetBonus":[64]},null,{"productsInString":["watchProducts"]}]]],["crm-bonus-form",[[1,"crm-bonus-form",{"storeName":[8,"storename"],"cartId":[8,"cart-id"],"products":[16],"customer":[16],"sent":[16],"stepNext":[2,"step-next"],"phone":[2],"loadingModal":[4,"loading-modal"],"saveStore":[16],"cancel":[16],"handleCustomerName":[16],"loading":[32],"step":[32],"message":[32],"bonus":[32],"setStep":[64]}]]],["phone-cancel-input",[[0,"phone-cancel-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["phone-input",[[0,"phone-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["app-modal",[[1,"app-modal",{"isOpen":[516,"is-open"],"modalTitle":[1,"modal-title"]}]]],["crm-bonus-note",[[0,"crm-bonus-note",{"cartId":[8,"cartid"],"storename":[8],"url":[32],"config":[32]}]]],["pedido-finalizado",[[0,"pedido-finalizado",{"cartId":[1,"cartid"],"orderId":[2,"orderid"],"metadadoString":[1,"metadado"]}]]],["crm-button",[[0,"crm-button",{"txtBtn":[1,"txt-btn"],"loading":[4],"handleClick":[16]}]]],["phone-input-mask",[[1,"phone-input-mask",{"initialValue":[1,"initial-value"],"disabled":[4],"phone":[32],"message":[32],"getPhone":[64]}]]],["loading-spinner",[[1,"loading-spinner",{"size":[1],"color":[1]}]]],["countdown-timer_4",[[0,"phone-form",{"value":[1],"loading":[4],"handlerSubmit":[16],"config":[16]}],[1,"pin-form",{"validate":[16],"cancel":[16],"resend":[16],"sent":[16],"loading":[4],"phone":[1],"config":[16],"pin":[32],"isVerified":[32],"canResend":[32]}],[0,"giftback-info",{"loading":[4],"bonus":[16],"reserve":[16],"cancel":[16],"usedValue":[32],"selectedOption":[32],"sliderPosition":[32]}],[1,"countdown-timer",{"downtime":[16],"counter":[32]}]]],["crm-giftback-form",[[0,"crm-giftback-form",{"storeName":[8,"storename"],"cartId":[8,"cart-id"],"products":[16],"customer":[16],"value":[32],"loading":[32],"message":[32],"phone":[32],"pinInfo":[32],"step":[32],"bonus":[32],"sucess":[32],"error":[32],"config":[32],"hasApplyBonus":[32]}]]],["giftback-finish_4",[[1,"giftback-pin",{"sent":[16],"validate":[16],"cancel":[16],"loading":[4],"pin":[32],"isVerified":[32]}],[1,"giftback-progress",{"loading":[4],"bonus":[16],"reserve":[16],"cancel":[16],"usedValue":[32]}],[0,"name-input",{"value":[1],"loading":[4],"applyName":[16],"cancel":[16],"newValue":[32],"message":[32]}],[1,"giftback-finish"]]]], options);
20
20
  });
21
21
 
22
22
  //# sourceMappingURL=crmbonus-component-wake.js.map
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h } from './index-a4c14fca.js';
1
+ import { r as registerInstance, h } from './index-c477a8b3.js';
2
2
 
3
3
  const successSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6IzI1QUU4ODsiIGN4PSIyNSIgY3k9IjI1IiByPSIyNSIvPg0KPHBvbHlsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgcG9pbnRzPSINCgkzOCwxNSAyMiwzMyAxMiwyNSAiLz4NCjwvc3ZnPg==';
4
4
 
@@ -1,5 +1,5 @@
1
1
  const NAMESPACE = 'crmbonus-component-wake';
2
- const BUILD = /* crmbonus-component-wake */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: false };
2
+ const BUILD = /* crmbonus-component-wake */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
3
3
 
4
4
  /*
5
5
  Stencil Client Platform v4.22.2 | MIT Licensed | https://stenciljs.com
@@ -383,6 +383,9 @@ var attachStyles = (hostRef) => {
383
383
  if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
384
384
  elm["s-sc"] = scopeId2;
385
385
  elm.classList.add(scopeId2 + "-h");
386
+ if (flags & 2 /* scopedCssEncapsulation */) {
387
+ elm.classList.add(scopeId2 + "-s");
388
+ }
386
389
  }
387
390
  endAttachStyles();
388
391
  };
@@ -531,9 +534,12 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
531
534
  if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
532
535
  elm.classList.add(elm["s-si"] = scopeId);
533
536
  }
537
+ {
538
+ updateElementScopeIds(elm, parentElm);
539
+ }
534
540
  if (newVNode2.$children$) {
535
541
  for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
536
- childNode = createElm(oldParentVNode, newVNode2, i2);
542
+ childNode = createElm(oldParentVNode, newVNode2, i2, elm);
537
543
  if (childNode) {
538
544
  elm.appendChild(childNode);
539
545
  }
@@ -551,7 +557,7 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
551
557
  }
552
558
  for (; startIdx <= endIdx; ++startIdx) {
553
559
  if (vnodes[startIdx]) {
554
- childNode = createElm(null, parentVNode, startIdx);
560
+ childNode = createElm(null, parentVNode, startIdx, parentElm);
555
561
  if (childNode) {
556
562
  vnodes[startIdx].$elm$ = childNode;
557
563
  insertBefore(containerElm, childNode, before);
@@ -624,7 +630,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
624
630
  if (idxInOld >= 0) {
625
631
  elmToMove = oldCh[idxInOld];
626
632
  if (elmToMove.$tag$ !== newStartVnode.$tag$) {
627
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
633
+ node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld, parentElm);
628
634
  } else {
629
635
  patch(elmToMove, newStartVnode, isInitialRender);
630
636
  oldCh[idxInOld] = void 0;
@@ -632,7 +638,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
632
638
  }
633
639
  newStartVnode = newCh[++newStartIdx];
634
640
  } else {
635
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
641
+ node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx, parentElm);
636
642
  newStartVnode = newCh[++newStartIdx];
637
643
  }
638
644
  if (node) {
@@ -701,8 +707,37 @@ var nullifyVNodeRefs = (vNode) => {
701
707
  };
702
708
  var insertBefore = (parent, newNode, reference) => {
703
709
  const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
710
+ {
711
+ updateElementScopeIds(newNode, parent);
712
+ }
704
713
  return inserted;
705
714
  };
715
+ var findScopeIds = (element) => {
716
+ const scopeIds = [];
717
+ if (element) {
718
+ scopeIds.push(
719
+ ...element["s-scs"] || [],
720
+ element["s-si"],
721
+ element["s-sc"],
722
+ ...findScopeIds(element.parentElement)
723
+ );
724
+ }
725
+ return scopeIds;
726
+ };
727
+ var updateElementScopeIds = (element, parent, iterateChildNodes = false) => {
728
+ var _a;
729
+ if (element && parent && element.nodeType === 1 /* ElementNode */) {
730
+ const scopeIds = new Set(findScopeIds(parent).filter(Boolean));
731
+ if (scopeIds.size) {
732
+ (_a = element.classList) == null ? void 0 : _a.add(...element["s-scs"] = [...scopeIds]);
733
+ if (element["s-ol"] || iterateChildNodes) {
734
+ for (const childNode of Array.from(element.childNodes)) {
735
+ updateElementScopeIds(childNode, element, true);
736
+ }
737
+ }
738
+ }
739
+ }
740
+ };
706
741
  var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
707
742
  const hostElm = hostRef.$hostElement$;
708
743
  const cmpMeta = hostRef.$cmpMeta$;
@@ -889,6 +924,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
889
924
  `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
890
925
  );
891
926
  }
927
+ const elm = hostRef.$hostElement$ ;
892
928
  const oldVal = hostRef.$instanceValues$.get(propName);
893
929
  const flags = hostRef.$flags$;
894
930
  const instance = hostRef.$lazyInstance$ ;
@@ -898,6 +934,18 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
898
934
  if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
899
935
  hostRef.$instanceValues$.set(propName, newVal);
900
936
  if (instance) {
937
+ if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
938
+ const watchMethods = cmpMeta.$watchers$[propName];
939
+ if (watchMethods) {
940
+ watchMethods.map((watchMethodName) => {
941
+ try {
942
+ instance[watchMethodName](newVal, oldVal, propName);
943
+ } catch (e) {
944
+ consoleError(e, elm);
945
+ }
946
+ });
947
+ }
948
+ }
901
949
  if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
902
950
  scheduleUpdate(hostRef, false);
903
951
  }
@@ -909,7 +957,10 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
909
957
  var proxyComponent = (Cstr, cmpMeta, flags) => {
910
958
  var _a, _b;
911
959
  const prototype = Cstr.prototype;
912
- if (cmpMeta.$members$ || BUILD.watchCallback ) {
960
+ if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
961
+ if (Cstr.watchers && !cmpMeta.$watchers$) {
962
+ cmpMeta.$watchers$ = Cstr.watchers;
963
+ }
913
964
  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
914
965
  members.map(([memberName, [memberFlags]]) => {
915
966
  if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
@@ -1003,6 +1054,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1003
1054
  throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
1004
1055
  }
1005
1056
  if (!Cstr.isProxied) {
1057
+ {
1058
+ cmpMeta.$watchers$ = Cstr.watchers;
1059
+ }
1006
1060
  proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
1007
1061
  Cstr.isProxied = true;
1008
1062
  }
@@ -1018,6 +1072,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1018
1072
  {
1019
1073
  hostRef.$flags$ &= ~8 /* isConstructingInstance */;
1020
1074
  }
1075
+ {
1076
+ hostRef.$flags$ |= 128 /* isWatchReady */;
1077
+ }
1021
1078
  endNewInstance();
1022
1079
  } else {
1023
1080
  Cstr = elm.constructor;
@@ -1119,6 +1176,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1119
1176
  let hasSlotRelocation = false;
1120
1177
  lazyBundles.map((lazyBundle) => {
1121
1178
  lazyBundle[1].map((compactMeta) => {
1179
+ var _a2;
1122
1180
  const cmpMeta = {
1123
1181
  $flags$: compactMeta[0],
1124
1182
  $tagName$: compactMeta[1],
@@ -1134,6 +1192,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
1134
1192
  {
1135
1193
  cmpMeta.$attrsToReflect$ = [];
1136
1194
  }
1195
+ {
1196
+ cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
1197
+ }
1137
1198
  const tagName = cmpMeta.$tagName$;
1138
1199
  const HostElement = class extends HTMLElement {
1139
1200
  // StencilLazyHost
@@ -1222,4 +1283,4 @@ var setNonce = (nonce) => plt.$nonce$ = nonce;
1222
1283
 
1223
1284
  export { Host as H, bootstrapLazy as b, createEvent as c, h, promiseResolve as p, registerInstance as r, setNonce as s };
1224
1285
 
1225
- //# sourceMappingURL=index-a4c14fca.js.map
1286
+ //# sourceMappingURL=index-c477a8b3.js.map