crmbonus-component-wake 2.0.86 → 2.0.88

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 (129) hide show
  1. package/dist/cjs/app-modal.cjs.entry.js +1 -1
  2. package/dist/cjs/countdown-timer_5.cjs.entry.js +12 -19
  3. package/dist/cjs/countdown-timer_5.cjs.entry.js.map +1 -1
  4. package/dist/cjs/crm-bonus-note.cjs.entry.js +24 -12
  5. package/dist/cjs/crm-bonus-note.cjs.entry.js.map +1 -1
  6. package/dist/cjs/crm-bonus.cjs.entry.js +1 -1
  7. package/dist/cjs/crm-giftback-form_2.cjs.entry.js +12 -11
  8. package/dist/cjs/crm-giftback-form_2.cjs.entry.js.map +1 -1
  9. package/dist/cjs/crmbonus-component-wake.cjs.js +1 -1
  10. package/dist/cjs/{i18n-03b74fb8.js → i18n-f2a6f60e.js} +3 -2
  11. package/dist/cjs/{i18n-03b74fb8.js.map → i18n-f2a6f60e.js.map} +1 -1
  12. package/dist/cjs/loader.cjs.js +1 -1
  13. package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
  14. package/dist/cjs/pedido-finalizado.cjs.entry.js +1 -1
  15. package/dist/cjs/phone-input-mask.cjs.entry.js +1 -1
  16. package/dist/collection/components/giftback-form/giftback-form.css +1 -0
  17. package/dist/collection/components/giftback-form/giftback-form.js +9 -8
  18. package/dist/collection/components/giftback-form/giftback-form.js.map +1 -1
  19. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.css +4 -0
  20. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js +5 -12
  21. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js.map +1 -1
  22. package/dist/collection/components/giftback-form/subcomponents/phone-form/phone-form.js +1 -1
  23. package/dist/collection/components/giftback-form/subcomponents/phone-form/phone-form.js.map +1 -1
  24. package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.js +1 -1
  25. package/dist/collection/components/loading-container/loading-container.js +1 -1
  26. package/dist/collection/components/loading-spinner/loading-spinner.js +1 -1
  27. package/dist/collection/components/modal/app-modal.js +1 -1
  28. package/dist/collection/components/note/crm-bonus-note.css +10 -0
  29. package/dist/collection/components/note/crm-bonus-note.js +21 -10
  30. package/dist/collection/components/note/crm-bonus-note.js.map +1 -1
  31. package/dist/collection/components/pedido/pedido.js +1 -1
  32. package/dist/collection/components/phone/phone-input-mask.js +1 -1
  33. package/dist/collection/components/tooltip/tooltip.js +1 -1
  34. package/dist/collection/i18n/i18n.js +2 -1
  35. package/dist/collection/i18n/i18n.js.map +1 -1
  36. package/dist/components/app-modal.js +1 -1
  37. package/dist/components/crm-bonus-form.js +4 -4
  38. package/dist/components/crm-bonus-note.js +39 -14
  39. package/dist/components/crm-bonus-note.js.map +1 -1
  40. package/dist/components/crm-bonus.js +10 -10
  41. package/dist/components/crm-button.js +1 -1
  42. package/dist/components/crm-giftback-form.js +1 -1
  43. package/dist/components/crm-tooltip.js +1 -1
  44. package/dist/components/giftback-info.js +1 -1
  45. package/dist/components/giftback-pin.js +1 -1
  46. package/dist/components/giftback-progress.js +1 -1
  47. package/dist/components/loading-container.js +1 -1
  48. package/dist/components/loading-spinner.js +1 -1
  49. package/dist/components/name-input.js +1 -1
  50. package/dist/components/{p-79fec4b2.js → p-042a18d6.js} +2 -2
  51. package/dist/components/{p-79fec4b2.js.map → p-042a18d6.js.map} +1 -1
  52. package/dist/components/{p-ccf2c2ed.js → p-403f577a.js} +19 -18
  53. package/dist/components/p-403f577a.js.map +1 -0
  54. package/dist/components/{p-749a0632.js → p-55d602f7.js} +2 -2
  55. package/dist/components/{p-749a0632.js.map → p-55d602f7.js.map} +1 -1
  56. package/dist/components/{p-2dfeae64.js → p-56ddaea3.js} +2 -2
  57. package/dist/components/{p-2dfeae64.js.map → p-56ddaea3.js.map} +1 -1
  58. package/dist/components/{p-0a3cdf33.js → p-5e4ed700.js} +2 -2
  59. package/dist/components/{p-0a3cdf33.js.map → p-5e4ed700.js.map} +1 -1
  60. package/dist/components/{p-15fdee2f.js → p-789a21e1.js} +6 -6
  61. package/dist/components/{p-15fdee2f.js.map → p-789a21e1.js.map} +1 -1
  62. package/dist/components/{p-8aab89d2.js → p-86df344c.js} +2 -2
  63. package/dist/components/{p-8aab89d2.js.map → p-86df344c.js.map} +1 -1
  64. package/dist/components/{p-cb13774f.js → p-ae3a4f2a.js} +2 -2
  65. package/dist/components/{p-cb13774f.js.map → p-ae3a4f2a.js.map} +1 -1
  66. package/dist/components/{p-5032086b.js → p-c7cea417.js} +6 -6
  67. package/dist/components/{p-5032086b.js.map → p-c7cea417.js.map} +1 -1
  68. package/dist/components/{p-4dd7aa7c.js → p-c7fa9cbd.js} +2 -2
  69. package/dist/components/{p-4dd7aa7c.js.map → p-c7fa9cbd.js.map} +1 -1
  70. package/dist/components/{p-430ee6c6.js → p-dcfb5af9.js} +2 -2
  71. package/dist/components/{p-430ee6c6.js.map → p-dcfb5af9.js.map} +1 -1
  72. package/dist/components/{p-04cdbceb.js → p-de9b0b1a.js} +9 -16
  73. package/dist/components/p-de9b0b1a.js.map +1 -0
  74. package/dist/components/{p-d5fa47cd.js → p-e8c19a64.js} +3 -2
  75. package/dist/components/{p-d5fa47cd.js.map → p-e8c19a64.js.map} +1 -1
  76. package/dist/components/pedido-finalizado.js +1 -1
  77. package/dist/components/phone-cancel-input.js +2 -2
  78. package/dist/components/phone-form.js +1 -1
  79. package/dist/components/phone-input-mask.js +1 -1
  80. package/dist/components/phone-input.js +2 -2
  81. package/dist/components/pin-form.js +1 -1
  82. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +1 -1
  83. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js.map +1 -1
  84. package/dist/crmbonus-component-wake/p-095ddc06.entry.js +2 -0
  85. package/dist/crmbonus-component-wake/p-095ddc06.entry.js.map +1 -0
  86. package/dist/crmbonus-component-wake/p-35865a9f.entry.js +2 -0
  87. package/dist/crmbonus-component-wake/p-35865a9f.entry.js.map +1 -0
  88. package/dist/crmbonus-component-wake/p-7de6850f.entry.js +2 -0
  89. package/dist/crmbonus-component-wake/p-7de6850f.entry.js.map +1 -0
  90. package/dist/crmbonus-component-wake/p-be14d7c4.entry.js +2 -0
  91. package/dist/crmbonus-component-wake/{p-5bdb505d.entry.js → p-d4ac9a11.entry.js} +2 -2
  92. package/dist/crmbonus-component-wake/{p-801497d6.entry.js → p-e2acfd0b.entry.js} +2 -2
  93. package/dist/crmbonus-component-wake/{p-cd1ed04d.entry.js → p-e4f165a8.entry.js} +2 -2
  94. package/dist/crmbonus-component-wake/{p-d5fa47cd.js → p-e8c19a64.js} +2 -2
  95. package/dist/crmbonus-component-wake/p-e8c19a64.js.map +1 -0
  96. package/dist/crmbonus-component-wake/{p-6227735e.entry.js → p-fd432c04.entry.js} +2 -2
  97. package/dist/esm/app-modal.entry.js +1 -1
  98. package/dist/esm/countdown-timer_5.entry.js +12 -19
  99. package/dist/esm/countdown-timer_5.entry.js.map +1 -1
  100. package/dist/esm/crm-bonus-note.entry.js +24 -12
  101. package/dist/esm/crm-bonus-note.entry.js.map +1 -1
  102. package/dist/esm/crm-bonus.entry.js +1 -1
  103. package/dist/esm/crm-giftback-form_2.entry.js +12 -11
  104. package/dist/esm/crm-giftback-form_2.entry.js.map +1 -1
  105. package/dist/esm/crmbonus-component-wake.js +1 -1
  106. package/dist/esm/{i18n-a7cab75d.js → i18n-e8150dff.js} +3 -2
  107. package/dist/esm/{i18n-a7cab75d.js.map → i18n-e8150dff.js.map} +1 -1
  108. package/dist/esm/loader.js +1 -1
  109. package/dist/esm/loading-spinner.entry.js +1 -1
  110. package/dist/esm/pedido-finalizado.entry.js +1 -1
  111. package/dist/esm/phone-input-mask.entry.js +1 -1
  112. package/dist/types/components/giftback-form/subcomponents/giftback-info/giftback-info.d.ts +0 -1
  113. package/dist/types/components/note/crm-bonus-note.d.ts +7 -2
  114. package/package.json +1 -1
  115. package/dist/components/p-04cdbceb.js.map +0 -1
  116. package/dist/components/p-ccf2c2ed.js.map +0 -1
  117. package/dist/crmbonus-component-wake/p-0d374b83.entry.js +0 -2
  118. package/dist/crmbonus-component-wake/p-0d374b83.entry.js.map +0 -1
  119. package/dist/crmbonus-component-wake/p-c207044b.entry.js +0 -2
  120. package/dist/crmbonus-component-wake/p-d1f879c6.entry.js +0 -2
  121. package/dist/crmbonus-component-wake/p-d1f879c6.entry.js.map +0 -1
  122. package/dist/crmbonus-component-wake/p-d5fa47cd.js.map +0 -1
  123. package/dist/crmbonus-component-wake/p-d67f7a32.entry.js +0 -2
  124. package/dist/crmbonus-component-wake/p-d67f7a32.entry.js.map +0 -1
  125. /package/dist/crmbonus-component-wake/{p-c207044b.entry.js.map → p-be14d7c4.entry.js.map} +0 -0
  126. /package/dist/crmbonus-component-wake/{p-5bdb505d.entry.js.map → p-d4ac9a11.entry.js.map} +0 -0
  127. /package/dist/crmbonus-component-wake/{p-801497d6.entry.js.map → p-e2acfd0b.entry.js.map} +0 -0
  128. /package/dist/crmbonus-component-wake/{p-cd1ed04d.entry.js.map → p-e4f165a8.entry.js.map} +0 -0
  129. /package/dist/crmbonus-component-wake/{p-6227735e.entry.js.map → p-fd432c04.entry.js.map} +0 -0
@@ -23,7 +23,7 @@ const Pedido = /*@__PURE__*/ proxyCustomElement(class Pedido extends H {
23
23
  }
24
24
  }
25
25
  render() {
26
- return (h("div", { key: '064db478ceea260d2e4e7ca3eb47ec4a8f75908b' }));
26
+ return (h("div", { key: '5994a82fbeedcc73980f628f0dea243fb0172c86' }));
27
27
  }
28
28
  }, [0, "pedido-finalizado", {
29
29
  "cartId": [1, "cartid"],
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
2
- import { d as defineCustomElement$3 } from './p-2dfeae64.js';
3
- import { d as defineCustomElement$2 } from './p-430ee6c6.js';
2
+ import { d as defineCustomElement$3 } from './p-56ddaea3.js';
3
+ import { d as defineCustomElement$2 } from './p-dcfb5af9.js';
4
4
 
5
5
  const PhoneCancelInput$1 = /*@__PURE__*/ proxyCustomElement(class PhoneCancelInput extends H {
6
6
  constructor() {
@@ -1,4 +1,4 @@
1
- import { P as PhoneForm$1, d as defineCustomElement$1 } from './p-15fdee2f.js';
1
+ import { P as PhoneForm$1, d as defineCustomElement$1 } from './p-789a21e1.js';
2
2
 
3
3
  const PhoneForm = PhoneForm$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { P as PhoneInputMask$1, d as defineCustomElement$1 } from './p-430ee6c6.js';
1
+ import { P as PhoneInputMask$1, d as defineCustomElement$1 } from './p-dcfb5af9.js';
2
2
 
3
3
  const PhoneInputMask = PhoneInputMask$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
2
- import { d as defineCustomElement$3 } from './p-2dfeae64.js';
3
- import { d as defineCustomElement$2 } from './p-430ee6c6.js';
2
+ import { d as defineCustomElement$3 } from './p-56ddaea3.js';
3
+ import { d as defineCustomElement$2 } from './p-dcfb5af9.js';
4
4
 
5
5
  const PhoneInput$1 = /*@__PURE__*/ proxyCustomElement(class PhoneInput extends H {
6
6
  constructor() {
@@ -1,4 +1,4 @@
1
- import { G as GiftbackPin, d as defineCustomElement$1 } from './p-5032086b.js';
1
+ import { G as GiftbackPin, d as defineCustomElement$1 } from './p-c7cea417.js';
2
2
 
3
3
  const PinForm = GiftbackPin;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,2 +1,2 @@
1
- import{p as e,b as n}from"./p-24616d67.js";export{s as setNonce}from"./p-24616d67.js";import{g as o}from"./p-e1255160.js";var a=()=>{const n=import.meta.url;const o={};if(n!==""){o.resourcesUrl=new URL(".",n).href}return e(o)};a().then((async e=>{await o();return n([["p-cd1ed04d",[[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],loading_reprocess:[32],resetBonus:[64],reprocess:[64]},null,{productsInString:["watchProducts"]}]]],["p-9058518e",[[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]}]]],["p-db4f04a8",[[0,"phone-cancel-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-92fe1963",[[0,"phone-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-c207044b",[[1,"app-modal",{isOpen:[516,"is-open"],modalTitle:[1,"modal-title"]}]]],["p-0d374b83",[[0,"crm-bonus-note",{cartId:[8,"cartid"],storename:[8],url:[32],config:[32]}]]],["p-5bdb505d",[[0,"pedido-finalizado",{cartId:[1,"cartid"],orderId:[2,"orderid"],metadadoString:[1,"metadado"]}]]],["p-066672d8",[[0,"crm-button",{txtBtn:[1,"txt-btn"],loading:[4],handleClick:[16]}]]],["p-6227735e",[[1,"phone-input-mask",{initialValue:[1,"initial-value"],disabled:[4],phone:[32],message:[32],getPhone:[64]}]]],["p-801497d6",[[1,"loading-spinner",{size:[1],color:[1]}]]],["p-d1f879c6",[[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]},null,{bonus:["changedBonus"]}],[1,"countdown-timer",{downtime:[16],counter:[32]}],[0,"crm-tooltip",{text:[1]}]]],["p-d67f7a32",[[0,"crm-giftback-form",{storeName:[8,"storename"],cartId:[8,"cart-id"],products:[16],customer:[16],loadProducts:[16],value:[32],loading:[32],message:[32],phone:[32],pinInfo:[32],step:[32],bonus:[32],sucess:[32],error:[32],config:[32],hasApplyBonus:[32],setStep:[64],processBonus:[64]}],[4,"loading-container",{loading:[4]}]]],["p-9ad0650e",[[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"]]]],e)}));
1
+ import{p as e,b as n}from"./p-24616d67.js";export{s as setNonce}from"./p-24616d67.js";import{g as a}from"./p-e1255160.js";var o=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};o().then((async e=>{await a();return n([["p-e4f165a8",[[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],loading_reprocess:[32],resetBonus:[64],reprocess:[64]},null,{productsInString:["watchProducts"]}]]],["p-9058518e",[[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]}]]],["p-7de6850f",[[0,"crm-bonus-note",{cartId:[8,"cartid"],storename:[8],url:[32],config:[32],bonus:[32]}]]],["p-db4f04a8",[[0,"phone-cancel-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-92fe1963",[[0,"phone-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-be14d7c4",[[1,"app-modal",{isOpen:[516,"is-open"],modalTitle:[1,"modal-title"]}]]],["p-d4ac9a11",[[0,"pedido-finalizado",{cartId:[1,"cartid"],orderId:[2,"orderid"],metadadoString:[1,"metadado"]}]]],["p-066672d8",[[0,"crm-button",{txtBtn:[1,"txt-btn"],loading:[4],handleClick:[16]}]]],["p-fd432c04",[[1,"phone-input-mask",{initialValue:[1,"initial-value"],disabled:[4],phone:[32],message:[32],getPhone:[64]}]]],["p-e2acfd0b",[[1,"loading-spinner",{size:[1],color:[1]}]]],["p-35865a9f",[[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]},null,{bonus:["changedBonus"]}],[1,"countdown-timer",{downtime:[16],counter:[32]}],[0,"crm-tooltip",{text:[1]}]]],["p-095ddc06",[[0,"crm-giftback-form",{storeName:[8,"storename"],cartId:[8,"cart-id"],products:[16],customer:[16],loadProducts:[16],value:[32],loading:[32],message:[32],phone:[32],pinInfo:[32],step:[32],bonus:[32],sucess:[32],error:[32],config:[32],hasApplyBonus:[32],setStep:[64],processBonus:[64]}],[4,"loading-container",{loading:[4]}]]],["p-9ad0650e",[[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"]]]],e)}));
2
2
  //# sourceMappingURL=crmbonus-component-wake.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","userId","storeName","productsInString","cartId","showModal","products","customer","loading","message","phone","canCancel","amountCancel","sent","session","loading_reprocess","resetBonus","reprocess","stepNext","loadingModal","saveStore","cancel","handleCustomerName","step","bonus","setStep","sendPin","value","isOpen","modalTitle","storename","config","orderId","metadadoString","txtBtn","handleClick","initialValue","disabled","getPhone","size","color","handlerSubmit","validate","resend","pin","isVerified","canResend","reserve","usedValue","selectedOption","sliderPosition","downtime","counter","text","loadProducts","pinInfo","sucess","error","hasApplyBonus","processBonus","applyName","newValue"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,+BAA8B,CAAAC,OAAS,aAAAC,UAAA,gBAAAC,iBAAA,eAAAC,OAAA,aAAAC,UAAA,KAAAC,SAAA,KAAAC,SAAA,KAAAC,QAAA,KAAAC,QAAA,KAAAC,MAAA,KAAAC,UAAA,KAAAC,aAAA,KAAAC,KAAA,KAAAC,QAAA,KAAAC,kBAAA,KAAAC,WAAA,KAAAC,UAAA,YAAAd,iBAAA,0DAAAD,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAC,SAAA,KAAAM,KAAA,KAAAK,SAAA,gBAAAR,MAAA,IAAAS,aAAA,oBAAAC,UAAA,KAAAC,OAAA,KAAAC,mBAAA,KAAAd,QAAA,KAAAe,KAAA,KAAAd,QAAA,KAAAe,MAAA,KAAAC,QAAA,iDAAAC,QAAA,KAAAlB,QAAA,IAAAmB,MAAA,yCAAAD,QAAA,KAAAlB,QAAA,IAAAmB,MAAA,uCAAAC,OAAA,gBAAAC,WAAA,0DAAAzB,OAAA,aAAA0B,UAAA,IAAAxC,IAAA,KAAAyC,OAAA,gDAAA3B,OAAA,aAAA4B,QAAA,cAAAC,eAAA,mDAAAC,OAAA,cAAA1B,QAAA,IAAA2B,YAAA,+CAAAC,aAAA,oBAAAC,SAAA,IAAA3B,MAAA,KAAAD,QAAA,KAAA6B,SAAA,8CAAAC,KAAA,IAAAC,MAAA,wCAAAb,MAAA,IAAAnB,QAAA,IAAAiC,cAAA,KAAAV,OAAA,sBAAAW,SAAA,KAAArB,OAAA,KAAAsB,OAAA,KAAA9B,KAAA,KAAAL,QAAA,IAAAE,MAAA,IAAAqB,OAAA,KAAAa,IAAA,KAAAC,WAAA,KAAAC,UAAA,2BAAAtC,QAAA,IAAAgB,MAAA,KAAAuB,QAAA,KAAA1B,OAAA,KAAA2B,UAAA,KAAAC,eAAA,KAAAC,eAAA,YAAA1B,MAAA,yCAAA2B,SAAA,KAAAC,QAAA,yBAAAC,KAAA,+CAAAnD,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAC,SAAA,KAAA+C,aAAA,KAAA3B,MAAA,KAAAnB,QAAA,KAAAC,QAAA,KAAAC,MAAA,KAAA6C,QAAA,KAAAhC,KAAA,KAAAC,MAAA,KAAAgC,OAAA,KAAAC,MAAA,KAAA1B,OAAA,KAAA2B,cAAA,KAAAjC,QAAA,KAAAkC,aAAA,+BAAAnD,QAAA,0CAAAK,KAAA,KAAA6B,SAAA,KAAArB,OAAA,KAAAb,QAAA,IAAAoC,IAAA,KAAAC,WAAA,+BAAArC,QAAA,IAAAgB,MAAA,KAAAuB,QAAA,KAAA1B,OAAA,KAAA2B,UAAA,wBAAArB,MAAA,IAAAnB,QAAA,IAAAoD,UAAA,KAAAvC,OAAA,KAAAwC,SAAA,KAAApD,QAAA,gCAAAX,EAAA","ignoreList":[]}
1
+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","userId","storeName","productsInString","cartId","showModal","products","customer","loading","message","phone","canCancel","amountCancel","sent","session","loading_reprocess","resetBonus","reprocess","stepNext","loadingModal","saveStore","cancel","handleCustomerName","step","bonus","setStep","storename","config","sendPin","value","isOpen","modalTitle","orderId","metadadoString","txtBtn","handleClick","initialValue","disabled","getPhone","size","color","handlerSubmit","validate","resend","pin","isVerified","canResend","reserve","usedValue","selectedOption","sliderPosition","downtime","counter","text","loadProducts","pinInfo","sucess","error","hasApplyBonus","processBonus","applyName","newValue"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,+BAA8B,CAAAC,OAAS,aAAAC,UAAA,gBAAAC,iBAAA,eAAAC,OAAA,aAAAC,UAAA,KAAAC,SAAA,KAAAC,SAAA,KAAAC,QAAA,KAAAC,QAAA,KAAAC,MAAA,KAAAC,UAAA,KAAAC,aAAA,KAAAC,KAAA,KAAAC,QAAA,KAAAC,kBAAA,KAAAC,WAAA,KAAAC,UAAA,YAAAd,iBAAA,0DAAAD,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAC,SAAA,KAAAM,KAAA,KAAAK,SAAA,gBAAAR,MAAA,IAAAS,aAAA,oBAAAC,UAAA,KAAAC,OAAA,KAAAC,mBAAA,KAAAd,QAAA,KAAAe,KAAA,KAAAd,QAAA,KAAAe,MAAA,KAAAC,QAAA,6CAAArB,OAAA,aAAAsB,UAAA,IAAApC,IAAA,KAAAqC,OAAA,KAAAH,MAAA,iDAAAI,QAAA,KAAApB,QAAA,IAAAqB,MAAA,yCAAAD,QAAA,KAAApB,QAAA,IAAAqB,MAAA,uCAAAC,OAAA,gBAAAC,WAAA,6DAAA3B,OAAA,aAAA4B,QAAA,cAAAC,eAAA,mDAAAC,OAAA,cAAA1B,QAAA,IAAA2B,YAAA,+CAAAC,aAAA,oBAAAC,SAAA,IAAA3B,MAAA,KAAAD,QAAA,KAAA6B,SAAA,8CAAAC,KAAA,IAAAC,MAAA,wCAAAX,MAAA,IAAArB,QAAA,IAAAiC,cAAA,KAAAd,OAAA,sBAAAe,SAAA,KAAArB,OAAA,KAAAsB,OAAA,KAAA9B,KAAA,KAAAL,QAAA,IAAAE,MAAA,IAAAiB,OAAA,KAAAiB,IAAA,KAAAC,WAAA,KAAAC,UAAA,2BAAAtC,QAAA,IAAAgB,MAAA,KAAAuB,QAAA,KAAA1B,OAAA,KAAA2B,UAAA,KAAAC,eAAA,KAAAC,eAAA,YAAA1B,MAAA,yCAAA2B,SAAA,KAAAC,QAAA,yBAAAC,KAAA,+CAAAnD,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAC,SAAA,KAAA+C,aAAA,KAAAzB,MAAA,KAAArB,QAAA,KAAAC,QAAA,KAAAC,MAAA,KAAA6C,QAAA,KAAAhC,KAAA,KAAAC,MAAA,KAAAgC,OAAA,KAAAC,MAAA,KAAA9B,OAAA,KAAA+B,cAAA,KAAAjC,QAAA,KAAAkC,aAAA,+BAAAnD,QAAA,0CAAAK,KAAA,KAAA6B,SAAA,KAAArB,OAAA,KAAAb,QAAA,IAAAoC,IAAA,KAAAC,WAAA,+BAAArC,QAAA,IAAAgB,MAAA,KAAAuB,QAAA,KAAA1B,OAAA,KAAA2B,UAAA,wBAAAnB,MAAA,IAAArB,QAAA,IAAAoD,UAAA,KAAAvC,OAAA,KAAAwC,SAAA,KAAApD,QAAA,gCAAAX,EAAA","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,h as i}from"./p-24616d67.js";import{C as s}from"./p-9c859043.js";import{S as e,a as o}from"./p-24bdfca4.js";import{g as a}from"./p-75ba7b9a.js";import{i as n}from"./p-e8c19a64.js";import{g as r,U as c}from"./p-f9aeffc1.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);font-weight:100}.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=h;const l=class{constructor(i){t(this,i);this.crmBonusService=s.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.customer=undefined;this.loadProducts=undefined;this.value=undefined;this.loading=false;this.message=undefined;this.phone=undefined;this.pinInfo=undefined;this.step=e.STEP_PHONE;this.bonus=undefined;this.sucess="";this.error="";this.config=undefined;this.hasApplyBonus=false}async setStep(t){this.step=t}async processBonus(t=[],i=false){this.sucess="";console.log("processBonus",[]);if(i){this.products=t}const s=localStorage.getItem(r(this.cartId));if(s){const t=JSON.parse(s);this.bonus=t;this.phone=t.phone;this.pinInfo={storeId:t.storeId,userId:t.userId};await this.validateBonus("2018");this.step=e.STEP_RESERVE}}async handleSendPin(t){this.message="";if(!t){this.message="Informe seu telefone";return}this.phone=t;this.sendPin()}async componentWillLoad(){this.sucess="";this.error="";this.config=a(this.storeName);await this.handleApply()}async handleApply(){console.log("processBonus");await this.processBonus()}convertStringToNumber(){const t=this.phone.replace(/\D/g,"");return Number(t)}async sendPin(){var t,i,s;this.loading=true;this.message="";this.sucess="";this.error="";try{const i=this.convertStringToNumber();this.pinInfo=await this.crmBonusService.sendPin(i,(t=this.customer)===null||t===void 0?void 0:t.name,this.storeName);if(localStorage.getItem(`bc:${this.phone}`)){await this.validateBonus("2018");this.step=e.STEP_RESERVE}else{this.step=e.STEP_PIN}}catch(t){this.message=(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}finally{this.loading=false}}changePhone(){this.sucess="";this.error="";this.step=e.STEP_PHONE}async validateBonus(t){var i,s,a;this.loadProducts();const n=localStorage.getItem(c);if(n=="dontUse"){this.step=e.STEP_RESERVE;return}this.loading=true;this.sucess="";this.error="";const h={pin:t,cellphone:parseInt(this.phone),storeId:this.pinInfo.storeId.toString(),userId:this.pinInfo.userId.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:(i=this.customer)===null||i===void 0?void 0:i.name,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(h);if(!this.bonus.hasBonus){localStorage.setItem(r(this.cartId),JSON.stringify(Object.assign(Object.assign({},this.bonus),{phone:this.phone})));this.loading=false;this.step=e.STEP_NO_BONUS;return}this.sucess="Código validado com sucesso!";localStorage.setItem(r(this.cartId),JSON.stringify(Object.assign(Object.assign({},this.bonus),{phone:this.phone})));localStorage.setItem(`bc:${this.phone}`,o.VALIDATE);localStorage.setItem(c,"use");localStorage.setItem(this.cartId,this.bonus.bonusBalance.toString());this.step=e.STEP_RESERVE}catch(t){const i=(a=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||a===void 0?void 0:a.message;if(i.includes("Pin")){this.error="Código inválido!"}else{this.error=i;this.step=e.STEP_NO_BONUS}}finally{this.loading=false}}handleCancel(){this.cancel()}async cancel(){this.message="";this.loading=true;try{await this.crmBonusService.cancel(this.cartId);localStorage.setItem(c,"dontUse");this.save(0)}catch(t){this.message="Não consegui cancelar o bônus, tente novamente!"}finally{this.loading=false}}async reserveApply(t){this.loading=true;this.message="";try{await this.reserve(t);this.save(t)}catch(t){this.message="ocorreu um error ao solicitar a aplicação do bonus! tente novamente";this.step=e.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:"88ef0275835f4226b0fdbce8396519c1968e2e85",class:"crm-container-form fbits-responsive-carrinho-desconto"},i("label",{key:"33ee747b3f555c53c4c5d25e7d4f88145c284cba",class:"crm-title"},this.config.giftbackTitle),this.step===e.STEP_PHONE&&i("phone-form",{key:"f19816dbca45d00dd1286e064ee34437caa1c127",value:this.customer.phone,config:this.config,loading:this.loading,handlerSubmit:t=>this.handleSendPin(t)}),this.step===e.STEP_PIN&&i("pin-form",{key:"68c8c737cbcae51df528f1190ec0686054df779c",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:"553d9498b361522ff135853920913eab1319ea59",class:"crm-message-info"},this.sucess),this.error&&i("p",{key:"e37c2608dd649a0599598fdb299914fb67256795",class:"crm-message-error"},this.error)),this.step===e.STEP_RESERVE&&i("giftback-info",{key:"8425673ca96fe86296e8255f5b5a6ee1d864a122",loading:this.loading,cancel:()=>this.handleCancel(),bonus:this.bonus,reserve:()=>this.handleApply()}),this.step===e.STEP_NO_BONUS&&i("div",{key:"20aaa256875b30cb3dab1ad1d7f5a618842e4d4c",class:"container-message"},n.t("noGiftback",{storename:this.config.giftbackTitle})))}};l.style=d;const f=".loading-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000;}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255, 255, 255, 0.3);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.relative-xy{position:relative}";const p=f;const m=class{constructor(i){t(this,i);this.loading=true}render(){return i("div",{key:"59fbac8fdb07e1c4a917c9b8ece68d372e8e12e6",class:"relative-xy"},this.loading&&i("div",{key:"7fad2fc77bab910ce3138cd7082cdfcfd63e046a",class:"loading-container"},i("div",{key:"715fc1b2ad9a6e388bd1908d1dcbc075e1bdbfd5",class:"loading-spinner"})),i("slot",{key:"436691253f9ac25e8910598d34fc10028f0484b6"}))}};m.style=p;export{l as crm_giftback_form,m as loading_container};
2
+ //# sourceMappingURL=p-095ddc06.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["giftbackFormCss","CrmGiftbackFormStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","StepFormEnum","STEP_PHONE","setStep","step","processBonus","products","hasNewProduct","sucess","console","log","_bonus","localStorage","getItem","getKeyReserveByCartId","cartId","bonus","JSON","parse","phone","pinInfo","storeId","userId","validateBonus","STEP_RESERVE","handleSendPin","message","sendPin","componentWillLoad","error","config","getInfoCustomization","storeName","handleApply","convertStringToNumber","_phone","replace","Number","loading","_a","customer","name","STEP_PIN","_c","_b","response","data","changePhone","pin","loadProducts","used_or_no","USED_KEY","payload","cellphone","parseInt","toString","checkoutId","checkoutProducts","validatePinBonus","hasBonus","setItem","stringify","Object","assign","STEP_NO_BONUS","StatusGiftBackProcess","VALIDATE","bonusBalance","_error","includes","handleCancel","cancel","save","reserveApply","amount","reserve","removeItem","redeemedBonus","ticket","grossValue","totalValue","render","h","key","class","giftbackTitle","value","handlerSubmit","resend","validate","i18next","t","storename","loadingContainerCss","LoadingContainerStyle0","LoadingContainer"],"sources":["src/components/giftback-form/giftback-form.css?tag=crm-giftback-form","src/components/giftback-form/giftback-form.tsx","src/components/loading-container/loading-container.css?tag=loading-container","src/components/loading-container/loading-container.tsx"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:host {\n --crmfont-sizebodymd: 14px;\n --crmline-heightbodymd: 20px;\n --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n font-family: Roboto;\n font-size: var(--crmfont-sizebodymd);\n font-weight: 400;\n line-height: var(--crmline-heightbodymd);\n letter-spacing: var(--crmletter-spacingtitle-md);\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n height: auto;\n padding: 20px 24px 20px 24px;\n border: 1px solid #CCCC;\n writing-mode: horizontal-tb;\n gap: 16px;\n border-top: 1px solid #ccc !important;\n border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n overflow: hidden;\n border: 1px solid #ccc;\n border-top: 0;\n border-bottom: 0;\n} */\n\n.crm-phone-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n /* justify-content: space-around; */\n gap: 16px;\n}\n\n.crm-subtitle {\n font-size: 14px;\n color: var(--crm-btn);\n font-weight: 100;\n}\n\n.crm-title {\n font-weight: 700;\n line-height: 20px;\n color: #262626;\n font-size: 16px;\n}\n\n.crm-message-info {\n color: #619013;\n font-weight: 500;\n font-size: 12px;\n}\n\n.crm-message-error {\n color: #E11D48;\n font-weight: 500;\n font-size: 12px;\n}","import { Component, Method, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { StatusGiftBackProcess, StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent'\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport i18next from \"../../i18n/i18n\"\nimport { USED_KEY, getKeyReserveByCartId } from \"../../utils/keys.storage\";\n\n@Component({\n tag: 'crm-giftback-form',\n styleUrl: 'giftback-form.css'\n})\nexport class CrmBonus {\n // private phoneInputMask: HTMLPhoneFormElement;\n\n private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n @Prop({ attribute: 'storename' }) storeName;\n @Prop() cartId;\n @Prop() products: Array<IProduct>;\n @Prop() customer: ICustomer;\n @Prop() loadProducts: () => void;\n\n @State() value: string;\n @State() loading: boolean = false;\n @State() message: string;\n @State() phone: string;\n @State() pinInfo: IPinSent;\n @State() step: StepFormEnum = StepFormEnum.STEP_PHONE;\n @State() bonus: IBonus;\n\n @State() sucess: string = \"\";\n @State() error: string = \"\";\n @State() config: IInfoStore;\n\n @State() hasApplyBonus = false;\n\n\n @Method()\n async setStep(step: StepFormEnum) {\n this.step = step\n }\n\n @Method()\n async processBonus(products: IProduct[] = [], hasNewProduct = false) {\n this.sucess = \"\";\n\n console.log('processBonus', [])\n if (hasNewProduct) {\n this.products = products;\n }\n const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n\n if (_bonus) {\n\n const bonus = JSON.parse(_bonus)\n\n this.bonus = bonus;\n\n this.phone = bonus.phone;\n this.pinInfo = {\n storeId: bonus.storeId,\n userId: bonus.userId\n }\n \n await this.validateBonus(\"2018\");\n this.step = StepFormEnum.STEP_RESERVE;\n\n }\n\n\n }\n\n async handleSendPin(phone: string) {\n\n this.message = \"\"\n if (!phone) {\n this.message = \"Informe seu telefone\";\n return;\n }\n\n this.phone = phone;\n\n this.sendPin()\n }\n\n async componentWillLoad() {\n this.sucess = \"\";\n this.error = \"\"\n this.config = getInfoCustomization(this.storeName);\n\n await this.handleApply()\n\n }\n\n async handleApply() {\n console.log('processBonus')\n await this.processBonus();\n\n // const bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n // if (bonus) {\n // this.bonus = JSON.parse(bonus);\n // this.step = StepFormEnum.STEP_RESERVE; \n // }\n\n }\n\n private convertStringToNumber(): number {\n const _phone = this.phone.replace(/\\D/g, '');\n return Number(_phone);\n }\n\n public async sendPin() {\n this.loading = true;\n this.message = \"\";\n this.sucess = \"\";\n this.error = \"\"\n\n try {\n\n const _phone = this.convertStringToNumber()\n\n this.pinInfo = await this.crmBonusService.sendPin(_phone, this.customer?.name, this.storeName);\n\n if (localStorage.getItem(`bc:${this.phone}`)) {\n await this.validateBonus(\"2018\");\n this.step = StepFormEnum.STEP_RESERVE;\n } else {\n this.step = StepFormEnum.STEP_PIN;\n }\n\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false\n }\n }\n\n changePhone() {\n this.sucess = \"\";\n this.error = \"\"\n this.step = StepFormEnum.STEP_PHONE;\n }\n\n public async validateBonus(pin: string) {\n\n this.loadProducts();\n\n const used_or_no = localStorage.getItem(USED_KEY);\n\n if (used_or_no == \"dontUse\") {\n this.step = StepFormEnum.STEP_RESERVE;\n return\n }\n\n this.loading = true;\n this.sucess = \"\";\n this.error = \"\";\n const payload: IProccesPinBonusDto = {\n pin: pin,\n cellphone: parseInt(this.phone),\n storeId: this.pinInfo.storeId.toString(),\n userId: this.pinInfo.userId.toString(),\n checkoutId: this.cartId,\n checkoutProducts: this.products,\n name: this.customer?.name,\n storeName: this.storeName\n }\n\n try {\n this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n if (!this.bonus.hasBonus) {\n\n localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\n\n this.loading = false;\n this.step = StepFormEnum.STEP_NO_BONUS;\n return\n }\n\n this.sucess = \"Código validado com sucesso!\";\n localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\n localStorage.setItem(`bc:${this.phone}`, StatusGiftBackProcess.VALIDATE)\n\n localStorage.setItem(USED_KEY, \"use\");\n localStorage.setItem(this.cartId, this.bonus.bonusBalance.toString());\n\n this.step = StepFormEnum.STEP_RESERVE;\n\n } catch (error) {\n const _error: string = error?.response?.data?.message;\n\n if (_error.includes(\"Pin\")) {\n this.error = \"Código inválido!\"\n } else {\n this.error = _error;\n this.step = StepFormEnum.STEP_NO_BONUS;\n }\n\n\n } finally {\n this.loading = false;\n }\n }\n\n public handleCancel() {\n // this.step = StepFormEnum.STEP_PHONE;\n this.cancel()\n }\n\n async cancel() {\n this.message = \"\";\n this.loading = true;\n try {\n await this.crmBonusService.cancel(this.cartId);\n\n localStorage.setItem(USED_KEY, \"dontUse\");\n this.save(0)\n } catch (error) {\n this.message = \"Não consegui cancelar o bônus, tente novamente!\"\n } finally {\n this.loading = false;\n }\n }\n\n public async reserveApply(amount: number) {\n this.loading = true;\n this.message = \"\";\n try {\n await this.reserve(amount);\n this.save(amount);\n\n } catch (error) {\n this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\n\n this.step = StepFormEnum.STEP_NO_BONUS;\n localStorage.removeItem(this.cartId);\n } finally {\n this.loading = false;\n }\n }\n\n save(amount: number) {\n localStorage.setItem(this.cartId, amount.toString());\n }\n\n public async reserve(amount: number) {\n\n await this.crmBonusService.reserve({\n redeemedBonus: amount,\n cartId: this.cartId,\n ticket: this.cartId,\n grossValue: Number(this.bonus.totalValue),\n storeName: this.storeName,\n storeId: this.bonus.storeId.toString(),\n userId: this.bonus.userId\n });\n }\n\n render() {\n return (\n <div class=\"crm-container-form fbits-responsive-carrinho-desconto\" >\n\n {/* <loading-container /> */}\n\n <label class=\"crm-title\">{this.config.giftbackTitle}</label>\n\n {this.step === StepFormEnum.STEP_PHONE &&\n <phone-form\n value={this.customer.phone}\n config={this.config}\n loading={this.loading}\n handlerSubmit={(phone) => this.handleSendPin(phone)}\n />}\n {\n this.step === StepFormEnum.STEP_PIN &&\n <pin-form\n config={this.config}\n phone={this.phone}\n cancel={() => this.changePhone()}\n resend={() => this.sendPin()}\n validate={(data) => this.validateBonus(data)}\n loading={this.loading}\n >\n {this.sucess && <p class=\"crm-message-info\">{this.sucess}</p>}\n {this.error && <p class=\"crm-message-error\">{this.error}</p>}\n\n </pin-form>\n }\n\n {\n this.step === StepFormEnum.STEP_RESERVE &&\n <giftback-info\n loading={this.loading}\n cancel={() => this.handleCancel()}\n bonus={this.bonus}\n reserve={() => this.handleApply()}\n />\n }\n\n {\n this.step === StepFormEnum.STEP_NO_BONUS &&\n (\n <div class=\"container-message\">\n {i18next.t(\"noGiftback\", { storename: this.config.giftbackTitle })}\n </div>\n )\n\n }\n </div>\n )\n }\n}","/* Estilo para centralizar o container do loading */\n.loading-container {\n position: absolute;\n /* Fixa o loading na tela */\n top: 0;\n left: 0;\n width: 100%;\n /* Tamanho total da tela */\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n /* Fundo semitransparente */\n display: flex;\n /* Centraliza o conteúdo */\n justify-content: center;\n align-items: center;\n z-index: 1000;\n /* Coloca o loading acima de outros elementos */\n}\n\n/* Estilo do spinner (círculo giratório) */\n.loading-spinner {\n width: 50px;\n height: 50px;\n border: 5px solid rgba(255, 255, 255, 0.3);\n /* Borda semitransparente */\n border-top: 5px solid white;\n /* Borda que será animada */\n border-radius: 50%;\n /* Faz o círculo */\n animation: spin 1s linear infinite;\n /* Gira continuamente */\n}\n\n/* Keyframes para a animação de rotação */\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.relative-xy {\n position: relative;\n}","import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'loading-container',\n styleUrl: 'loading-container.css'\n})\nexport class LoadingContainer {\n\n @Prop() loading: boolean = true;\n\n render() {\n return (\n <div class=\"relative-xy\">\n {\n this.loading && (\n <div class=\"loading-container\">\n <div class=\"loading-spinner\">\n\n </div>\n \n </div>\n )\n }\n <slot></slot>\n </div>\n )\n }\n}"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,h as i,H as t}from"./p-24616d67.js";import{i as o}from"./p-e8c19a64.js";import{U as n}from"./p-f9aeffc1.js";import{d as a,a as c}from"./p-d3bfac80.js";const r=class{constructor(i){e(this,i);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 i("label",{key:"6313656b73bec34e3e4e5099c2bd7633e025588e"},this.counter,"s")}};const s="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNy43NUMxMi40MTQyIDE3Ljc1IDEyLjc1IDE3LjQxNDIgMTIuNzUgMTdWMTFDMTIuNzUgMTAuNTg1OCAxMi40MTQyIDEwLjI1IDEyIDEwLjI1QzExLjU4NTggMTAuMjUgMTEuMjUgMTAuNTg1OCAxMS4yNSAxMVYxN0MxMS4yNSAxNy40MTQyIDExLjU4NTggMTcuNzUgMTIgMTcuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8cGF0aCBkPSJNMTIgN0MxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4QzEzIDguNTUyMjggMTIuNTUyMyA5IDEyIDlDMTEuNDQ3NyA5IDExIDguNTUyMjggMTEgOEMxMSA3LjQ0NzcyIDExLjQ0NzcgNyAxMiA3WiIgZmlsbD0iIzFDMjc0QyIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTIgMi43NUM2Ljg5MTM3IDIuNzUgMi43NSA2Ljg5MTM3IDIuNzUgMTJDMi43NSAxNy4xMDg2IDYuODkxMzcgMjEuMjUgMTIgMjEuMjVDMTcuMTA4NiAyMS4yNSAyMS4yNSAxNy4xMDg2IDIxLjI1IDEyQzIxLjI1IDYuODkxMzcgMTcuMTA4NiAyLjc1IDEyIDIuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8L3N2Zz4=";const d=".crm-tooltip-container {\n display: flex;\n\n & img {\n width: 25px;\n }\n}\n\n.tooltip {\n position: relative;\n display: inline-block;\n border-bottom: 1px dotted black;\n}\n\n.tooltip .tooltiptext {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n padding: 8px 12px;\n border-radius: 0px;\n position: absolute;\n z-index: 1;\n min-width: 271px;\n top: 100%;\n left: 50%;\n margin-left: -238px;\n}\n\n.tooltip:hover .tooltiptext {\n visibility: visible;\n}";const p=d;const l=class{constructor(i){e(this,i);this.text=undefined}render(){return i("div",{key:"6184ba9a52a60d1bf2c50687165ad63a869b5b1c",class:"crm-tooltip-container tooltip"},i("img",{key:"4bab948b85d15c945d3e7a2e65a7e0eaf1116cc3",src:s}),i("span",{key:"a637a34e82a1d630882c2b367c2aaf59803ee71e",class:"tooltiptext"},this.text))}};l.style=p;const f=":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{display:flex;align-items:center;gap:5px}.container-description p{font-size:14px;font-weight:400}p{font-size:14px;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 0px 3px 3px}input[type=\"range\"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:rgb(109, 109, 95);border-radius:50%;cursor:pointer}.options{margin:0px 0;display:flex;gap:10px;flex-direction:column}.options label{display:flex;margin:0px 0;font-size:0.9rem;color:#333;align-items:center}.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;}.options-option{display:flex}";const b=f;const h=class{constructor(i){e(this,i);this.usedValue=0;this.selectedOption="none";this.loading=false;this.bonus={totalBonus:150,cartId:"",minimumPurchase:500,bonusBalance:50,calculatedValue:150,firstValidityDate:"",totalValue:400};this.reserve=undefined;this.cancel=undefined;this.sliderPosition=50}changedBonus(){this.updateBonus()}updateBonus(){this.usedValue=parseFloat(this.bonus.bonusBalance.toString());this.buildPositionSlider(0,this.bonus.totalBonus)}componentWillLoad(){this.updateBonus();this.selectedOption=localStorage.getItem(n)}handleSliderChange(e){const i=e.target;this.usedValue=parseFloat(i.value);this.buildPositionSlider(parseFloat(i.min),parseFloat(i.max))}buildPositionSlider(e,i){const t=(this.usedValue-e)/(i-e)*100;this.sliderPosition=t}async handleOptionChange(e){this.selectedOption=e;localStorage.setItem(n,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 t=o.t("giftDescription",{amount:`${this.bonus.totalBonus.toFixed(2).replace(".",",")}`,custom_name:"Giftback"});const n=a(e);return i("div",{key:"c06986fff1a50f711c8ca98da3eaf57ccd0a7560",class:"giftback-container"},i("div",{key:"f27cf15064189bf00d411d412a639ac55838e229",class:"container-description"},i("p",{key:"8ada48fce7f65d0fd299d7159c212e56c11fd137",innerHTML:t}),i("crm-tooltip",{key:"a01b71eb572c59083b71fbb0bc253d25a98766c8",text:o.t("labelUseGiftback",{minimumPurchase:this.bonus.minimumPurchase,expírationDate:c(this.bonus.firstValidityDate)})})),i("div",{key:"e0845bbe16766d6014abc7871b11bda6e063a82d",class:"slider-wrapper"},i("div",{key:"30f4a0966a53b345383ee830bce10c5452cbf609",class:"slider-value",style:{left:`calc(${this.sliderPosition}% - 20px)`}},"R$ ",this.usedValue.toFixed(2).replace(".",",")),i("input",{key:"ffe2936100592ea268dcfe38612d1970214ec781",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}%)`}})),n.isComplete&&i("p",{key:"c8986b0033944ce816ce08bbd64649872a8a746d"},o.t("maxAmount")),!n.isComplete&&i("div",{key:"62740374395aa5317f11e24cb2cf0a9a120311a4",class:"container-description"},i("p",{key:"8576d4033b6ee8c4d9480567cc02eab39115b73e"},"Adicione ",i("strong",{key:"d44715169e83f0417567f47a3840627ca988bcc2"},"R$ ",e<0?"0,00":e.toFixed(2).replace(".",","))," ao carrinho para atingir o valor máximo!"),i("crm-tooltip",{key:"08ad8b1dc3fb15beffb7df2dcf3b57b06eda1677",text:o.t("labelamountPartial")})),i("div",{key:"1c759e38447421c6df58b56d2dcfa595f424d132",class:"options"},i("div",{key:"f177d626ac4d9574163033614f50a9e01cc0215e",class:"options-option"},i("input",{key:"1d8005e868fe609c61b1b8c96d815869a7c184d4",type:"radio",name:"giftbackOption",value:"use",checked:this.selectedOption==="use",onChange:()=>this.handleOptionChange("use")}),i("p",{key:"fb7d57ab3d223e6fbdcdd89cc0d0d2d5c1d63bdc"},"Usar o meu Giftback")),i("div",{key:"b08c70164a7efc6f4ead874136507a6ecd8dfd5e",class:"options-option"},i("input",{key:"89428cd098963eb0d02ac4833976bc890eb0edd3",type:"radio",name:"giftbackOption",value:"dontUse",checked:this.selectedOption==="dontUse",onChange:()=>this.handleOptionChange("dontUse")}),i("p",{key:"a12f25029b102995383f3ee1f752ec64bb9225fc"},"Não usar o meu Giftback"))),i("div",{key:"ce1a35144b0a20049051844fb5049951444383bc",class:"info-box"},"O Giftback será aplicado na próxima etapa."))}static get watchers(){return{bonus:["changedBonus"]}}};h.style=b;const x="*{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);font-weight:100}.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 g=x;const u=class{constructor(i){e(this,i);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 i(t,{key:"d41578c99f54f76083ad62b2d3e53b969f51c323",class:"crm-phone-form"},i("label",{key:"2c615b13f79cfed14b8c14b713216b5d53e05769",class:"crm-subtitle"},"Digite o seu celular para verificar se há desconto disponível nessa compra:"),i("phone-input-mask",{key:"05383570a3518ef1ae3d0085f8411662eb719486",initialValue:this.value,ref:e=>this.phoneInputMask=e}),i("crm-button",{key:"90289afc0783e5f78a8091c7f53c657721f13641",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.handlePhone()}))}};u.style=g;const m=":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}.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}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";const y=m;const k="*{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);font-weight:100}.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 M=k;const I=class{constructor(i){e(this,i);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,i){const t=e.target;const o=t.value.slice(0,1);this.pin[i]=o;if(o&&i<this.pin.length-1){const e=t.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 i("div",{key:"4feca5ebbdcba078f526bcbbb1e8f59cd9f69d2f",class:"crm-phone-form"},i("label",{key:"51653ca43a050fd67dfba6a8525bfe3791076cff",class:"crm-subtitle"},o.t("pin-sutitle")," ",i("strong",{key:"8a47e532dc3bd566d23057e675261b50c97442c8"},"+55 ",this.phone)),i("div",{key:"eb367b999bb7c491e9cc792b8ea279bff71de435",class:"pin-container"},this.pin.map(((e,t)=>i("input",{type:"text",maxLength:1,value:this.pin[t],onInput:e=>this.handleInput(e,t)})))),i("slot",{key:"377bc33633df2c82ab1970c88e20bdbd9181d525"}),i("p",{key:"96769dc2bac4842ed9e259735381f25451bbe77d",class:"crm-description"}," Não recebeu?",!this.canResend&&i("label",{key:"9c3f25a357ae41aef6c16b11598a1cbd9ea32982"}," Reenviar em ",i("countdown-timer",{key:"a7a98f65cdcf0a88df4ce2f98d8694b0cf5c974c",downtime:()=>this.handleTimeout()})," "),this.canResend&&i("div",{key:"178c9b536d81f49d10240c55edfbe7dbb02076bb"},i("a",{key:"8b07796bd9a3349cdf994ccd963fe4333466eb22",onClick:()=>this.handleResend()},"Reenviar"),i("a",{key:"59289faea47104ec3ebc9818a43dbd205fc0a2bf",onClick:()=>this.cancel()},"Trocar número"))),i("crm-button",{key:"feecbd5c1681ae1adb8bd9ca8ba01b96252f6c5c",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.validatePin()}))}};I.style=y+M;export{r as countdown_timer,l as crm_tooltip,h as giftback_info,u as phone_form,I as pin_form};
2
+ //# sourceMappingURL=p-35865a9f.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["CountdownTimer","componentWillLoad","this","intervalId","setInterval","counter","clearInterval","downtime","disconnectedCallback","render","h","key","infoCircleSvgrepoComSvg","crmTooltipCss","CrmTooltipStyle0","Tooltip","class","src","info","text","giftbackInfoCss","GiftbackInfoStyle0","GiftbackInfo","totalBonus","cartId","minimumPurchase","bonusBalance","calculatedValue","firstValidityDate","totalValue","changedBonus","updateBonus","usedValue","parseFloat","bonus","toString","buildPositionSlider","selectedOption","localStorage","getItem","USED_KEY","handleSliderChange","event","input","target","value","min","max","percentage","sliderPosition","handleOptionChange","option","setItem","reserve","cancel","remainingGiftback","translateDescription","i18next","t","amount","toFixed","replace","custom_name","limit","defineLimit","innerHTML","formatDateToBr","style","left","disabled","type","step","onInput","background","isComplete","name","checked","onChange","giftbackFormCss","PhoneFormStyle0","PhoneForm","handlePhone","phone","phoneInputMask","getPhone","handlerSubmit","Host","initialValue","ref","txtBtn","_a","config","btnApplyBonusLabel","loading","handleClick","pinFormCss","PinFormStyle0","PinFormStyle1","GiftbackPin","canResend","handleInput","index","slice","pin","length","nextInput","nextElementSibling","focus","validatePin","validate","join","verifyPin","pinCode","isVerified","handleTimeout","handleResend","resend","map","_","maxLength","onClick"],"sources":["src/components/countdown-timer/countdown-timer.tsx","src/assets/svg/info-circle-svgrepo-com.svg","src/components/tooltip/crm-tooltip.css?tag=crm-tooltip","src/components/tooltip/tooltip.tsx","src/components/giftback-form/subcomponents/giftback-info/giftback-info.css?tag=giftback-info","src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx","src/components/giftback-form/giftback-form.css?tag=phone-form","src/components/giftback-form/subcomponents/phone-form/phone-form.tsx","src/components/giftback-form/subcomponents/pin-form/pin-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/giftback-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/subcomponents/pin-form/pin-form.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'countdown-timer',\n shadow: true,\n})\nexport class CountdownTimer {\n\n @Prop() downtime: () => void;\n\n @State() counter: number = 30;\n private intervalId: NodeJS.Timer;\n\n componentWillLoad() {\n this.intervalId = setInterval(() => {\n if (this.counter > 0) {\n this.counter--;\n } else {\n clearInterval(this.intervalId);\n\n this.downtime()\n }\n }, 1000); // Intervalo de 1 segundo\n }\n\n disconnectedCallback() {\n clearInterval(this.intervalId);\n }\n\n render() {\n return (\n <label>{this.counter}s</label>\n );\n }\n}\n","<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\r\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V17C11.25 17.4142 11.5858 17.75 12 17.75Z\" fill=\"#1C274C\"/>\r\n<path d=\"M12 7C12.5523 7 13 7.44772 13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7Z\" fill=\"#1C274C\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75Z\" fill=\"#1C274C\"/>\r\n</svg>",".crm-tooltip-container {\n display: flex;\n\n & img {\n width: 25px;\n }\n}\n\n.tooltip {\n position: relative;\n display: inline-block;\n border-bottom: 1px dotted black;\n}\n\n.tooltip .tooltiptext {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n padding: 8px 12px;\n border-radius: 0px;\n position: absolute;\n z-index: 1;\n min-width: 271px;\n top: 100%;\n left: 50%;\n margin-left: -238px;\n}\n\n.tooltip:hover .tooltiptext {\n visibility: visible;\n}","import { Component, h, Prop } from \"@stencil/core\";\nimport info from '../../assets/svg/info-circle-svgrepo-com.svg';\n\n\n@Component({\n tag: 'crm-tooltip',\n styleUrl: 'crm-tooltip.css'\n})\nexport class Tooltip {\n\n @Prop() text: string\n\n render() {\n return (\n <div class=\"crm-tooltip-container tooltip\">\n <img src={info} />\n <span class=\"tooltiptext\">{this.text}</span>\n </div>\n );\n }\n}",":host {\n --text-color: #6D6D5F\n}\n\n.giftback-container {\n display: flex;\n flex-direction: column;\n gap: 14px;\n}\n\nh3 {\n font-size: 1.2rem;\n margin-bottom: 8px;\n color: #333;\n}\n\n.container-description {\n display: flex;\n align-items: center;\n gap: 5px;\n}\n\n.container-description p {\n font-size: 14px;\n font-weight: 400;\n}\n\n\np {\n font-size: 14px;\n color: #000;\n}\n\n.value-display h2 {\n color: #6D6D5F;\n /* Verde para o valor atual */\n font-size: 1.6rem;\n margin: 16px 0;\n}\n\ninput[type='range'] {\n width: 100%;\n margin: 12px 0;\n -webkit-appearance: none;\n background: #ddd;\n height: 4px;\n border-radius: 4px;\n outline: none;\n padding: 3px 0px 3px 3px;\n}\n\n/* input[type='range']::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n background: var(--text-color);\n border-radius: 50%;\n cursor: pointer;\n} */\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 20px;\n height: 20px;\n background: rgb(109, 109, 95);\n /* Cor do botão */\n border-radius: 50%;\n cursor: pointer;\n}\n\n.options {\n margin: 0px 0;\n display: flex;\n gap: 10px;\n flex-direction: column;\n}\n\n.options label {\n display: flex;\n margin: 0px 0;\n font-size: 0.9rem;\n color: #333;\n align-items: center;\n}\n\n.options input[type='radio'] {\n margin-right: 8px;\n height: 16px;\n width: 16px;\n}\n\n.options input[type='radio'] {\n appearance: none;\n -webkit-appearance: none;\n margin-right: 8px;\n width: 16px;\n height: 16px;\n border: 2px solid #ddd;\n border-radius: 50%;\n background-color: #fff;\n cursor: pointer;\n transition: all 0.3s;\n padding: 0px;\n}\n\n.options input[type='radio']:checked {\n border-color: #000;\n background-color: #FAFAFA;\n border: 4px solid #000;\n}\n\n.info-box {\n background-color: #f9f9f9;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 8px;\n font-size: 14px;\n color: #262626;\n line-height: 20px;\n}\n\n.info-icon {\n font-size: 0.9rem;\n cursor: pointer;\n color: #888;\n}\n\nh3 {\n font-size: 1.2rem;\n margin-bottom: 8px;\n color: #333;\n}\n\n.slider-wrapper {\n position: relative;\n margin: 21px 0px 0px 0px;\n}\n\n.slider {\n width: 100%;\n -webkit-appearance: none;\n background: #ddd;\n height: 4px;\n border-radius: 2px;\n outline: none;\n}\n\n.slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n background: var(--text-color);\n /* Azul para o slider */\n border-radius: 50%;\n cursor: pointer;\n}\n\n.slider-value {\n position: absolute;\n top: -30px;\n /* Posição acima do slider */\n font-size: 16px;\n font-weight: 700;\n color: var(--text-color);\n /* Verde para o texto */\n transform: translateX(-50%);\n white-space: nowrap;\n /* margin-left: 23px; */\n}\n\n.options-option {\n display: flex;\n}","import { Component, Prop, State, Watch, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\nimport { USED_KEY } from \"../../../../utils/keys.storage\";\nimport { defineLimit, formatDateToBr } from \"../../../../utils/utils\";\n\n@Component({\n tag: 'giftback-info',\n styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n @State() usedValue: number = 0;\n @State() selectedOption: string = 'none';\n\n @Prop() loading: boolean = false;\n @Prop() bonus: Partial<IBonus> = {\n totalBonus: 150,\n cartId: \"\",\n minimumPurchase: 500,\n bonusBalance: 50,\n calculatedValue: 150,\n firstValidityDate: \"\",\n totalValue: 400\n };\n @Prop() reserve: (amountRedeemed: number) => void;\n @Prop() cancel: () => void;\n\n @State() sliderPosition: number = 50;\n\n @Watch(\"bonus\")\n changedBonus() {\n this.updateBonus()\n }\n\n private updateBonus() {\n this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n this.buildPositionSlider(0, this.bonus.totalBonus);\n }\n\n componentWillLoad() {\n this.updateBonus();\n this.selectedOption = localStorage.getItem(USED_KEY);\n }\n\n handleSliderChange(event: Event) {\n const input = event.target as HTMLInputElement;\n this.usedValue = parseFloat(input.value);\n\n // Calculando a posição do texto com base no valor do slider\n // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n // this.sliderPosition = percentage;\n\n this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\n }\n\n\n private buildPositionSlider(min: number, max: number) {\n // Calculando a posição do texto com base no valor do slider\n const percentage = ((this.usedValue - min) / (max - min)) * 100;\n this.sliderPosition = percentage;\n }\n\n async handleOptionChange(option: string) {\n this.selectedOption = option;\n \n localStorage.setItem(USED_KEY, option);\n switch (this.selectedOption) {\n case 'use':\n await this.reserve(this.usedValue)\n break;\n case 'dontUse':\n await this.cancel();\n break;\n default:\n }\n }\n\n render() {\n const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n\n const limit = defineLimit(remainingGiftback)\n\n return (\n\n <div class=\"giftback-container\">\n <div class=\"container-description\">\n <p innerHTML={translateDescription}></p>\n <crm-tooltip text={i18next.t(\"labelUseGiftback\", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: formatDateToBr(this.bonus.firstValidityDate) })} />\n </div>\n <div class=\"slider-wrapper\">\n <div\n class=\"slider-value\"\n style={{\n left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n\n }}\n >\n R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n </div>\n <input\n disabled\n type=\"range\"\n min=\"0\"\n max={this.bonus.totalBonus}\n value={this.usedValue}\n class=\"slider\"\n step=\"0.01\"\n onInput={(event) => this.handleSliderChange(event)}\n style={{\n background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n }}\n />\n </div>\n\n {\n limit.isComplete && (\n <p>\n {i18next.t(\"maxAmount\")}\n </p>\n )\n }\n\n {\n !limit.isComplete && (\n <div class=\"container-description\">\n <p>\n Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n máximo!\n </p>\n\n <crm-tooltip text={i18next.t(\"labelamountPartial\")} />\n </div>\n )\n }\n\n\n <div class=\"options\">\n <div class=\"options-option\">\n <input\n type=\"radio\"\n name=\"giftbackOption\"\n value=\"use\"\n checked={this.selectedOption === 'use'}\n onChange={() => this.handleOptionChange('use')}\n />\n <p>Usar o meu Giftback</p>\n </div>\n <div class=\"options-option\">\n <input\n type=\"radio\"\n name=\"giftbackOption\"\n value=\"dontUse\"\n checked={this.selectedOption === 'dontUse'}\n onChange={() => this.handleOptionChange('dontUse')}\n />\n <p>Não usar o meu Giftback</p>\n </div>\n </div>\n <div class=\"info-box\">\n O Giftback será aplicado na próxima etapa.\n </div>\n </div>\n );\n }\n}","* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:host {\n --crmfont-sizebodymd: 14px;\n --crmline-heightbodymd: 20px;\n --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n font-family: Roboto;\n font-size: var(--crmfont-sizebodymd);\n font-weight: 400;\n line-height: var(--crmline-heightbodymd);\n letter-spacing: var(--crmletter-spacingtitle-md);\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n height: auto;\n padding: 20px 24px 20px 24px;\n border: 1px solid #CCCC;\n writing-mode: horizontal-tb;\n gap: 16px;\n border-top: 1px solid #ccc !important;\n border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n overflow: hidden;\n border: 1px solid #ccc;\n border-top: 0;\n border-bottom: 0;\n} */\n\n.crm-phone-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n /* justify-content: space-around; */\n gap: 16px;\n}\n\n.crm-subtitle {\n font-size: 14px;\n color: var(--crm-btn);\n font-weight: 100;\n}\n\n.crm-title {\n font-weight: 700;\n line-height: 20px;\n color: #262626;\n font-size: 16px;\n}\n\n.crm-message-info {\n color: #619013;\n font-weight: 500;\n font-size: 12px;\n}\n\n.crm-message-error {\n color: #E11D48;\n font-weight: 500;\n font-size: 12px;\n}","import { Component, Host, Prop, h } from \"@stencil/core\";\nimport { IInfoStore } from \"../../../../helpers/info.config.helper\";\n\n@Component({\n tag: 'phone-form',\n styleUrl: '../../giftback-form.css'\n})\nexport class PhoneForm {\n\n private phoneInputMask: HTMLPhoneInputMaskElement;\n\n @Prop() value: string;\n @Prop() loading: boolean;\n @Prop() handlerSubmit: (phone: string) => void;\n\n @Prop() config: IInfoStore;\n\n\n async handlePhone() {\n\n const phone = await this.phoneInputMask.getPhone()\n\n await this.handlerSubmit(phone);\n }\n\n\n render() {\n return (\n <Host class=\"crm-phone-form\">\n <label class=\"crm-subtitle\" >Digite o seu celular para verificar se há desconto disponível nessa compra:</label>\n <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\n\n <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.handlePhone() } />\n </Host>\n )\n }\n}",":host {\n display: block;\n font-family: Arial, sans-serif;\n}\n\n.form-container-pin {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.pin-container {\n display: flex;\n /* margin: 26px 0; */\n justify-content: start;\n gap: 10px;\n}\n\n.pin-container input {\n width: 100%;\n height: 48px;\n font-size: 14px;\n text-align: center;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\nbutton {\n padding: 10px 20px;\n background-color: #ddd;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\n\n.success {\n color: green;\n margin-top: 10px;\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}\n\n.button-cancel {\n top: 50%;\n background-color: #ffffff;\n color: #1e1c1c;\n border: 1px solid gray;\n border-radius: 10px;\n padding: 10px;\n min-height: 30px;\n min-width: 120px;\n font-size: 19px;\n cursor: pointer;\n}\n\n.crm-description {\n font-size: 14px;\n width: 100%;\n display: flex;\n gap: 9px;\n}\n\n.crm-description a {\n font-weight: bold;\n cursor: pointer;\n text-decoration: underline;\n}\n\n.crm-description div {\n display: flex;\n gap: 5px;\n}","* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:host {\n --crmfont-sizebodymd: 14px;\n --crmline-heightbodymd: 20px;\n --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n font-family: Roboto;\n font-size: var(--crmfont-sizebodymd);\n font-weight: 400;\n line-height: var(--crmline-heightbodymd);\n letter-spacing: var(--crmletter-spacingtitle-md);\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n height: auto;\n padding: 20px 24px 20px 24px;\n border: 1px solid #CCCC;\n writing-mode: horizontal-tb;\n gap: 16px;\n border-top: 1px solid #ccc !important;\n border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n overflow: hidden;\n border: 1px solid #ccc;\n border-top: 0;\n border-bottom: 0;\n} */\n\n.crm-phone-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n /* justify-content: space-around; */\n gap: 16px;\n}\n\n.crm-subtitle {\n font-size: 14px;\n color: var(--crm-btn);\n font-weight: 100;\n}\n\n.crm-title {\n font-weight: 700;\n line-height: 20px;\n color: #262626;\n font-size: 16px;\n}\n\n.crm-message-info {\n color: #619013;\n font-weight: 500;\n font-size: 12px;\n}\n\n.crm-message-error {\n color: #E11D48;\n font-weight: 500;\n font-size: 12px;\n}","import { Component, h, Prop, State } from '@stencil/core';\nimport { IPinSent } from '../../../../dto/pin.sent';\nimport i18next from '../../../../i18n/i18n'\nimport { IInfoStore } from '../../../../helpers/info.config.helper';\n\n@Component({\n tag: 'pin-form',\n styleUrls: ['pin-form.css', '../../giftback-form.css'],\n shadow: true,\n})\nexport class GiftbackPin {\n\n @Prop() validate: (pin: string) => void;\n @Prop() cancel: () => void;\n @Prop() resend: () => void;\n\n @Prop() sent: IPinSent;\n @Prop() loading: boolean = false;\n @Prop() phone: string;\n @Prop() config: IInfoStore;\n\n @State() pin: string[] = ['', '', '', ''];\n @State() isVerified: boolean = false;\n @State() canResend: boolean = false;\n\n componentWillLoad() {\n this.canResend = false;\n }\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 validatePin() {\n this.validate(this.pin.join(\"\"))\n }\n\n verifyPin() {\n const pinCode = this.pin.join('');\n if (pinCode === '9999') {\n this.isVerified = true;\n }\n }\n\n handleTimeout() {\n this.canResend = true;\n }\n\n async handleResend() {\n await this.resend();\n\n this.canResend = false;\n this.pin = ['', '', '', '']\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 <countdown-timer 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={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\n </div >\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as n,h as e}from"./p-24616d67.js";import{g as t}from"./p-75ba7b9a.js";import{g as i}from"./p-f9aeffc1.js";import{i as a}from"./p-e8c19a64.js";const o="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTE1IDkuOTQ3MjhDMTQuNSA5LjMgMTMuOCA4LjUgMTIgOC41QzEwLjIgOC41IDkgOS41MTM5MyA5IDkuOTQ3MjhDOSAxMC4zODA2IDkuMDY3ODYgMTAuOTI3NyAxMCAxMS41QzEwLjc1MjIgMTEuOTYxOCAxMi42Njg0IDEyLjA0MzkgMTMuNSAxMi41QzE0LjY3OSAxMy4xNDY3IDE0Ljg0OTcgMTMuODIwMiAxNC44NDk3IDE0LjA1MjJDMTQuODQ5NyAxNC42ODM3IDEzLjQxNzUgMTUuNDg1MiAxMiAxNS41QzEwLjUzNiAxNS41MTUzIDkuNSAxNC43IDkgMTQuMDUyMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgN1YxNyIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==";const c=".note-container {\n border: 1px solid #dddddd;\n padding: 0 15px 15px;\n margin: 0 0 26px 0px;\n display: flex;\n flex-direction: column;\n gap: 13px;\n\n\n & .description {\n display: flex;\n flex-direction: column;\n gap: 13px;\n }\n}\n\n.note-container hr {\n border: 1px solid #CCC;\n}\n\n.note-container .back-cart {\n display: flex;\n text-align: center;\n}\n\n.note-header {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n}\n\n.note-title {\n font-weight: 700;\n text-align: left;\n display: flex;\n gap: 6px;\n align-items: center;\n margin-top: 11px;\n color: #000;\n}\n\n.note-description {\n font-family: Arial;\n color: #6d6d5f;\n padding: 0;\n margin: 0 auto;\n}\n\n.back-cart {\n font-size: .9em;\n color: #27272A;\n text-decoration: none;\n cursor: pointer;\n margin-top: 11px;\n}\n\n.note-description-2 {\n color: var(--crm-scheme-fg-main-inverse, #262626);\n font-family: Roboto;\n font-size: var(--crm-font-size-body-lg, 16px);\n font-style: normal;\n font-weight: var(--crm-font-weight-body-bold, 400);\n line-height: var(--crm-line-height-body-md, 20px);\n letter-spacing: var(--crm-letter-spacing-title-md, 0px);\n margin-top: 11px;\n color: #000;\n}\n\n.note-description-not {\n font-size: 16px;\n}";const d=c;const s=class{constructor(e){n(this,e);this.cartId=undefined;this.storename=undefined;this.url=undefined;this.config=undefined;this.bonus=undefined}componentWillLoad(){this.upadateCheckToFreteAndGetUrl()}upadateCheckToFreteAndGetUrl(){this.config=t(this.storename);const n=document.getElementsByName("forma-envio");n.forEach((n=>{n.checked=false}));this.url=window.location.origin}handleHide(){const n=localStorage.getItem(this.cartId);return!!n}getAmount(){const n=localStorage.getItem(this.cartId);return n?Number(n).toFixed(2).replace(".",",")||"0,00":"0,00"}async backCart(){window.location.href=this.url}hasBonus(){const n=localStorage.getItem(i(this.cartId));const e={hasBonus:false,requestBonus:false};if(n){this.bonus=JSON.parse(n);console.log("bonus",this.bonus);e.hasBonus=this.bonus.hasBonus;e.requestBonus=true}return e}render(){const n=this.config.giftbackTitle||"Giftback";const t=this.hasBonus();return e("div",{key:"dadcd7773ddc22edc998bc9874f528063d2385b9"},e("div",{key:"c4f9ec03a00015d11ca2478a2363b77436c0b6c3",class:"note-container"},e("div",{key:"105ffdb9fffccdd463be397b76cf0a076657af91",class:"note-header"},e("p",{key:"6eafef1a4ded3c0b9d5bf37b21a4e184af31948f",class:"note-title"},e("img",{key:"7ee9a33773fa4d550aeb6ae9c32f49744a091d2f",src:o,width:23}),this.config.giftbackTitle),t.hasBonus&&e("p",{key:"2250436629c1ea34455ed1540f2842db76896066",class:"back-cart",onClick:()=>this.backCart()},a.t("edit"))),t.hasBonus&&e("p",{key:"eba4a532b0ec5bf5e355ffb51750c0a2e0437f34",class:"note-description-2"},a.t("withApplyBonus",{giftbackname:n})," ",e("strong",{key:"54a09e84dd38a4b236e6c92611d00fd0ad3fbea2"},"R$ ",this.getAmount(),".")),t.requestBonus&&!t.hasBonus&&e("p",{key:"4a01a4843b9a8dce9e6570000f116bd6c9d76a13",class:"note-description-not"},a.t("noBonus",{giftbackname:n})),!t.requestBonus&&e("div",{key:"7fbe1b45f578fdb6b8e94735b1af08dd36925acb",class:"description"},e("p",{key:"dd8e5c4a48fb8ca18653f56c2afaaeae6da1c88e",class:"note-description-not"},a.t("backCart")),e("crm-button",{key:"0fb903030f7562c0b3a21d977086e5818718d624",txtBtn:"VOLTAR AO CARRINHO",handleClick:()=>this.backCart()}))))}};s.style=d;export{s as crm_bonus_note};
2
+ //# sourceMappingURL=p-7de6850f.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["moneyDollarsSvgrepoComSvg","crmBonusNoteCss","CrmBonusNoteStyle0","CrmBonusNote","componentWillLoad","this","upadateCheckToFreteAndGetUrl","config","getInfoCustomization","storename","envios","document","getElementsByName","forEach","envio","checked","url","window","location","origin","handleHide","amount","localStorage","getItem","cartId","getAmount","Number","toFixed","replace","backCart","href","hasBonus","_bonus","getKeyReserveByCartId","info","requestBonus","bonus","JSON","parse","console","log","render","giftbackname","giftbackTitle","infobonus","h","key","class","src","money","width","onClick","i18next","t","txtBtn","handleClick"],"sources":["src/assets/svg/money-dollars-svgrepo-com.svg","src/components/note/crm-bonus-note.css?tag=crm-bonus-note","src/components/note/crm-bonus-note.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#000000\" stroke-width=\"2\"/>\n<path d=\"M15 9.94728C14.5 9.3 13.8 8.5 12 8.5C10.2 8.5 9 9.51393 9 9.94728C9 10.3806 9.06786 10.9277 10 11.5C10.7522 11.9618 12.6684 12.0439 13.5 12.5C14.679 13.1467 14.8497 13.8202 14.8497 14.0522C14.8497 14.6837 13.4175 15.4852 12 15.5C10.536 15.5153 9.5 14.7 9 14.0522\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 7V17\" stroke=\"#000000\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>",".note-container {\n border: 1px solid #dddddd;\n padding: 0 15px 15px;\n margin: 0 0 26px 0px;\n display: flex;\n flex-direction: column;\n gap: 13px;\n\n\n & .description {\n display: flex;\n flex-direction: column;\n gap: 13px;\n }\n}\n\n.note-container hr {\n border: 1px solid #CCC;\n}\n\n.note-container .back-cart {\n display: flex;\n text-align: center;\n}\n\n.note-header {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n}\n\n.note-title {\n font-weight: 700;\n text-align: left;\n display: flex;\n gap: 6px;\n align-items: center;\n margin-top: 11px;\n color: #000;\n}\n\n.note-description {\n font-family: Arial;\n color: #6d6d5f;\n padding: 0;\n margin: 0 auto;\n}\n\n.back-cart {\n font-size: .9em;\n color: #27272A;\n text-decoration: none;\n cursor: pointer;\n margin-top: 11px;\n}\n\n.note-description-2 {\n color: var(--crm-scheme-fg-main-inverse, #262626);\n font-family: Roboto;\n font-size: var(--crm-font-size-body-lg, 16px);\n font-style: normal;\n font-weight: var(--crm-font-weight-body-bold, 400);\n line-height: var(--crm-line-height-body-md, 20px);\n letter-spacing: var(--crm-letter-spacing-title-md, 0px);\n margin-top: 11px;\n color: #000;\n}\n\n.note-description-not {\n font-size: 16px;\n}","import { Component, Prop, State, h } from \"@stencil/core\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport money from '../../assets/svg/money-dollars-svgrepo-com.svg'\nimport { getKeyReserveByCartId } from \"../../utils/keys.storage\";\nimport i18next from \"../../i18n/i18n\"\nimport { IBonus } from \"../../components\";\n\n@Component({\n tag: 'crm-bonus-note',\n styleUrl: 'crm-bonus-note.css'\n})\nexport class CrmBonusNote {\n\n @Prop({ attribute: 'cartid' }) cartId;\n @Prop({ attribute: \"storename\" }) storename;\n\n @State() url: string;\n @State() config: IInfoStore;\n\n @State() bonus: IBonus;\n\n componentWillLoad() {\n this.upadateCheckToFreteAndGetUrl()\n }\n\n upadateCheckToFreteAndGetUrl() {\n\n this.config = getInfoCustomization(this.storename);\n const envios = document.getElementsByName('forma-envio');\n envios.forEach((envio: any) => {\n envio.checked = false;\n });\n\n this.url = window.location.origin;\n }\n\n handleHide() {\n const amount = localStorage.getItem(this.cartId);\n return !!amount;\n }\n\n getAmount() {\n const amount = localStorage.getItem(this.cartId);\n\n return amount ? Number(amount).toFixed(2).replace(\".\", \",\") || \"0,00\" : \"0,00\";\n }\n\n async backCart() {\n // await CrmBonusService.getInstance().cancelBonus(this.cartId, this.storename);\n window.location.href = this.url;\n\n // localStorage.removeItem(getKeyReserveByCartId(this.cartId));\n }\n\n\n hasBonus() {\n const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n const info = {\n hasBonus: false,\n requestBonus: false\n }\n\n if (_bonus) {\n this.bonus = JSON.parse(_bonus);\n\n console.log(\"bonus\", this.bonus);\n\n info.hasBonus = this.bonus.hasBonus;\n info.requestBonus = true;\n }\n\n return info;\n }\n\n render() {\n\n const giftbackname = this.config.giftbackTitle || \"Giftback\";\n\n const infobonus = this.hasBonus()\n\n return (\n <div>\n <div class=\"note-container\">\n <div class=\"note-header\">\n\n <p class=\"note-title\">\n <img src={money} width={23} />\n {this.config.giftbackTitle}\n </p>\n {\n infobonus.hasBonus && (\n <p class=\"back-cart\" onClick={() => this.backCart()}>\n {i18next.t(\"edit\")}\n </p>\n )\n }\n </div>\n\n {\n infobonus.hasBonus &&\n (\n <p class=\"note-description-2\">\n {i18next.t(\"withApplyBonus\", { giftbackname: giftbackname })} <strong>R$ {this.getAmount()}.</strong>\n </p>\n )\n }\n\n {\n (infobonus.requestBonus && !infobonus.hasBonus) &&\n (\n <p class=\"note-description-not\">\n {i18next.t(\"noBonus\", { giftbackname: giftbackname })}\n </p>\n )\n }\n\n {\n !infobonus.requestBonus &&\n (\n <div class=\"description\">\n <p class=\"note-description-not\">\n {i18next.t(\"backCart\")}\n </p>\n <crm-button txtBtn=\"VOLTAR AO CARRINHO\" handleClick={() => this.backCart()} />\n </div>\n )\n }\n\n {/* <a class=\"back-cart\" href={this.url}>\n Voltar ao carrinho\n </a> */}\n </div>\n </div>\n )\n }\n}"],"mappings":"uJAAA,MAAMA,EAA4B,6gCCAlC,MAAMC,EAAkB,k3CACxB,MAAAC,EAAeD,E,MCWFE,EAAY,M,sIAUrB,iBAAAC,GACIC,KAAKC,8B,CAGT,4BAAAA,GAEID,KAAKE,OAASC,EAAqBH,KAAKI,WACxC,MAAMC,EAASC,SAASC,kBAAkB,eAC1CF,EAAOG,SAASC,IACZA,EAAMC,QAAU,KAAK,IAGzBV,KAAKW,IAAMC,OAAOC,SAASC,M,CAG/B,UAAAC,GACI,MAAMC,EAASC,aAAaC,QAAQlB,KAAKmB,QACzC,QAASH,C,CAGb,SAAAI,GACI,MAAMJ,EAASC,aAAaC,QAAQlB,KAAKmB,QAEzC,OAAOH,EAASK,OAAOL,GAAQM,QAAQ,GAAGC,QAAQ,IAAK,MAAQ,OAAS,M,CAG5E,cAAMC,GAEFZ,OAAOC,SAASY,KAAOzB,KAAKW,G,CAMhC,QAAAe,GACI,MAAMC,EAASV,aAAaC,QAAQU,EAAsB5B,KAAKmB,SAE/D,MAAMU,EAAO,CACTH,SAAU,MACVI,aAAc,OAGlB,GAAIH,EAAQ,CACR3B,KAAK+B,MAAQC,KAAKC,MAAMN,GAExBO,QAAQC,IAAI,QAASnC,KAAK+B,OAE1BF,EAAKH,SAAW1B,KAAK+B,MAAML,SAC3BG,EAAKC,aAAe,I,CAGxB,OAAOD,C,CAGX,MAAAO,GAEI,MAAMC,EAAerC,KAAKE,OAAOoC,eAAiB,WAElD,MAAMC,EAAYvC,KAAK0B,WAEvB,OACIc,EAAA,OAAAC,IAAA,4CACID,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACPF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eAEPF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,cACLF,EAAA,OAAAC,IAAA,2CAAKE,IAAKC,EAAOC,MAAO,KACvB7C,KAAKE,OAAOoC,eAGbC,EAAUb,UACNc,EAAA,KAAAC,IAAA,2CAAGC,MAAM,YAAYI,QAAS,IAAM9C,KAAKwB,YACpCuB,EAAQC,EAAE,UAOvBT,EAAUb,UAENc,EAAA,KAAAC,IAAA,2CAAGC,MAAM,sBACJK,EAAQC,EAAE,iBAAkB,CAAEX,aAAcA,IAAe,IAAEG,EAAA,UAAAC,IAAA,kDAAYzC,KAAKoB,YAAW,MAMjGmB,EAAUT,eAAiBS,EAAUb,UAElCc,EAAA,KAAAC,IAAA,2CAAGC,MAAM,wBACJK,EAAQC,EAAE,UAAW,CAAEX,aAAcA,MAM7CE,EAAUT,cAEPU,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACPF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,wBACJK,EAAQC,EAAE,aAEfR,EAAA,cAAAC,IAAA,2CAAYQ,OAAO,qBAAqBC,YAAa,IAAOlD,KAAKwB,e","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,c as d,h as a}from"./p-24616d67.js";const o=".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{}";const s=o;const t=class{constructor(a){e(this,a);this.modalClosed=d(this,"modalClosed",7);this.isOpen=false;this.modalTitle=undefined}closeModal(){this.modalClosed.emit()}render(){return a("div",{key:"5c0f884cf7a1cb0b8c6baa883f97d1b045af557d",class:`modal-backdrop ${this.isOpen?"visible":""}`},a("div",{key:"81050ec515bba3b10bf48b2074f0f8edb5327a70",class:"modal"},a("div",{key:"d1265b9172a2783c62bb1679ceecda55e796ca23",class:"modal-header"},a("h3",{key:"24c8ef0db7458ab35a31f76dbe7818b188a0ec00"},this.modalTitle),a("button",{key:"c4c007791e87789c9bf30f34f5fe99d2f6077cb6",class:"close-button",onClick:()=>this.closeModal()},"×")),a("div",{key:"032aa97047f44eb65fcf40dde9700815b8630424",class:"modal-body"},a("slot",{key:"f8287a461cdeda48e868d1dd4eba2ee1bdbf92f3"}))))}};t.style=s;export{t as app_modal};
2
+ //# sourceMappingURL=p-be14d7c4.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,h as s}from"./p-24616d67.js";import{C as i}from"./p-9c859043.js";import"./p-f9aeffc1.js";const e=class{constructor(s){t(this,s);this.cartId=undefined;this.orderId=undefined;this.metadadoString=undefined}async componentWillLoad(){const t=this.metadadoString?JSON.parse(this.metadadoString):{id:null};if(this.cartId&&this.orderId){i.getInstance().updateOrder({cartId:this.cartId,orderId:this.orderId,cartIdCrm:t.id});const s=`bc-products:${this.cartId}`;localStorage.removeItem(s);localStorage.removeItem(this.cartId)}}render(){return s("div",{key:"064db478ceea260d2e4e7ca3eb47ec4a8f75908b"})}};export{e as pedido_finalizado};
2
- //# sourceMappingURL=p-5bdb505d.entry.js.map
1
+ import{r as t,h as s}from"./p-24616d67.js";import{C as i}from"./p-9c859043.js";import"./p-f9aeffc1.js";const o=class{constructor(s){t(this,s);this.cartId=undefined;this.orderId=undefined;this.metadadoString=undefined}async componentWillLoad(){const t=this.metadadoString?JSON.parse(this.metadadoString):{id:null};if(this.cartId&&this.orderId){i.getInstance().updateOrder({cartId:this.cartId,orderId:this.orderId,cartIdCrm:t.id});const s=`bc-products:${this.cartId}`;localStorage.removeItem(s);localStorage.removeItem(this.cartId)}}render(){return s("div",{key:"5994a82fbeedcc73980f628f0dea243fb0172c86"})}};export{o as pedido_finalizado};
2
+ //# sourceMappingURL=p-d4ac9a11.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r,h as s}from"./p-24616d67.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:"0524ecd0f9d9096b1bc0cee013b87c28fd7afd96",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-801497d6.entry.js.map
1
+ import{r,h as s}from"./p-24616d67.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:"647c9d808116de9492a829deccae3bf69318c437",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-e2acfd0b.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,h as s}from"./p-24616d67.js";import{C as i}from"./p-9c859043.js";import{S as o}from"./p-24bdfca4.js";import{i as e}from"./p-d5fa47cd.js";import"./p-f9aeffc1.js";var n;(function(t){t["P"]="Promocao"})(n||(n={}));function a(t=[]){const s=[];for(const i of t){let t=c(i.Ajustes);s.push({sku:i.SKU,value:i.PrecoPor*i.Quantidade,productVariantId:i.ProdutoVarianteId.toString(),quantity:i.Quantidade,discount:t*-1})}return s}function c(t=[]){let s=0;for(const i of t){if(i.Tipo===n.P){s+=i.Valor}}return s}const r=".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}";const h=r;const d=class{constructor(s){t(this,s);this.crmBonusService=i.getInstance();this.showModal=false;this.userId=undefined;this.storeName=undefined;this.productsInString=undefined;this.cartId=undefined;this.products=undefined;this.customer={birthDate:"",document:"",name:"",phone:""};this.loading=false;this.message=undefined;this.phone=undefined;this.canCancel=false;this.amountCancel=undefined;this.sent=undefined;this.session=undefined;this.loading_reprocess=false}async resetBonus(){console.log("[START RESET BONUS]!!!!!");const t=localStorage.getItem("bc:used");if(t=="use"){await this.crmBonusService.cancelBonus(this.cartId,this.storeName)}try{await this.crmBonusRef.processBonus(this.buildProducts(),true);console.log("[BONUS RESETADO]!!!!!")}catch(t){this.loading=false;console.log("[error ao reprocessar bonous]");await this.crmBonusRef.setStep(o.STEP_PHONE)}finally{this.loading=false}}async reprocess(t){this.loading_reprocess=true;console.log("[reprocess]");try{console.log("[update products list]");this.productsInString=JSON.stringify(t);await this.handleLoad();await this.resetBonus()}catch(t){console.debug("[watchProducts]",t.message)}finally{this.loading_reprocess=false}}async watchProducts(t){try{console.log("[update products list]");this.productsInString=t;await this.handleLoad();await this.resetBonus()}catch(t){console.debug("[watchProducts]",t.message)}}async componentWillLoad(){e.changeLanguage(e.language);await this.loadSession();await this.loadConfigStore();await this.handleLoad()}async loadConfigStore(){await this.crmBonusService.getCustomization(this.storeName)}async handleLoad(){try{if(this.userId){this.customer=await this.crmBonusService.getCustomer(this.userId,this.storeName);console.log("customer",this.customer)}const t=localStorage.getItem(this.cartId);if(t){this.canCancel=true;this.amountCancel=t}}catch(t){console.log("info customer")}this.buildAndGetProducts()}async loadSession(){this.session=await this.crmBonusService.getToken(this.storeName);setTimeout((()=>{this.loadSession()}),15e5)}async buildAndGetProducts(){const t=`bc-products:${this.cartId}`;localStorage.setItem(t,this.productsInString);const s=JSON.parse(this.productsInString);const i=JSON.parse(localStorage.getItem(t));const o=[];for(const t of s){const[s]=i.filter((s=>s.ProdutoVarianteId==t.ProdutoVarianteId));if(s){o.push(Object.assign(Object.assign({},t),{PrecoPor:s.PrecoPor,Quantidade:s.Quantidade,Ajustes:s.Ajustes}))}else{o.push(t)}}this.products=o}async sendPin(t){var s,i;this.loading=true;this.message="";try{const s=t.replace(/\D/g,"");this.phone=Number(s);this.sent=await this.crmBonusService.sendPin(this.phone,this.customer.name,this.storeName);await this.crmBonusRef.setStep(o.STEP_PIN);this.showModal=true}catch(t){this.message=(i=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||i===void 0?void 0:i.message}finally{this.loading=false}}async sendPinName(t){var s,i;this.loading=true;this.message="";try{this.customer.name=t;this.sent=await this.crmBonusService.sendPin(this.phone,this.customer.name,this.storeName);await this.crmBonusRef.setStep(o.STEP_PIN);this.showModal=true}catch(t){this.message=(i=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||i===void 0?void 0:i.message}finally{this.loading=false}}buildProducts(){return a(this.products)}handleCloseModal(){this.showModal=false}save(t){localStorage.setItem(this.cartId,t.toString());this.canCancel=true;this.amountCancel=t.toString()}async cancel(){this.message="";this.loading=true;try{await this.crmBonusService.cancel(this.cartId);this.canCancel=false;localStorage.removeItem(this.cartId)}catch(t){this.message="Não consegui cancelar o bônus, tente novamente!"}finally{this.loading=false}}async handleSendPin(t){this.message="";if(!t){this.message="Informe seu telefone";return}this.customer.phone=t;const s=t.replace(/\D/g,"");this.phone=Number(s);if(this.customer.name){return this.sendPin(t)}await this.crmBonusRef.setStep(o.STEP_NAME);this.showModal=true}render(){return s("loading-container",{key:"498f7bfb3f6ab94723c2c33013082be2b0136906",loading:this.loading_reprocess},s("crm-giftback-form",{key:"0c1f8afd3c777f085add4663f590758432d240c9",style:{position:"relative"},ref:t=>this.crmBonusRef=t,storeName:this.storeName,products:this.buildProducts(),cartId:this.cartId,customer:this.customer,loadProducts:()=>this.buildProducts()}))}static get assetsDirs(){return["assets"]}static get watchers(){return{productsInString:["watchProducts"]}}};d.style=h;export{d as crm_bonus};
2
- //# sourceMappingURL=p-cd1ed04d.entry.js.map
1
+ import{r as t,h as s}from"./p-24616d67.js";import{C as i}from"./p-9c859043.js";import{S as o}from"./p-24bdfca4.js";import{i as e}from"./p-e8c19a64.js";import"./p-f9aeffc1.js";var n;(function(t){t["P"]="Promocao"})(n||(n={}));function a(t=[]){const s=[];for(const i of t){let t=c(i.Ajustes);s.push({sku:i.SKU,value:i.PrecoPor*i.Quantidade,productVariantId:i.ProdutoVarianteId.toString(),quantity:i.Quantidade,discount:t*-1})}return s}function c(t=[]){let s=0;for(const i of t){if(i.Tipo===n.P){s+=i.Valor}}return s}const r=".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}";const h=r;const d=class{constructor(s){t(this,s);this.crmBonusService=i.getInstance();this.showModal=false;this.userId=undefined;this.storeName=undefined;this.productsInString=undefined;this.cartId=undefined;this.products=undefined;this.customer={birthDate:"",document:"",name:"",phone:""};this.loading=false;this.message=undefined;this.phone=undefined;this.canCancel=false;this.amountCancel=undefined;this.sent=undefined;this.session=undefined;this.loading_reprocess=false}async resetBonus(){console.log("[START RESET BONUS]!!!!!");const t=localStorage.getItem("bc:used");if(t=="use"){await this.crmBonusService.cancelBonus(this.cartId,this.storeName)}try{await this.crmBonusRef.processBonus(this.buildProducts(),true);console.log("[BONUS RESETADO]!!!!!")}catch(t){this.loading=false;console.log("[error ao reprocessar bonous]");await this.crmBonusRef.setStep(o.STEP_PHONE)}finally{this.loading=false}}async reprocess(t){this.loading_reprocess=true;console.log("[reprocess]");try{console.log("[update products list]");this.productsInString=JSON.stringify(t);await this.handleLoad();await this.resetBonus()}catch(t){console.debug("[watchProducts]",t.message)}finally{this.loading_reprocess=false}}async watchProducts(t){try{console.log("[update products list]");this.productsInString=t;await this.handleLoad();await this.resetBonus()}catch(t){console.debug("[watchProducts]",t.message)}}async componentWillLoad(){e.changeLanguage(e.language);await this.loadSession();await this.loadConfigStore();await this.handleLoad()}async loadConfigStore(){await this.crmBonusService.getCustomization(this.storeName)}async handleLoad(){try{if(this.userId){this.customer=await this.crmBonusService.getCustomer(this.userId,this.storeName);console.log("customer",this.customer)}const t=localStorage.getItem(this.cartId);if(t){this.canCancel=true;this.amountCancel=t}}catch(t){console.log("info customer")}this.buildAndGetProducts()}async loadSession(){this.session=await this.crmBonusService.getToken(this.storeName);setTimeout((()=>{this.loadSession()}),15e5)}async buildAndGetProducts(){const t=`bc-products:${this.cartId}`;localStorage.setItem(t,this.productsInString);const s=JSON.parse(this.productsInString);const i=JSON.parse(localStorage.getItem(t));const o=[];for(const t of s){const[s]=i.filter((s=>s.ProdutoVarianteId==t.ProdutoVarianteId));if(s){o.push(Object.assign(Object.assign({},t),{PrecoPor:s.PrecoPor,Quantidade:s.Quantidade,Ajustes:s.Ajustes}))}else{o.push(t)}}this.products=o}async sendPin(t){var s,i;this.loading=true;this.message="";try{const s=t.replace(/\D/g,"");this.phone=Number(s);this.sent=await this.crmBonusService.sendPin(this.phone,this.customer.name,this.storeName);await this.crmBonusRef.setStep(o.STEP_PIN);this.showModal=true}catch(t){this.message=(i=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||i===void 0?void 0:i.message}finally{this.loading=false}}async sendPinName(t){var s,i;this.loading=true;this.message="";try{this.customer.name=t;this.sent=await this.crmBonusService.sendPin(this.phone,this.customer.name,this.storeName);await this.crmBonusRef.setStep(o.STEP_PIN);this.showModal=true}catch(t){this.message=(i=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||i===void 0?void 0:i.message}finally{this.loading=false}}buildProducts(){return a(this.products)}handleCloseModal(){this.showModal=false}save(t){localStorage.setItem(this.cartId,t.toString());this.canCancel=true;this.amountCancel=t.toString()}async cancel(){this.message="";this.loading=true;try{await this.crmBonusService.cancel(this.cartId);this.canCancel=false;localStorage.removeItem(this.cartId)}catch(t){this.message="Não consegui cancelar o bônus, tente novamente!"}finally{this.loading=false}}async handleSendPin(t){this.message="";if(!t){this.message="Informe seu telefone";return}this.customer.phone=t;const s=t.replace(/\D/g,"");this.phone=Number(s);if(this.customer.name){return this.sendPin(t)}await this.crmBonusRef.setStep(o.STEP_NAME);this.showModal=true}render(){return s("loading-container",{key:"498f7bfb3f6ab94723c2c33013082be2b0136906",loading:this.loading_reprocess},s("crm-giftback-form",{key:"0c1f8afd3c777f085add4663f590758432d240c9",style:{position:"relative"},ref:t=>this.crmBonusRef=t,storeName:this.storeName,products:this.buildProducts(),cartId:this.cartId,customer:this.customer,loadProducts:()=>this.buildProducts()}))}static get assetsDirs(){return["assets"]}static get watchers(){return{productsInString:["watchProducts"]}}};d.style=h;export{d as crm_bonus};
2
+ //# sourceMappingURL=p-e4f165a8.entry.js.map