crmbonus-component-wake 1.0.46 → 2.0.47

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 (243) hide show
  1. package/dist/cjs/app-modal.cjs.entry.js +28 -0
  2. package/dist/cjs/app-modal.cjs.entry.js.map +1 -0
  3. package/dist/cjs/countdown-timer_4.cjs.entry.js +170 -0
  4. package/dist/cjs/countdown-timer_4.cjs.entry.js.map +1 -0
  5. package/dist/cjs/crm-bonus-form.cjs.entry.js +103 -0
  6. package/dist/cjs/crm-bonus-form.cjs.entry.js.map +1 -0
  7. package/dist/cjs/crm-bonus-note.cjs.entry.js +1 -1
  8. package/dist/cjs/crm-bonus.cjs.entry.js +39 -5
  9. package/dist/cjs/crm-bonus.cjs.entry.js.map +1 -1
  10. package/dist/cjs/crm-button.cjs.entry.js +24 -0
  11. package/dist/cjs/crm-button.cjs.entry.js.map +1 -0
  12. package/dist/cjs/crm-giftback-form.cjs.entry.js +108 -0
  13. package/dist/cjs/crm-giftback-form.cjs.entry.js.map +1 -0
  14. package/dist/cjs/crmbonus-component-wake.cjs.js +2 -2
  15. package/dist/cjs/giftback-finish_4.cjs.entry.js +5 -5
  16. package/dist/cjs/giftback-finish_4.cjs.entry.js.map +1 -1
  17. package/dist/cjs/i18n-db722856.js +2208 -0
  18. package/dist/cjs/i18n-db722856.js.map +1 -0
  19. package/dist/cjs/{index-52d8a075.js → index-80419303.js} +9 -4
  20. package/dist/cjs/index-80419303.js.map +1 -0
  21. package/dist/cjs/{index-861e0cbe.js → index-fdad75ce.js} +4 -1
  22. package/dist/cjs/index-fdad75ce.js.map +1 -0
  23. package/dist/cjs/loader.cjs.js +2 -2
  24. package/dist/cjs/loading-spinner.cjs.entry.js +2 -2
  25. package/dist/cjs/pedido-finalizado.cjs.entry.js +2 -2
  26. package/dist/cjs/phone-cancel-input.cjs.entry.js +25 -0
  27. package/dist/cjs/phone-cancel-input.cjs.entry.js.map +1 -0
  28. package/dist/cjs/phone-input-mask.cjs.entry.js +17 -4
  29. package/dist/cjs/phone-input-mask.cjs.entry.js.map +1 -1
  30. package/dist/cjs/phone-input.cjs.entry.js +25 -0
  31. package/dist/cjs/phone-input.cjs.entry.js.map +1 -0
  32. package/dist/collection/collection-manifest.json +6 -0
  33. package/dist/collection/components/button/crm-button.css +22 -0
  34. package/dist/collection/components/button/index.js +59 -0
  35. package/dist/collection/components/button/index.js.map +1 -1
  36. package/dist/collection/components/countdown-timer/countdown-timer.js +51 -0
  37. package/dist/collection/components/countdown-timer/countdown-timer.js.map +1 -0
  38. package/dist/collection/components/crm-bonus/crm-bonus.css +0 -3
  39. package/dist/collection/components/crm-bonus/crm-bonus.js +37 -3
  40. package/dist/collection/components/crm-bonus/crm-bonus.js.map +1 -1
  41. package/dist/collection/components/crm-bonus-form/crm-bonus-form.js +1 -1
  42. package/dist/collection/components/crm-bonus-form/subcomponents/giftback-finish/giftback-finish.js +1 -1
  43. package/dist/collection/components/crm-bonus-form/subcomponents/giftback-pin/giftback-pin.js +1 -1
  44. package/dist/collection/components/crm-bonus-form/subcomponents/giftback-progress/giftback-progress.css +1 -0
  45. package/dist/collection/components/crm-bonus-form/subcomponents/giftback-progress/giftback-progress.js +1 -1
  46. package/dist/collection/components/crm-bonus-form/subcomponents/name-input/name-input.js +1 -1
  47. package/dist/collection/components/crm-bonus-form/subcomponents/phone/phone.input.js +1 -1
  48. package/dist/collection/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.js +1 -1
  49. package/dist/collection/components/giftback-form/giftback-form.css +47 -0
  50. package/dist/collection/components/giftback-form/giftback-form.js +182 -0
  51. package/dist/collection/components/giftback-form/giftback-form.js.map +1 -0
  52. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.css +152 -0
  53. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js +143 -0
  54. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js.map +1 -0
  55. package/dist/collection/components/giftback-form/subcomponents/phone-form/phone-form.js +80 -0
  56. package/dist/collection/components/giftback-form/subcomponents/phone-form/phone-form.js.map +1 -0
  57. package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.css +87 -0
  58. package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.js +180 -0
  59. package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.js.map +1 -0
  60. package/dist/collection/components/loading-spinner/loading-spinner.js +1 -1
  61. package/dist/collection/components/modal/app-modal.js +1 -1
  62. package/dist/collection/components/pedido/pedido.js +1 -1
  63. package/dist/collection/components/phone/phone-input-mask.css +18 -39
  64. package/dist/collection/components/phone/phone-input-mask.js +17 -3
  65. package/dist/collection/components/phone/phone-input-mask.js.map +1 -1
  66. package/dist/collection/contants/index.js +1 -0
  67. package/dist/collection/contants/index.js.map +1 -1
  68. package/dist/collection/i18n/i18n.js +24 -0
  69. package/dist/collection/i18n/i18n.js.map +1 -0
  70. package/dist/components/app-modal.js +39 -1
  71. package/dist/components/app-modal.js.map +1 -1
  72. package/dist/components/countdown-timer.d.ts +11 -0
  73. package/dist/components/countdown-timer.js +8 -0
  74. package/dist/components/countdown-timer.js.map +1 -0
  75. package/dist/components/crm-bonus-form.js +158 -1
  76. package/dist/components/crm-bonus-form.js.map +1 -1
  77. package/dist/components/crm-bonus-note.js +1 -1
  78. package/dist/components/crm-bonus.js +56 -33
  79. package/dist/components/crm-bonus.js.map +1 -1
  80. package/dist/components/crm-button.d.ts +11 -0
  81. package/dist/components/crm-button.js +8 -0
  82. package/dist/components/crm-button.js.map +1 -0
  83. package/dist/components/crm-giftback-form.d.ts +11 -0
  84. package/dist/components/crm-giftback-form.js +8 -0
  85. package/dist/components/crm-giftback-form.js.map +1 -0
  86. package/dist/components/giftback-finish.js +1 -1
  87. package/dist/components/giftback-info.d.ts +11 -0
  88. package/dist/components/giftback-info.js +8 -0
  89. package/dist/components/giftback-info.js.map +1 -0
  90. package/dist/components/giftback-pin.js +1 -1
  91. package/dist/components/giftback-progress.js +1 -1
  92. package/dist/components/index.js +1 -1
  93. package/dist/components/loading-spinner.js +1 -1
  94. package/dist/components/name-input.js +1 -1
  95. package/dist/components/{p-0e99f907.js → p-0c1aa75b.js} +4 -4
  96. package/dist/components/{p-0e99f907.js.map → p-0c1aa75b.js.map} +1 -1
  97. package/dist/components/p-1539def7.js +44 -0
  98. package/dist/components/p-1539def7.js.map +1 -0
  99. package/dist/components/{p-faf7103e.js → p-2f266d73.js} +6 -2
  100. package/dist/components/p-2f266d73.js.map +1 -0
  101. package/dist/components/p-39d680b6.js +49 -0
  102. package/dist/components/p-39d680b6.js.map +1 -0
  103. package/dist/components/p-7e8a1832.js +76 -0
  104. package/dist/components/p-7e8a1832.js.map +1 -0
  105. package/dist/components/p-9a435c31.js +79 -0
  106. package/dist/components/p-9a435c31.js.map +1 -0
  107. package/dist/components/p-a7e91243.js +2206 -0
  108. package/dist/components/p-a7e91243.js.map +1 -0
  109. package/dist/components/p-b1841bad.js +62 -0
  110. package/dist/components/p-b1841bad.js.map +1 -0
  111. package/dist/components/p-bc925ed6.js +112 -0
  112. package/dist/components/p-bc925ed6.js.map +1 -0
  113. package/dist/components/{p-ddc0ac71.js → p-bf93729e.js} +3 -3
  114. package/dist/components/{p-ddc0ac71.js.map → p-bf93729e.js.map} +1 -1
  115. package/dist/{esm/index-ea02697e.js → components/p-dddd9ee6.js} +3 -2
  116. package/dist/components/p-dddd9ee6.js.map +1 -0
  117. package/dist/components/{p-19b83423.js → p-e443d670.js} +4 -4
  118. package/dist/components/{p-19b83423.js.map → p-e443d670.js.map} +1 -1
  119. package/dist/components/{p-e2727638.js → p-f2ab4eea.js} +4 -4
  120. package/dist/components/p-f2ab4eea.js.map +1 -0
  121. package/dist/components/{p-530006e6.js → p-f5fcff75.js} +3 -3
  122. package/dist/components/{p-530006e6.js.map → p-f5fcff75.js.map} +1 -1
  123. package/dist/components/p-f8b4698f.js +174 -0
  124. package/dist/components/p-f8b4698f.js.map +1 -0
  125. package/dist/components/pedido-finalizado.js +2 -2
  126. package/dist/components/phone-cancel-input.js +48 -1
  127. package/dist/components/phone-cancel-input.js.map +1 -1
  128. package/dist/components/phone-form.d.ts +11 -0
  129. package/dist/components/phone-form.js +8 -0
  130. package/dist/components/phone-form.js.map +1 -0
  131. package/dist/components/phone-input-mask.js +1 -1
  132. package/dist/components/phone-input.js +48 -1
  133. package/dist/components/phone-input.js.map +1 -1
  134. package/dist/components/pin-form.d.ts +11 -0
  135. package/dist/components/pin-form.js +8 -0
  136. package/dist/components/pin-form.js.map +1 -0
  137. package/dist/crmbonus-component-wake/crmbonus-component-wake.css +1 -0
  138. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +1 -1
  139. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js.map +1 -1
  140. package/dist/crmbonus-component-wake/{p-2636f2f0.entry.js → p-574108d2.entry.js} +2 -2
  141. package/dist/crmbonus-component-wake/p-574108d2.entry.js.map +1 -0
  142. package/dist/crmbonus-component-wake/p-5ede3b10.entry.js +2 -0
  143. package/dist/crmbonus-component-wake/p-5ede3b10.entry.js.map +1 -0
  144. package/dist/crmbonus-component-wake/p-61462d71.entry.js +2 -0
  145. package/dist/crmbonus-component-wake/p-61462d71.entry.js.map +1 -0
  146. package/dist/crmbonus-component-wake/p-63d2a359.entry.js +2 -0
  147. package/dist/crmbonus-component-wake/p-63d2a359.entry.js.map +1 -0
  148. package/dist/crmbonus-component-wake/p-6e6bf96e.js +3 -0
  149. package/dist/crmbonus-component-wake/p-6e6bf96e.js.map +1 -0
  150. package/dist/crmbonus-component-wake/p-7aff6c4e.entry.js +2 -0
  151. package/dist/crmbonus-component-wake/p-7aff6c4e.entry.js.map +1 -0
  152. package/dist/crmbonus-component-wake/p-83182e85.entry.js +2 -0
  153. package/dist/crmbonus-component-wake/p-83182e85.entry.js.map +1 -0
  154. package/dist/crmbonus-component-wake/p-8b9a1aec.entry.js +2 -0
  155. package/dist/crmbonus-component-wake/p-8b9a1aec.entry.js.map +1 -0
  156. package/dist/crmbonus-component-wake/p-a7e91243.js +2 -0
  157. package/dist/crmbonus-component-wake/p-a7e91243.js.map +1 -0
  158. package/dist/crmbonus-component-wake/p-adb37e26.entry.js +2 -0
  159. package/dist/crmbonus-component-wake/p-adb37e26.entry.js.map +1 -0
  160. package/dist/crmbonus-component-wake/p-be553772.entry.js +2 -0
  161. package/dist/crmbonus-component-wake/p-be553772.entry.js.map +1 -0
  162. package/dist/crmbonus-component-wake/{p-a01c57ab.entry.js → p-cdd018cc.entry.js} +2 -2
  163. package/dist/crmbonus-component-wake/{p-001e3e2b.entry.js → p-d6af7631.entry.js} +2 -2
  164. package/dist/crmbonus-component-wake/{p-9b967605.js → p-dddd9ee6.js} +2 -2
  165. package/dist/crmbonus-component-wake/p-dddd9ee6.js.map +1 -0
  166. package/dist/crmbonus-component-wake/{p-5febaa3c.entry.js → p-e23e8d6d.entry.js} +2 -2
  167. package/dist/crmbonus-component-wake/p-e3b52362.entry.js +2 -0
  168. package/dist/crmbonus-component-wake/p-e3b52362.entry.js.map +1 -0
  169. package/dist/esm/app-modal.entry.js +24 -0
  170. package/dist/esm/app-modal.entry.js.map +1 -0
  171. package/dist/esm/countdown-timer_4.entry.js +163 -0
  172. package/dist/esm/countdown-timer_4.entry.js.map +1 -0
  173. package/dist/esm/crm-bonus-form.entry.js +99 -0
  174. package/dist/esm/crm-bonus-form.entry.js.map +1 -0
  175. package/dist/esm/crm-bonus-note.entry.js +1 -1
  176. package/dist/esm/crm-bonus.entry.js +39 -5
  177. package/dist/esm/crm-bonus.entry.js.map +1 -1
  178. package/dist/esm/crm-button.entry.js +20 -0
  179. package/dist/esm/crm-button.entry.js.map +1 -0
  180. package/dist/esm/crm-giftback-form.entry.js +104 -0
  181. package/dist/esm/crm-giftback-form.entry.js.map +1 -0
  182. package/dist/esm/crmbonus-component-wake.js +3 -3
  183. package/dist/esm/giftback-finish_4.entry.js +5 -5
  184. package/dist/esm/giftback-finish_4.entry.js.map +1 -1
  185. package/dist/esm/i18n-d8b777a9.js +2206 -0
  186. package/dist/esm/i18n-d8b777a9.js.map +1 -0
  187. package/dist/esm/index-7101ea0c.js +13 -0
  188. package/dist/esm/index-7101ea0c.js.map +1 -0
  189. package/dist/esm/{index-9f7bde48.js → index-a4c14fca.js} +9 -4
  190. package/dist/esm/index-a4c14fca.js.map +1 -0
  191. package/dist/esm/loader.js +3 -3
  192. package/dist/esm/loading-spinner.entry.js +2 -2
  193. package/dist/esm/pedido-finalizado.entry.js +2 -2
  194. package/dist/esm/phone-cancel-input.entry.js +21 -0
  195. package/dist/esm/phone-cancel-input.entry.js.map +1 -0
  196. package/dist/esm/phone-input-mask.entry.js +17 -4
  197. package/dist/esm/phone-input-mask.entry.js.map +1 -1
  198. package/dist/esm/phone-input.entry.js +21 -0
  199. package/dist/esm/phone-input.entry.js.map +1 -0
  200. package/dist/types/components/button/index.d.ts +5 -0
  201. package/dist/types/components/countdown-timer/countdown-timer.d.ts +8 -0
  202. package/dist/types/components/giftback-form/giftback-form.d.ts +24 -0
  203. package/dist/types/components/giftback-form/subcomponents/giftback-info/giftback-info.d.ts +15 -0
  204. package/dist/types/components/giftback-form/subcomponents/phone-form/phone-form.d.ts +8 -0
  205. package/dist/types/components/giftback-form/subcomponents/pin-form/pin-form.d.ts +20 -0
  206. package/dist/types/components/phone/phone-input-mask.d.ts +2 -0
  207. package/dist/types/components.d.ts +116 -0
  208. package/dist/types/contants/index.d.ts +1 -0
  209. package/dist/types/i18n/i18n.d.ts +2 -0
  210. package/package.json +3 -2
  211. package/dist/cjs/app-modal_4.cjs.entry.js +0 -157
  212. package/dist/cjs/app-modal_4.cjs.entry.js.map +0 -1
  213. package/dist/cjs/index-52d8a075.js.map +0 -1
  214. package/dist/cjs/index-861e0cbe.js.map +0 -1
  215. package/dist/components/p-03c2447c.js +0 -170
  216. package/dist/components/p-03c2447c.js.map +0 -1
  217. package/dist/components/p-1dbb0f43.js +0 -43
  218. package/dist/components/p-1dbb0f43.js.map +0 -1
  219. package/dist/components/p-3c29c6ad.js +0 -62
  220. package/dist/components/p-3c29c6ad.js.map +0 -1
  221. package/dist/components/p-41d42a66.js +0 -52
  222. package/dist/components/p-41d42a66.js.map +0 -1
  223. package/dist/components/p-6c553ee7.js +0 -52
  224. package/dist/components/p-6c553ee7.js.map +0 -1
  225. package/dist/components/p-e2727638.js.map +0 -1
  226. package/dist/components/p-faf7103e.js.map +0 -1
  227. package/dist/crmbonus-component-wake/p-2636f2f0.entry.js.map +0 -1
  228. package/dist/crmbonus-component-wake/p-3582baf8.entry.js +0 -2
  229. package/dist/crmbonus-component-wake/p-3582baf8.entry.js.map +0 -1
  230. package/dist/crmbonus-component-wake/p-61df4eb6.entry.js +0 -2
  231. package/dist/crmbonus-component-wake/p-61df4eb6.entry.js.map +0 -1
  232. package/dist/crmbonus-component-wake/p-72510682.js +0 -3
  233. package/dist/crmbonus-component-wake/p-72510682.js.map +0 -1
  234. package/dist/crmbonus-component-wake/p-9b967605.js.map +0 -1
  235. package/dist/crmbonus-component-wake/p-dbb64825.entry.js +0 -2
  236. package/dist/crmbonus-component-wake/p-dbb64825.entry.js.map +0 -1
  237. package/dist/esm/app-modal_4.entry.js +0 -150
  238. package/dist/esm/app-modal_4.entry.js.map +0 -1
  239. package/dist/esm/index-9f7bde48.js.map +0 -1
  240. package/dist/esm/index-ea02697e.js.map +0 -1
  241. /package/dist/crmbonus-component-wake/{p-a01c57ab.entry.js.map → p-cdd018cc.entry.js.map} +0 -0
  242. /package/dist/crmbonus-component-wake/{p-001e3e2b.entry.js.map → p-d6af7631.entry.js.map} +0 -0
  243. /package/dist/crmbonus-component-wake/{p-5febaa3c.entry.js.map → p-e23e8d6d.entry.js.map} +0 -0
@@ -0,0 +1,8 @@
1
+ import { P as PhoneForm$1, d as defineCustomElement$1 } from './p-b1841bad.js';
2
+
3
+ const PhoneForm = PhoneForm$1;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { PhoneForm, defineCustomElement };
7
+
8
+ //# sourceMappingURL=phone-form.js.map
@@ -0,0 +1 @@
1
+ {"file":"phone-form.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -1,4 +1,4 @@
1
- import { P as PhoneInputMask$1, d as defineCustomElement$1 } from './p-3c29c6ad.js';
1
+ import { P as PhoneInputMask$1, d as defineCustomElement$1 } from './p-7e8a1832.js';
2
2
 
3
3
  const PhoneInputMask = PhoneInputMask$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,51 @@
1
- import { P as PhoneInput$1, d as defineCustomElement$1 } from './p-41d42a66.js';
1
+ import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
2
+ import { d as defineCustomElement$3 } from './p-bf93729e.js';
3
+ import { d as defineCustomElement$2 } from './p-7e8a1832.js';
4
+
5
+ const PhoneInput$1 = /*@__PURE__*/ proxyCustomElement(class PhoneInput extends H {
6
+ constructor() {
7
+ super();
8
+ this.__registerHost();
9
+ this.sendPin = undefined;
10
+ this.loading = undefined;
11
+ this.value = undefined;
12
+ }
13
+ async validatePhone() {
14
+ const phone = await this.phoneInputMask.getPhone();
15
+ await this.sendPin(phone);
16
+ }
17
+ render() {
18
+ return (h("div", { key: '7388feb890331d696bf51ddc5690707673e06546', class: "form-container" }, h("phone-input-mask", { key: 'a3241090e731daa0b558503a9347de7a15f0025e', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("button", { key: 'd36c5fd1b8cf7dfb0d3100450215c426855e82a6', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : h("loading-spinner", { size: "11px", color: "#fff" }))));
19
+ }
20
+ }, [0, "phone-input", {
21
+ "sendPin": [16],
22
+ "loading": [4],
23
+ "value": [1]
24
+ }]);
25
+ function defineCustomElement$1() {
26
+ if (typeof customElements === "undefined") {
27
+ return;
28
+ }
29
+ const components = ["phone-input", "loading-spinner", "phone-input-mask"];
30
+ components.forEach(tagName => { switch (tagName) {
31
+ case "phone-input":
32
+ if (!customElements.get(tagName)) {
33
+ customElements.define(tagName, PhoneInput$1);
34
+ }
35
+ break;
36
+ case "loading-spinner":
37
+ if (!customElements.get(tagName)) {
38
+ defineCustomElement$3();
39
+ }
40
+ break;
41
+ case "phone-input-mask":
42
+ if (!customElements.get(tagName)) {
43
+ defineCustomElement$2();
44
+ }
45
+ break;
46
+ } });
47
+ }
48
+ defineCustomElement$1();
2
49
 
3
50
  const PhoneInput = PhoneInput$1;
4
51
  const defineCustomElement = defineCustomElement$1;
@@ -1 +1 @@
1
- {"file":"phone-input.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
1
+ {"file":"phone-input.js","mappings":";;;;MAKaA,YAAU;;;;;;;;IAQnB,MAAM,aAAa;QACf,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;QACnD,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KAC7B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,yEAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI,EACrF,+DAAQ,KAAK,EAAE,0BAA0B,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAE/H,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEvE,CACP,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PhoneInput"],"sources":["src/components/crm-bonus-form/subcomponents/phone/phone.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'phone-input'\n})\nexport class PhoneInput {\n\n private phoneInputMask: HTMLPhoneInputMaskElement;\n\n @Prop() sendPin: Function;\n @Prop() loading: boolean;\n @Prop() value: string;\n\n async validatePhone() {\n const phone = await this.phoneInputMask.getPhone();\n await this.sendPin(phone);\n }\n\n render() {\n return (\n <div class=\"form-container\">\n <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\n <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n {\n !this.loading ? \"validar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\n }\n </button>\n </div>\n )\n }\n}"],"version":3}
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface PinForm extends Components.PinForm, HTMLElement {}
4
+ export const PinForm: {
5
+ prototype: PinForm;
6
+ new (): PinForm;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1,8 @@
1
+ import { G as GiftbackPin, d as defineCustomElement$1 } from './p-bc925ed6.js';
2
+
3
+ const PinForm = GiftbackPin;
4
+ const defineCustomElement = defineCustomElement$1;
5
+
6
+ export { PinForm, defineCustomElement };
7
+
8
+ //# sourceMappingURL=pin-form.js.map
@@ -0,0 +1 @@
1
+ {"file":"pin-form.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
@@ -0,0 +1 @@
1
+ :root{--crm-btn:#262626}.crm-description{font-size:14px}
@@ -1,2 +1,2 @@
1
- import{p as e,b as a}from"./p-72510682.js";export{s as setNonce}from"./p-72510682.js";import{g as n}from"./p-e1255160.js";var o=()=>{const a=import.meta.url;const n={};if(a!==""){n.resourcesUrl=new URL(".",a).href}return e(n)};o().then((async e=>{await n();return a([["p-dbb64825",[[1,"crm-bonus",{userId:[2,"userid"],storeName:[8,"storename"],productsInString:[1,"products"],cartId:[8,"cartid"],showModal:[32],products:[32],customer:[32],loading:[32],message:[32],phone:[32],canCancel:[32],amountCancel:[32],sent:[32],session:[32]}]]],["p-5febaa3c",[[0,"crm-bonus-note",{cartId:[8,"cartid"],url:[32]}]]],["p-001e3e2b",[[0,"pedido-finalizado",{cartId:[1,"cartid"],orderId:[2,"orderid"],metadadoString:[1,"metadado"]}]]],["p-61df4eb6",[[1,"phone-input-mask",{initialValue:[1,"initial-value"],disabled:[4],phone:[32],getPhone:[64]}]]],["p-a01c57ab",[[1,"loading-spinner",{size:[1],color:[1]}]]],["p-2636f2f0",[[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"]]],["p-3582baf8",[[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]}],[0,"phone-cancel-input",{sendPin:[16],loading:[4],value:[1]}],[0,"phone-input",{sendPin:[16],loading:[4],value:[1]}],[1,"app-modal",{isOpen:[516,"is-open"],modalTitle:[1,"modal-title"]}]]]],e)}));
1
+ import{p as e,b as a}from"./p-6e6bf96e.js";export{s as setNonce}from"./p-6e6bf96e.js";import{g as n}from"./p-e1255160.js";var o=()=>{const a=import.meta.url;const n={};if(a!==""){n.resourcesUrl=new URL(".",a).href}return e(n)};o().then((async e=>{await n();return a([["p-61462d71",[[1,"crm-bonus",{userId:[2,"userid"],storeName:[8,"storename"],productsInString:[1,"products"],cartId:[8,"cartid"],showModal:[32],products:[32],customer:[32],loading:[32],message:[32],phone:[32],canCancel:[32],amountCancel:[32],sent:[32],session:[32]}]]],["p-be553772",[[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-8b9a1aec",[[0,"phone-cancel-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-adb37e26",[[0,"phone-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-e3b52362",[[1,"app-modal",{isOpen:[516,"is-open"],modalTitle:[1,"modal-title"]}]]],["p-e23e8d6d",[[0,"crm-bonus-note",{cartId:[8,"cartid"],url:[32]}]]],["p-d6af7631",[[0,"pedido-finalizado",{cartId:[1,"cartid"],orderId:[2,"orderid"],metadadoString:[1,"metadado"]}]]],["p-5ede3b10",[[0,"crm-button",{txtBtn:[1,"txt-btn"],loading:[4]}]]],["p-7aff6c4e",[[1,"phone-input-mask",{initialValue:[1,"initial-value"],disabled:[4],phone:[32],message:[32],getPhone:[64]}]]],["p-cdd018cc",[[1,"loading-spinner",{size:[1],color:[1]}]]],["p-83182e85",[[0,"phone-form",{value:[1],loading:[4],handlerSubmit:[16]}],[1,"pin-form",{validate:[16],cancel:[16],resend:[16],sent:[16],loading:[4],phone:[1],pin:[32],isVerified:[32],canResend:[32]}],[0,"giftback-info",{loading:[4],bonus:[16],reserve:[16],cancel:[16],usedValue:[32],selectedOption:[32],sliderPosition:[32]}],[1,"countdown-timer",{downtime:[16],counter:[32]}]]],["p-63d2a359",[[0,"crm-giftback-form",{storeName:[8,"storename"],cartId:[8,"cart-id"],products:[16],value:[32],loading:[32],message:[32],phone:[32],pinInfo:[32],step:[32],bonus:[32],sucess:[32],error:[32]}]]],["p-574108d2",[[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","orderId","metadadoString","initialValue","disabled","getPhone","size","color","validate","cancel","pin","isVerified","bonus","reserve","usedValue","value","applyName","newValue","stepNext","loadingModal","saveStore","handleCustomerName","step","setStep","sendPin","isOpen","modalTitle"],"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,6CAAAV,OAAA,aAAAd,IAAA,gDAAAc,OAAA,aAAAW,QAAA,cAAAC,eAAA,yDAAAC,aAAA,oBAAAC,SAAA,IAAAR,MAAA,KAAAS,SAAA,8CAAAC,KAAA,IAAAC,MAAA,0CAAAR,KAAA,KAAAS,SAAA,KAAAC,OAAA,KAAAf,QAAA,IAAAgB,IAAA,KAAAC,WAAA,+BAAAjB,QAAA,IAAAkB,MAAA,KAAAC,QAAA,KAAAJ,OAAA,KAAAK,UAAA,wBAAAC,MAAA,IAAArB,QAAA,IAAAsB,UAAA,KAAAP,OAAA,KAAAQ,SAAA,KAAAtB,QAAA,mEAAAP,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAC,SAAA,KAAAM,KAAA,KAAAmB,SAAA,gBAAAtB,MAAA,IAAAuB,aAAA,oBAAAC,UAAA,KAAAX,OAAA,KAAAY,mBAAA,KAAA3B,QAAA,KAAA4B,KAAA,KAAA3B,QAAA,KAAAiB,MAAA,KAAAW,QAAA,gCAAAC,QAAA,KAAA9B,QAAA,IAAAqB,MAAA,wBAAAS,QAAA,KAAA9B,QAAA,IAAAqB,MAAA,sBAAAU,OAAA,gBAAAC,WAAA,uBAAA1C,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","stepNext","loadingModal","saveStore","cancel","handleCustomerName","step","bonus","setStep","sendPin","value","isOpen","modalTitle","orderId","metadadoString","txtBtn","initialValue","disabled","getPhone","size","color","handlerSubmit","validate","resend","pin","isVerified","canResend","reserve","usedValue","selectedOption","sliderPosition","downtime","counter","pinInfo","sucess","error","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,6CAAAZ,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAC,SAAA,KAAAM,KAAA,KAAAE,SAAA,gBAAAL,MAAA,IAAAM,aAAA,oBAAAC,UAAA,KAAAC,OAAA,KAAAC,mBAAA,KAAAX,QAAA,KAAAY,KAAA,KAAAX,QAAA,KAAAY,MAAA,KAAAC,QAAA,iDAAAC,QAAA,KAAAf,QAAA,IAAAgB,MAAA,yCAAAD,QAAA,KAAAf,QAAA,IAAAgB,MAAA,uCAAAC,OAAA,gBAAAC,WAAA,0DAAAtB,OAAA,aAAAd,IAAA,gDAAAc,OAAA,aAAAuB,QAAA,cAAAC,eAAA,mDAAAC,OAAA,cAAArB,QAAA,8CAAAsB,aAAA,oBAAAC,SAAA,IAAArB,MAAA,KAAAD,QAAA,KAAAuB,SAAA,8CAAAC,KAAA,IAAAC,MAAA,wCAAAV,MAAA,IAAAhB,QAAA,IAAA2B,cAAA,sBAAAC,SAAA,KAAAlB,OAAA,KAAAmB,OAAA,KAAAxB,KAAA,KAAAL,QAAA,IAAAE,MAAA,IAAA4B,IAAA,KAAAC,WAAA,KAAAC,UAAA,2BAAAhC,QAAA,IAAAa,MAAA,KAAAoB,QAAA,KAAAvB,OAAA,KAAAwB,UAAA,KAAAC,eAAA,KAAAC,eAAA,6BAAAC,SAAA,KAAAC,QAAA,gDAAA5C,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAkB,MAAA,KAAAhB,QAAA,KAAAC,QAAA,KAAAC,MAAA,KAAAqC,QAAA,KAAA3B,KAAA,KAAAC,MAAA,KAAA2B,OAAA,KAAAC,MAAA,2CAAApC,KAAA,KAAAuB,SAAA,KAAAlB,OAAA,KAAAV,QAAA,IAAA8B,IAAA,KAAAC,WAAA,+BAAA/B,QAAA,IAAAa,MAAA,KAAAoB,QAAA,KAAAvB,OAAA,KAAAwB,UAAA,wBAAAlB,MAAA,IAAAhB,QAAA,IAAA0C,UAAA,KAAAhC,OAAA,KAAAiC,SAAA,KAAA1C,QAAA,gCAAAX,EAAA","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as e,h as i}from"./p-72510682.js";const t="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6IzI1QUU4ODsiIGN4PSIyNSIgY3k9IjI1IiByPSIyNSIvPg0KPHBvbHlsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgcG9pbnRzPSINCgkzOCwxNSAyMiwzMyAxMiwyNSAiLz4NCjwvc3ZnPg==";const n=".message-finish{align-content:center;text-align:center}.message-finish p{color:#777676;font-size:xx-large;font-family:sans-serif}";const o=n;const a=class{constructor(i){e(this,i)}render(){return i("div",{key:"9b4f55d912fec91eeb8a4b885166bef049402ec0",class:"message-finish"},i("img",{key:"372f7c9feb16579ecdbe5b6bd3f08e5bbe7b5a78",src:t,width:80}),i("p",{key:"9560741099089050a2bbe7153c2b69dd4ce085c9"},"Legal! O Bônus será aplicado na sua compra."))}};a.style=o;const s=":host{display:block;font-family:Arial, sans-serif}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;gap:10px;margin:26px 0}input{width:58px;height:40px;font-size:18px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#bbb}.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}.footer-button{display:flex;justify-content:space-between;width:100%}";const c=s;const r=class{constructor(i){e(this,i);this.sent=undefined;this.validate=undefined;this.cancel=undefined;this.pin=["","","",""];this.isVerified=false;this.loading=false}handleInput(e,i){const t=e.target;const n=t.value.slice(0,1);this.pin[i]=n;if(n&&i<this.pin.length-1){const e=t.nextElementSibling;e===null||e===void 0?void 0:e.focus()}this.pin=[...this.pin]}validatePin(){console.log("this.pin",this.pin);this.validate(this.pin.join(""))}verifyPin(){const e=this.pin.join("");if(e==="9999"){this.isVerified=true}}render(){return i("div",{key:"c6d72e244011769962527f246a429ae11b873d84",class:"form-container-pin"},i("div",{key:"242f10469a6455338475f9f4e11f4ecee654b7b1"},i("p",{key:"f902c5ca022d3672048f102a47cfa3fabf578222"},"Insira o PIN de 4 dígitos enviado por SMS."),i("div",{key:"2498c713571a5c7447a8d9305b8ba3b37d96b04e",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("div",{key:"19d59cc3b47ab153dc85f9323cd49bc933cfbe5c",class:"footer-button"},i("button",{key:"9323cfdc0965b3783bad9624b3663c5204e9c979",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),i("button",{key:"e464a6cace10b33d81bf14eefdc4c9b8fc6a753b",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.validatePin()},!this.loading?"Enviar":i("loading-spinner",{size:"15px",color:"#fff"}))))}};r.style=c;const d=":host{display:flex;font-family:Arial, sans-serif;border-radius:10px;padding:16px;max-width:100%;flex-direction:column}.giftback-container{display:flex;flex-direction:column}.giftback-container p{font-size:medium}h3{margin:0 0 10px;font-size:18px}p{margin:5px 0;font-size:14px;align-self:start}.validity{font-size:12px;color:#888}.progress-container{display:flex;align-items:center;margin:10px 0}progress-container span{font-size:12px;color:#666}input[type='range']{flex:1;margin:0 10px;appearance:none;background-color:#ccc;height:6px;border-radius:3px;outline:none;cursor:pointer}input[type='range']::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background-color:#555;cursor:pointer}.remaining{font-weight:bold;font-size:14px;color:#333}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:10px;min-height:30px;min-width:120px;font-size:19px;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}.disabled{opacity:0.6;cursor:not-allowed}.footer-button-giftback{display:flex;justify-content:space-between;margin-top:14px}";const b=d;const l=class{constructor(i){e(this,i);this.usedValue=0;this.loading=false;this.bonus={totalBonus:0,cartId:"",minimumPurchase:0,bonusBalance:0,calculatedValue:0,firstValidityDate:""};this.reserve=undefined;this.cancel=undefined}componentWillLoad(){this.usedValue=parseFloat(this.bonus.bonusBalance.toString())}handleSliderChange(e){const i=e.target;this.usedValue=parseFloat(i.value)}async handleReserve(e){this.reserve(e)}render(){const e=this.bonus.minimumPurchase-this.bonus.totalValue;return i("div",{key:"50707f64ae18b69d163445a873e5a676d783cd5d",class:"giftback-container"},i("p",{key:"57b12806322c0d8dbd6f4f3a9199f08cd8552cfe"},"Você possui até ",i("strong",{key:"9c8b93f8b99455d5d03cd88a2e0e3d601b3b5e8d"},"R$ ",this.bonus.totalBonus.toFixed(2))," de Giftback nessa compra!"),i("p",{key:"e518e6ac4eb0bfa32b5b3d0868096debe4614c9f",class:"validity"},"Válido até: ",new Date(this.bonus.firstValidityDate).toLocaleDateString("pt-Br")),i("p",{key:"6f44fc3bffd5e6b6d1532de48cebaa50a3d875ee"},"Você está utilizando ",i("strong",{key:"8043f0279fb4d0d4814eb17ee898aefb6af2ffd0"},"R$ ",this.usedValue.toFixed(2))," nessa compra"),i("div",{key:"3981051ab3bd96b1a64aa875bc8670ed079fa335",class:"progress-container"},i("span",{key:"2dc247e804ca3025f1db69bc72413f8f9010a6ef"},"R$ 0"),i("input",{key:"674a8867420b5f36ecd0c4eaa917b9e50d8823ac",disabled:true,type:"range",min:"0",step:"0.01",max:this.bonus.totalBonus,value:this.usedValue,onInput:e=>this.handleSliderChange(e)}),i("span",{key:"50e13d71a0c7972b0d51742079609594a1b79480"},"R$ ",this.bonus.totalBonus.toFixed(2))),i("p",{key:"d6212b01dca380c6566b057175fef396820ad68f",class:"remaining"},"Faltam ",i("strong",{key:"807117779462b58fc949944bb11b28ebdd8f6c01"},"R$ ",e>0?e.toFixed(2):Number(0).toFixed(2))," para utilizar o valor total do Giftback."),i("div",{key:"7b9052d19750a0b49904e020ddc8316eb3230389",class:"footer-button-giftback"},i("button",{key:"7bcebd92b0009a3539ef4e7b256d47bfa7da905b",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),i("button",{key:"97ea78d1b223b8691ebfee8a99234ca974e436e6",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.handleReserve(this.usedValue)},!this.loading?"Aplicar":i("loading-spinner",{size:"10px",color:"#fff"}))))}};l.style=b;const f=".bc-form-control{display:block;width:90%;height:24px;padding:7px 18px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.bc-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.bc-btn-process{background:#00162e;border-color:#00162e;width:30%;color:#fff}.bc-footer-btn{display:flex;justify-content:end;margin:11px}.name-container{font-weight:bold;color:#494545}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#bbb}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:11px;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}.footer-button{display:flex;justify-content:space-between;width:97%;margin-top:14px}";const p=f;const u=class{constructor(i){e(this,i);this.value=undefined;this.loading=undefined;this.applyName=undefined;this.cancel=undefined;this.newValue=undefined;this.message=undefined}handleChangeName(e){this.newValue=e.target.value}handleSetName(e){if(!e){this.message="Informe seu nome";return}this.applyName(e)}render(){return i("div",{key:"79187b5c58617f7f7d0062f4174cf7c37727808c",class:"name-container"},i("p",{key:"23e6bb34fe19a23f9c3654130e4586022f5f1581"},"Seu Nome:"),i("input",{key:"8ba653c5e1bfdf808429caad0fccc1a5c12197c5",class:"bc-form-control",type:"text",value:this.value,onChange:e=>this.handleChangeName(e)}),i("p",{key:"da3559a3af2b93496be7fa97b0f3a9e966598781"},this.message),i("div",{key:"cf3c035a61e08e7353a9cd038f0ee98ecff18d66",class:"footer-button"},i("button",{key:"a437bb82b68f2ea881163dcf4c200950418fb853",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),i("button",{key:"d68da6ed31f22ff53ca2c953cece48ef2aabe6ba",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.handleSetName(this.newValue)},!this.loading?"Continua":i("loading-spinner",{size:"15px",color:"#fff"}))))}};u.style=p;export{a as giftback_finish,r as giftback_pin,l as giftback_progress,u as name_input};
2
- //# sourceMappingURL=p-2636f2f0.entry.js.map
1
+ import{r as e,h as i}from"./p-6e6bf96e.js";const t="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6IzI1QUU4ODsiIGN4PSIyNSIgY3k9IjI1IiByPSIyNSIvPg0KPHBvbHlsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgcG9pbnRzPSINCgkzOCwxNSAyMiwzMyAxMiwyNSAiLz4NCjwvc3ZnPg==";const n=".message-finish{align-content:center;text-align:center}.message-finish p{color:#777676;font-size:xx-large;font-family:sans-serif}";const o=n;const a=class{constructor(i){e(this,i)}render(){return i("div",{key:"b2db01665e3e19659c35a8c912742352bca4a1ae",class:"message-finish"},i("img",{key:"0cb6d72a9bb696cf16ee38255cb2d5d6170e5ff1",src:t,width:80}),i("p",{key:"489dd5b09d20ff2140be375c1e234d5bf9671622"},"Legal! O Bônus será aplicado na sua compra."))}};a.style=o;const s=":host{display:block;font-family:Arial, sans-serif}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;gap:10px;margin:26px 0}input{width:58px;height:40px;font-size:18px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#bbb}.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}.footer-button{display:flex;justify-content:space-between;width:100%}";const c=s;const d=class{constructor(i){e(this,i);this.sent=undefined;this.validate=undefined;this.cancel=undefined;this.pin=["","","",""];this.isVerified=false;this.loading=false}handleInput(e,i){const t=e.target;const n=t.value.slice(0,1);this.pin[i]=n;if(n&&i<this.pin.length-1){const e=t.nextElementSibling;e===null||e===void 0?void 0:e.focus()}this.pin=[...this.pin]}validatePin(){console.log("this.pin",this.pin);this.validate(this.pin.join(""))}verifyPin(){const e=this.pin.join("");if(e==="9999"){this.isVerified=true}}render(){return i("div",{key:"73bbb31f65a9ad70d9749139036f367c5f983be7",class:"form-container-pin"},i("div",{key:"30a4e1cb8cbec97af32e4535237ddd45b073d47c"},i("p",{key:"4c5946125ee6cfd8ed00a845df15a65074c482e4"},"Insira o PIN de 4 dígitos enviado por SMS."),i("div",{key:"4d6b00888b126dc0cd786bd0c5bc20ed0a5ad354",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("div",{key:"759369b39be6716fad568f51107db83d2f39f8c3",class:"footer-button"},i("button",{key:"4b3e1f2cd4649e4d70ac42eb6eb41c001a159ca8",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),i("button",{key:"4872ba1598b806babaff1041ab08a86b3d1e92ef",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.validatePin()},!this.loading?"Enviar":i("loading-spinner",{size:"15px",color:"#fff"}))))}};d.style=c;const r=":host{display:flex;font-family:Arial, sans-serif;border-radius:10px;padding:16px;max-width:100%;flex-direction:column}.giftback-container{display:flex;flex-direction:column}.giftback-container p{font-size:medium}h3{margin:0 0 10px;font-size:18px}p{margin:5px 0;font-size:14px;align-self:start}.validity{font-size:12px;color:#888}.progress-container{display:flex;align-items:center;margin:10px 0}progress-container span{font-size:12px;color:#666}input[type='range']{flex:1;margin:0 10px;appearance:none;background-color:#ccc;height:6px;border-radius:3px;outline:none;cursor:pointer}input[type='range']::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background-color:#555;cursor:pointer}.remaining{font-weight:bold;font-size:14px;color:#333}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:10px;min-height:30px;min-width:120px;font-size:19px;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}.disabled{opacity:0.6;cursor:not-allowed}.footer-button-giftback{display:flex;justify-content:space-between;margin-top:14px}";const b=r;const l=class{constructor(i){e(this,i);this.usedValue=0;this.loading=false;this.bonus={totalBonus:0,cartId:"",minimumPurchase:0,bonusBalance:0,calculatedValue:0,firstValidityDate:""};this.reserve=undefined;this.cancel=undefined}componentWillLoad(){this.usedValue=parseFloat(this.bonus.bonusBalance.toString())}handleSliderChange(e){const i=e.target;this.usedValue=parseFloat(i.value)}async handleReserve(e){this.reserve(e)}render(){const e=this.bonus.minimumPurchase-this.bonus.totalValue;return i("div",{key:"a5e02f60ab5e081341582ea0b1cfaa05583a22c2",class:"giftback-container"},i("p",{key:"12eddb011e6a6beda91a1bc937fcacdb891b12a5"},"Você possui até ",i("strong",{key:"eb6018fe44106dd2a9928d4efe77dbd17180e3d3"},"R$ ",this.bonus.totalBonus.toFixed(2))," de Giftback nessa compra!"),i("p",{key:"065028af79e33d565c82bd55ea2245e3562617e8",class:"validity"},"Válido até: ",new Date(this.bonus.firstValidityDate).toLocaleDateString("pt-Br")),i("p",{key:"1ed8896f6301c2c70fb7232190a2c68bc82e5f07"},"Você está utilizando ",i("strong",{key:"e2019caa7c7697f73021416632ca884097e21abe"},"R$ ",this.usedValue.toFixed(2))," nessa compra"),i("div",{key:"b0257ef4d99c4009f23a4d9fae52b42d2ef41209",class:"progress-container"},i("span",{key:"bb0d1abe791dfcab30e87fea8eb025a9f3787be0"},"R$ 0"),i("input",{key:"a4220c65f24d68b56ccf522a46c0bd3d007c9ed6",disabled:true,type:"range",min:"0",step:"0.01",max:this.bonus.totalBonus,value:this.usedValue,onInput:e=>this.handleSliderChange(e)}),i("span",{key:"c216b57ffdd2a3613f05db327aad395f1f2e1285"},"R$ ",this.bonus.totalBonus.toFixed(2))),i("p",{key:"7a5dc6a68801da2c09a33f3cdb6cf82e521be581",class:"remaining"},"Faltam ",i("strong",{key:"9c20b260d4a95887844aa038e0f74180fff5c1eb"},"R$ ",e>0?e.toFixed(2):Number(0).toFixed(2))," para utilizar o valor total do Giftback."),i("div",{key:"d99639afcac1ea180ad414ca923391f99f3d5296",class:"footer-button-giftback"},i("button",{key:"4c1bdd2ea2ecd5037d1c29b6af31c3163fffe84a",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),i("button",{key:"77fc073d28272334d51ab7073e34654509c0ac26",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.handleReserve(this.usedValue)},!this.loading?"Aplicar":i("loading-spinner",{size:"10px",color:"#fff"}))))}};l.style=b;const f=".bc-form-control{display:block;width:90%;height:24px;padding:7px 18px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.bc-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.bc-btn-process{background:#00162e;border-color:#00162e;width:30%;color:#fff}.bc-footer-btn{display:flex;justify-content:end;margin:11px}.name-container{font-weight:bold;color:#494545}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#bbb}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:11px;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}.footer-button{display:flex;justify-content:space-between;width:97%;margin-top:14px}";const p=f;const u=class{constructor(i){e(this,i);this.value=undefined;this.loading=undefined;this.applyName=undefined;this.cancel=undefined;this.newValue=undefined;this.message=undefined}handleChangeName(e){this.newValue=e.target.value}handleSetName(e){if(!e){this.message="Informe seu nome";return}this.applyName(e)}render(){return i("div",{key:"dc6b958c6cfb83af8275cf4ff47b1ece5f8f6d93",class:"name-container"},i("p",{key:"d9c1105b6aab09acbd970a001735b58eb5104d9b"},"Seu Nome:"),i("input",{key:"f562d5e2b1b626245abb5260ad1e197fd9a60e43",class:"bc-form-control",type:"text",value:this.value,onChange:e=>this.handleChangeName(e)}),i("p",{key:"980d915607979ee8ae8873a2fe17998c46d1ae64"},this.message),i("div",{key:"b4e75bbb6ee5c6f53e27722ffad3c6e1b9ae6d7f",class:"footer-button"},i("button",{key:"c421fbbe0d0bcf38e057afeb86f864ebb39f9fc8",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),i("button",{key:"17d357d3de919698efab46febb5c1ad97c398c77",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.handleSetName(this.newValue)},!this.loading?"Continua":i("loading-spinner",{size:"15px",color:"#fff"}))))}};u.style=p;export{a as giftback_finish,d as giftback_pin,l as giftback_progress,u as name_input};
2
+ //# sourceMappingURL=p-574108d2.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["successSvgrepoComSvg","giftbackFinishCss","GiftbackFinishStyle0","GiftbackFinish","render","h","key","class","src","success","width","giftbackPinCss","GiftbackPinStyle0","GiftbackPin","handleInput","event","index","input","target","value","slice","this","pin","length","nextInput","nextElementSibling","focus","validatePin","console","log","validate","join","verifyPin","pinCode","isVerified","map","_","type","maxLength","onInput","disabled","loading","onClick","cancel","size","color","giftbackProgressCss","GiftbackProgressStyle0","GiftbackProgress","totalBonus","cartId","minimumPurchase","bonusBalance","calculatedValue","firstValidityDate","componentWillLoad","usedValue","parseFloat","bonus","toString","handleSliderChange","handleReserve","reserve","remainingGiftback","totalValue","toFixed","Date","toLocaleDateString","min","step","max","Number","nameInputCss","NameInputStyle0","NameInput","handleChangeName","newValue","handleSetName","name","message","applyName","onChange"],"sources":["src/components/crm-bonus/assets/svg/success-svgrepo-com.svg","src/components/crm-bonus-form/subcomponents/giftback-finish/giftback-finish.css?tag=giftback-finish&encapsulation=shadow","src/components/crm-bonus-form/subcomponents/giftback-finish/giftback-finish.tsx","src/components/crm-bonus-form/subcomponents/giftback-pin/giftback-pin.css?tag=giftback-pin&encapsulation=shadow","src/components/crm-bonus-form/subcomponents/giftback-pin/giftback-pin.tsx","src/components/crm-bonus-form/subcomponents/giftback-progress/giftback-progress.css?tag=giftback-progress&encapsulation=shadow","src/components/crm-bonus-form/subcomponents/giftback-progress/giftback-progress.tsx","src/components/crm-bonus-form/subcomponents/name-input/name-input.css?tag=name-input","src/components/crm-bonus-form/subcomponents/name-input/name-input.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\r\n<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\r\n<svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" \r\n\t viewBox=\"0 0 50 50\" xml:space=\"preserve\">\r\n<circle style=\"fill:#25AE88;\" cx=\"25\" cy=\"25\" r=\"25\"/>\r\n<polyline style=\"fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;\" points=\"\r\n\t38,15 22,33 12,25 \"/>\r\n</svg>",".message-finish {\n align-content: center;\n text-align: center;\n}\n\n.message-finish p {\n color: #777676;\n font-size: xx-large;\n font-family: sans-serif;\n}","import { Component, h } from \"@stencil/core\";\nimport success from '../../../crm-bonus/assets/svg/success-svgrepo-com.svg'\n\n@Component({\n tag: 'giftback-finish',\n styleUrl: 'giftback-finish.css',\n shadow: true\n})\nexport class GiftbackFinish {\n render() {\n return (\n <div class=\"message-finish\">\n <img src={success} width={80} />\n <p>Legal! O Bônus será aplicado na sua compra.</p>\n </div>\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 gap: 10px;\n margin: 26px 0;\n}\n\ninput {\n width: 58px;\n height: 40px;\n font-size: 18px;\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\nbutton:hover {\n background-color: #bbb;\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.footer-button {\n display: flex;\n justify-content: space-between;\n width: 100%;\n}","import { Component, h, Prop, State } from '@stencil/core';\nimport { IPinSent } from '../../../../dto/pin.sent';\n\n@Component({\n tag: 'giftback-pin',\n styleUrl: 'giftback-pin.css',\n shadow: true,\n})\nexport class GiftbackPin {\n\n @Prop() sent: IPinSent;\n @Prop() validate: (pin: string) => void;\n @Prop() cancel: () => void;\n\n @State() pin: string[] = ['', '', '', ''];\n @State() isVerified: boolean = false;\n\n @Prop() loading: boolean = false;\n\n handleInput(event: Event, index: number) {\n const input = event.target as HTMLInputElement;\n const value = input.value.slice(0, 1); // Limitar a um único dígito\n this.pin[index] = value;\n\n // Focar no próximo campo, se possível\n if (value && index < this.pin.length - 1) {\n const nextInput = input.nextElementSibling as HTMLInputElement;\n nextInput?.focus();\n }\n\n this.pin = [...this.pin];\n }\n\n validatePin() {\n console.log('this.pin', this.pin);\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 render() {\n return (\n <div class=\"form-container-pin\">\n <div >\n <p>Insira o PIN de 4 dígitos enviado por SMS.</p>\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 </div>\n\n <div class=\"footer-button\">\n <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\n Cancelar\n </button>\n <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePin()}>\n {\n !this.loading ? \"Enviar\" : <loading-spinner size=\"15px\" color=\"#fff\" />\n }\n </button>\n </div>\n {/* <button onClick={() => this.verifyPin()}>Enviar</button>\n {this.isVerified && <p class=\"success\">Código verificado com sucesso!</p>} */}\n </div>\n );\n }\n}\n",":host {\n display: flex;\n font-family: Arial, sans-serif;\n /* background-color: #f8f4eb; */\n border-radius: 10px;\n padding: 16px;\n /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */\n max-width: 100%;\n flex-direction: column;\n}\n\n.giftback-container {\n display: flex;\n flex-direction: column;\n}\n\n.giftback-container p {\n font-size: medium;\n}\n\n\nh3 {\n margin: 0 0 10px;\n font-size: 18px;\n}\n\np {\n margin: 5px 0;\n font-size: 14px;\n align-self: start;\n}\n\n.validity {\n font-size: 12px;\n color: #888;\n}\n\n.progress-container {\n display: flex;\n align-items: center;\n margin: 10px 0;\n}\n\nprogress-container span {\n font-size: 12px;\n color: #666;\n}\n\ninput[type='range'] {\n flex: 1;\n margin: 0 10px;\n appearance: none;\n background-color: #ccc;\n height: 6px;\n border-radius: 3px;\n outline: none;\n cursor: pointer;\n}\n\ninput[type='range']::-webkit-slider-thumb {\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background-color: #555;\n cursor: pointer;\n}\n\n.remaining {\n font-weight: bold;\n font-size: 14px;\n color: #333;\n}\n\n.button {\n top: 50%;\n background-color: #6c6c7e;\n color: #fff;\n border: none;\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.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.disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.footer-button-giftback {\n display: flex;\n justify-content: space-between;\n margin-top: 14px;\n}","import { Component, h, State, Prop } from '@stencil/core';\nimport { IBonus } from '../../../../dto/validate.pin.bonus';\n\n@Component({\n tag: 'giftback-progress',\n styleUrl: 'giftback-progress.css',\n shadow: true,\n})\nexport class GiftbackProgress {\n @State() usedValue: number = 0;\n\n @Prop() loading: boolean = false;\n\n @Prop() bonus: Partial<IBonus> = {\n totalBonus: 0,\n cartId: \"\",\n minimumPurchase: 0,\n bonusBalance: 0,\n calculatedValue: 0,\n firstValidityDate: \"\"\n };\n\n @Prop() reserve: (amountRedeemed: number) => void;\n @Prop() cancel: () => void;\n\n componentWillLoad() {\n this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n }\n\n handleSliderChange(event: Event) {\n const input = event.target as HTMLInputElement;\n this.usedValue = parseFloat(input.value);\n }\n\n async handleReserve(value: number) {\n this.reserve(value);\n }\n\n render() {\n const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n return (\n <div class=\"giftback-container\">\n <p>\n Você possui até <strong>R$ {this.bonus.totalBonus.toFixed(2)}</strong> de Giftback nessa compra!\n </p>\n <p class=\"validity\">Válido até: {new Date(this.bonus.firstValidityDate).toLocaleDateString('pt-Br')}</p>\n\n <p>Você está utilizando <strong>R$ {this.usedValue.toFixed(2)}</strong> nessa compra</p>\n\n <div class=\"progress-container\">\n <span>R$ 0</span>\n <input\n disabled\n type=\"range\"\n min=\"0\"\n step=\"0.01\"\n max={this.bonus.totalBonus}\n value={this.usedValue}\n onInput={(event) => this.handleSliderChange(event)}\n />\n <span>R$ {this.bonus.totalBonus.toFixed(2)}</span>\n </div>\n\n <p class=\"remaining\">\n Faltam <strong>R$ {remainingGiftback > 0 ? remainingGiftback.toFixed(2) : Number(0).toFixed(2)}</strong> para utilizar o valor total do Giftback.\n </p>\n\n <div class=\"footer-button-giftback\">\n\n <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()} >\n Cancelar\n </button>\n\n <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleReserve(this.usedValue)}>\n {\n !this.loading ? \"Aplicar\" : <loading-spinner size=\"10px\" color=\"#fff\" />\n }\n </button>\n </div>\n </div>\n );\n }\n}\n",".bc-form-control {\n display: block;\n width: 90%;\n height: 24px;\n padding: 7px 18px;\n font-size: 14px;\n line-height: 1.42857143;\n color: #555;\n background-color: #fff;\n background-image: none;\n border: 1px solid #ccc;\n border-radius: 0px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n.bc-btn {\n display: inline-block;\n padding: 6px 12px;\n margin-bottom: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 1px solid transparent;\n border-radius: 0px;\n}\n\n.bc-btn-process {\n background: #00162e;\n border-color: #00162e;\n width: 30%;\n color: #fff;\n}\n\n.bc-footer-btn {\n display: flex;\n justify-content: end;\n margin: 11px;\n}\n\n.name-container {\n font-weight: bold;\n color: #494545;\n}\n\n\nbutton {\n padding: 10px 20px;\n background-color: #ddd;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #bbb;\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: 11px;\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.footer-button {\n display: flex;\n justify-content: space-between;\n width: 97%;\n margin-top: 14px;\n}","import { Component, Prop, State, h } from \"@stencil/core\";\n\n@Component({\n tag: 'name-input',\n styleUrl: 'name-input.css'\n})\nexport class NameInput {\n\n @Prop() value: string;\n\n @Prop() loading: boolean;\n @Prop() applyName: (value: string) => void;\n @Prop() cancel: () => void;\n \n @State() newValue: string;\n @State() message: string;\n\n handleChangeName(event: any) {\n this.newValue = event.target.value;\n }\n\n\n handleSetName(name: string) {\n if(!name) {\n this.message = \"Informe seu nome\";\n return\n }\n\n this.applyName(name);\n }\n\n render() {\n return (\n <div class=\"name-container\">\n <p>Seu Nome:</p>\n <input class=\"bc-form-control\" type=\"text\" value={this.value} onChange={(event) => this.handleChangeName(event)} />\n\n <p>{ this.message }</p>\n\n {/* <div class=\"bc-footer-btn\">\n <button class=\"bc-btn bc-btn-process\" onClick={() => this.applyName(this.newValue)} >Prosseguir</button>\n </div> */}\n\n <div class=\"footer-button\">\n <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\n Cancelar\n </button>\n <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleSetName(this.newValue)}>\n {\n !this.loading ? \"Continua\" : <loading-spinner size=\"15px\" color=\"#fff\" />\n }\n </button>\n </div>\n </div>\n )\n }\n}"],"mappings":"2CAAA,MAAMA,EAAuB,6rBCA7B,MAAMC,EAAoB,oIAC1B,MAAAC,EAAeD,E,MCOFE,EAAc,M,yBACvB,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACPF,EAAA,OAAAC,IAAA,2CAAKE,IAAKC,EAASC,MAAO,KAC1BL,EAAA,KAAAC,IAAA,2F,aCbhB,MAAMK,EAAiB,i1BACvB,MAAAC,EAAeD,E,MCOFE,EAAW,M,oGAMK,CAAC,GAAI,GAAI,GAAI,I,gBACP,M,aAEJ,K,CAE3B,WAAAC,CAAYC,EAAcC,GACtB,MAAMC,EAAQF,EAAMG,OACpB,MAAMC,EAAQF,EAAME,MAAMC,MAAM,EAAG,GACnCC,KAAKC,IAAIN,GAASG,EAGlB,GAAIA,GAASH,EAAQK,KAAKC,IAAIC,OAAS,EAAG,CACtC,MAAMC,EAAYP,EAAMQ,mBACxBD,IAAS,MAATA,SAAS,SAATA,EAAWE,O,CAGfL,KAAKC,IAAM,IAAID,KAAKC,I,CAGxB,WAAAK,GACIC,QAAQC,IAAI,WAAYR,KAAKC,KAC7BD,KAAKS,SAAST,KAAKC,IAAIS,KAAK,I,CAGhC,SAAAC,GACI,MAAMC,EAAUZ,KAAKC,IAAIS,KAAK,IAC9B,GAAIE,IAAY,OAAQ,CACpBZ,KAAKa,WAAa,I,EAI1B,MAAA9B,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACPF,EAAA,OAAAC,IAAA,4CACID,EAAA,KAAAC,IAAA,0FACAD,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACNc,KAAKC,IAAIa,KAAI,CAACC,EAAGpB,IACdX,EAAA,SACIgC,KAAK,OACLC,UAAW,EACXnB,MAAOE,KAAKC,IAAIN,GAChBuB,QAAUxB,GAAUM,KAAKP,YAAYC,EAAOC,SAM5DX,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACPF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,gBAAgBiC,SAAUnB,KAAKoB,QAASC,QAAS,IAAMrB,KAAKsB,UAAQ,YAGlFtC,EAAA,UAAAC,IAAA,2CAAQC,MAAO,UAAUc,KAAKoB,QAAU,WAAa,MAAOD,SAAUnB,KAAKoB,QAASC,QAAS,IAAMrB,KAAKM,gBAE/FN,KAAKoB,QAAU,SAAWpC,EAAA,mBAAiBuC,KAAK,OAAOC,MAAM,W,aCpE1F,MAAMC,EAAsB,ktCAC5B,MAAAC,EAAeD,E,MCOFE,EAAgB,M,wCACI,E,aAEF,M,WAEM,CAC7BC,WAAY,EACZC,OAAQ,GACRC,gBAAiB,EACjBC,aAAc,EACdC,gBAAiB,EACjBC,kBAAmB,I,6CAMvB,iBAAAC,GACIlC,KAAKmC,UAAYC,WAAWpC,KAAKqC,MAAMN,aAAaO,W,CAGxD,kBAAAC,CAAmB7C,GACf,MAAME,EAAQF,EAAMG,OACpBG,KAAKmC,UAAYC,WAAWxC,EAAME,M,CAGtC,mBAAM0C,CAAc1C,GAChBE,KAAKyC,QAAQ3C,E,CAGjB,MAAAf,GACI,MAAM2D,EAAoB1C,KAAKqC,MAAMP,gBAAkB9B,KAAKqC,MAAMM,WAElE,OACI3D,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACPF,EAAA,KAAAC,IAAA,+DACoBD,EAAA,UAAAC,IAAA,kDAAYe,KAAKqC,MAAMT,WAAWgB,QAAQ,IAAY,8BAE1E5D,EAAA,KAAAC,IAAA,2CAAGC,MAAM,YAAU,eAAc,IAAI2D,KAAK7C,KAAKqC,MAAMJ,mBAAmBa,mBAAmB,UAE3F9D,EAAA,KAAAC,IAAA,oEAAwBD,EAAA,UAAAC,IAAA,kDAAYe,KAAKmC,UAAUS,QAAQ,IAAY,iBAEvE5D,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACPF,EAAA,QAAAC,IAAA,oDACAD,EAAA,SAAAC,IAAA,2CACIkC,SAAQ,KACRH,KAAK,QACL+B,IAAI,IACJC,KAAK,OACLC,IAAKjD,KAAKqC,MAAMT,WAChB9B,MAAOE,KAAKmC,UACZjB,QAAUxB,GAAUM,KAAKuC,mBAAmB7C,KAEhDV,EAAA,QAAAC,IAAA,kDAAUe,KAAKqC,MAAMT,WAAWgB,QAAQ,KAG5C5D,EAAA,KAAAC,IAAA,2CAAGC,MAAM,aAAW,UACTF,EAAA,UAAAC,IAAA,kDAAYyD,EAAoB,EAAIA,EAAkBE,QAAQ,GAAKM,OAAO,GAAGN,QAAQ,IAAY,6CAG5G5D,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BAEPF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,gBAAgBiC,SAAUnB,KAAKoB,QAASC,QAAS,IAAMrB,KAAKsB,UAAQ,YAIlFtC,EAAA,UAAAC,IAAA,2CAAQC,MAAO,UAAUc,KAAKoB,QAAU,WAAa,MAAOD,SAAUnB,KAAKoB,QAASC,QAAS,IAAMrB,KAAKwC,cAAcxC,KAAKmC,aAElHnC,KAAKoB,QAAU,UAAYpC,EAAA,mBAAiBuC,KAAK,OAAOC,MAAM,W,aC5E3F,MAAM2B,EAAe,ypDACrB,MAAAC,EAAeD,E,MCKFE,EAAS,M,mKAWlB,gBAAAC,CAAiB5D,GACbM,KAAKuD,SAAW7D,EAAMG,OAAOC,K,CAIjC,aAAA0D,CAAcC,GACV,IAAIA,EAAM,CACNzD,KAAK0D,QAAU,mBACf,M,CAGJ1D,KAAK2D,UAAUF,E,CAGnB,MAAA1E,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACPF,EAAA,KAAAC,IAAA,yDACAD,EAAA,SAAAC,IAAA,2CAAOC,MAAM,kBAAkB8B,KAAK,OAAOlB,MAAOE,KAAKF,MAAO8D,SAAWlE,GAAUM,KAAKsD,iBAAiB5D,KAEzGV,EAAA,KAAAC,IAAA,4CAAKe,KAAK0D,SAMV1E,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACPF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,gBAAgBiC,SAAUnB,KAAKoB,QAASC,QAAS,IAAMrB,KAAKsB,UAAQ,YAGlFtC,EAAA,UAAAC,IAAA,2CAAQC,MAAO,UAAUc,KAAKoB,QAAU,WAAa,MAAOD,SAAUnB,KAAKoB,QAASC,QAAS,IAAMrB,KAAKwD,cAAcxD,KAAKuD,YAElHvD,KAAKoB,QAAU,WAAapC,EAAA,mBAAiBuC,KAAK,OAAOC,MAAM,W","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,h as n}from"./p-6e6bf96e.js";const o="input,button{margin:0;padding:10px;}.crm-contaner-button{height:auto;width:auto}.crm-button{height:48px;width:246px;border:1px solid #000;padding:14px 20px;background-color:#000;color:#fff;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}";const e=o;const c=class{constructor(n){t(this,n);this.txtBtn=undefined;this.loading=undefined}render(){return n("div",{key:"f0ade275b346c654d0ebf889dcfdae42135a4a52",class:"crm-contaner-button"},n("button",{key:"ec8c7931debeb592db9107ca7f6cb4972062b2cc",class:"crm-button"},!this.loading?this.txtBtn:n("loading-spinner",{size:"15px",color:"#fff"})))}};c.style=e;export{c as crm_button};
2
+ //# sourceMappingURL=p-5ede3b10.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["crmButtonCss","CrmButtonStyle0","Button","render","h","key","class","this","loading","txtBtn","size","color"],"sources":["src/components/button/crm-button.css?tag=crm-button","src/components/button/index.tsx"],"sourcesContent":["input, button {\n margin: 0;\n padding: 10px; /* Ajuste o valor conforme necessário */\n}\n\n.crm-contaner-button {\n height: auto;\n width: auto;\n}\n\n.crm-button {\n height: 48px;\n width: 246px;\n border: 1px solid #000;\n padding: 14px 20px;\n background-color: #000;\n color: #fff;\n font-size: 14px;\n line-height: 20px;\n font-weight: 500;\n cursor: pointer;\n}","import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'crm-button',\n styleUrl: 'crm-button.css'\n})\nexport class Button {\n\n @Prop() txtBtn: string;\n @Prop() loading: boolean;\n\n render() {\n return (\n <div class=\"crm-contaner-button\">\n <button class=\"crm-button\">\n {\n !this.loading ? this.txtBtn : <loading-spinner size=\"15px\" color=\"#fff\" />\n }\n </button>\n </div>\n )\n }\n}"],"mappings":"2CAAA,MAAMA,EAAe,+PACrB,MAAAC,EAAeD,E,MCKFE,EAAM,M,sEAKf,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACPF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,eAELC,KAAKC,QAAUD,KAAKE,OAASL,EAAA,mBAAiBM,KAAK,OAAOC,MAAM,U","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,h as i}from"./p-6e6bf96e.js";import{C as s}from"./p-878c694e.js";import{S as e}from"./p-dddd9ee6.js";import{i as n}from"./p-a7e91243.js";const o=".container-button{cursor:pointer;padding:5px 5px 5px 14px;}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm{margin-top:10px}.section-cart-crm p{padding:0;margin:0px 0px 0px 15px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer;margin-left:10px;height:70px}.form-container{width:97%;display:flex;justify-content:space-around}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container .btnCrm{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert{font-family:sans-serif;color:#df4d4d;margin-top:5px}";const a=o;console.log("i18next",n.language);const r=class{constructor(i){t(this,i);this.crmBonusService=s.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}async componentWillLoad(){n.changeLanguage(n.language);await this.loadSession();await this.handleLoad()}async handleLoad(){try{if(this.userId){this.customer=await this.crmBonusService.getCustomer(this.userId,this.storeName)}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}`;const i=localStorage.getItem(t);if(!i){localStorage.setItem(t,this.productsInString)}const s=JSON.parse(this.productsInString);const e=JSON.parse(localStorage.getItem(t));const n=[];for(const t of s){const[i]=e.filter((i=>i.ProdutoVarianteId==t.ProdutoVarianteId));if(i){n.push(Object.assign(Object.assign({},t),{PrecoPor:i.PrecoPor}))}else{n.push(t)}}this.products=n}async sendPin(t){var i,s;this.loading=true;this.message="";try{const i=t.replace(/\D/g,"");this.phone=Number(i);this.sent=await this.crmBonusService.sendPin(this.phone,this.customer.name,this.storeName);await this.crmBonusRef.setStep(e.STEP_PIN);this.showModal=true}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}}async sendPinName(t){var i,s;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(e.STEP_PIN);this.showModal=true}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}}buildProducts(){return this.products.map((t=>({sku:t.SKU,value:t.PrecoPor*t.Quantidade,productVariantId:t.ProdutoVarianteId.toString(),quantity:t.Quantidade})))}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 i=t.replace(/\D/g,"");this.phone=Number(i);if(this.customer.name){return this.sendPin(t)}await this.crmBonusRef.setStep(e.STEP_NAME);this.showModal=true}render(){return i("crm-giftback-form",{key:"b4d6ec601d70a7b3f8c12a14a35ea5b0221b0834",storeName:this.storeName,products:this.buildProducts(),cartId:this.cartId})}static get assetsDirs(){return["assets"]}};r.style=a;export{r as crm_bonus};
2
+ //# sourceMappingURL=p-61462d71.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["crmBonusCss","CrmBonusStyle0","console","log","i18next","language","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","birthDate","document","name","phone","componentWillLoad","changeLanguage","loadSession","handleLoad","userId","customer","getCustomer","storeName","amount","localStorage","getItem","cartId","canCancel","amountCancel","error","buildAndGetProducts","session","getToken","setTimeout","key","cache_products","setItem","productsInString","productsInCart","JSON","parse","products_in_cache","products","product_cart","pro","filter","p","ProdutoVarianteId","push","Object","assign","PrecoPor","sendPin","loading","message","_phone","replace","Number","sent","crmBonusRef","setStep","StepFormEnum","STEP_PIN","showModal","_b","_a","response","data","sendPinName","customerName","buildProducts","map","product","sku","SKU","value","Quantidade","productVariantId","toString","quantity","handleCloseModal","save","cancel","removeItem","handleSendPin","STEP_NAME","render","h"],"sources":["src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["\n.container-button {\n /* max-width: 100%; */\n cursor: pointer;\n padding: 5px 5px 5px 14px;\n /* display: flex; */\n}\n\n/* padding: 0 15px 15px;\nborder: 1px solid #ddd;\nmargin-bottom: 20px; */\n\n.section-crm {\n border: 1px solid #dbd4d4;\n /* min-height: 50px; */\n text-align: -webkit-center;\n margin-bottom: 20px;\n}\n\n.section-cart-crm {\n margin-top: 10px;\n}\n\n.section-cart-crm p {\n padding: 0;\n margin: 0px 0px 0px 15px;\n}\n\n.button {\n top: 50%;\n background-color: #6c6c7e;\n color: #fff;\n border: none;\n /* border-radius: 10px; */\n padding: 15px;\n min-height: 30px;\n min-width: 120px;\n font-size: 20px;\n cursor: pointer;\n margin-left: 10px;\n height: 70px;\n}\n\n.form-container {\n width: 97%;\n display: flex;\n justify-content: space-around;\n}\n\n\n.btn {\n display: inline-block;\n padding: 6px 12px;\n margin-bottom: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 1px solid transparent;\n border-radius: 0px;\n}\n\n.form-container .btnCrm {\n background: #00162e;\n border-color: #00162e;\n width: 30%;\n color: #fff;\n}\n\n.message-alert {\n font-family: sans-serif;\n color: #df4d4d;\n margin-top: 5px;\n}","import { Component, Prop, State, h } from '@stencil/core';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\nimport { IPinSent } from '../../components';\nimport { StepFormEnum } from '../../contants';\n\nimport i18next from '../../i18n/i18n'\n\n\nconsole.log('i18next', i18next.language)\n\n@Component({\n tag: 'crm-bonus',\n styleUrl: 'crm-bonus.css',\n shadow: true,\n assetsDirs: ['assets']\n})\nexport class CrmBonus {\n\n private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n private crmBonusRef: HTMLCrmBonusFormElement;\n\n @State() showModal: boolean = false;\n @Prop({ attribute: 'userid' }) userId: number;\n @Prop({ attribute: 'storename' }) storeName;\n @Prop({ attribute: 'products' }) productsInString: string;\n @Prop({ attribute: 'cartid' }) cartId;\n\n @State() products: Array<IProductWake>;\n @State() customer: ICustomer = {\n birthDate: \"\",\n document: \"\",\n name: \"\",\n phone: \"\"\n };\n\n @State() loading: boolean = false;\n @State() message: string;\n @State() phone: number;\n @State() canCancel: boolean = false;\n @State() amountCancel: string;\n @State() sent: IPinSent;\n\n @State() session: string;\n\n async componentWillLoad() {\n i18next.changeLanguage(i18next.language);\n\n await this.loadSession()\n await this.handleLoad();\n }\n\n async handleLoad() {\n try {\n if (this.userId) {\n this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);\n }\n\n const amount = localStorage.getItem(this.cartId);\n\n if (amount) {\n this.canCancel = true;\n this.amountCancel = amount;\n }\n\n } catch (error) {\n console.log('info customer')\n }\n \n this.buildAndGetProducts();\n }\n\n\n async loadSession() {\n this.session = await this.crmBonusService.getToken(this.storeName);\n\n setTimeout(() => {\n this.loadSession()\n }, 1500000)\n\n }\n\n async buildAndGetProducts() {\n const key = `bc-products:${this.cartId}`;\n const cache_products = localStorage.getItem(key)\n\n if (!cache_products) {\n localStorage.setItem(key, this.productsInString);\n }\n\n const productsInCart = JSON.parse(this.productsInString);\n const products_in_cache = JSON.parse(localStorage.getItem(key));\n\n const products: Array<IProductWake> = []\n\n for (const product_cart of productsInCart) {\n\n const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\n\n if (pro) {\n products.push({\n ...product_cart,\n PrecoPor: pro.PrecoPor\n })\n } else {\n products.push(product_cart)\n }\n \n }\n\n this.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);\n\n }\n\n public async sendPin(phone: string) {\n this.loading = true;\n this.message = \"\";\n\n try {\n\n const _phone = phone.replace(/\\D/g, '');\n this.phone = Number(_phone);\n\n this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n this.showModal = true;\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false\n }\n }\n\n public async sendPinName(customerName: string) {\n this.loading = true;\n this.message = \"\";\n\n try {\n this.customer.name = customerName;\n\n this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n this.showModal = true;\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false\n }\n }\n\n buildProducts(): IProduct[] {\n return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), productVariantId: product.ProdutoVarianteId.toString(), quantity: product.Quantidade }))\n }\n\n handleCloseModal() {\n this.showModal = false;\n }\n\n save(amount: number) {\n localStorage.setItem(this.cartId, amount.toString());\n this.canCancel = true;\n this.amountCancel = amount.toString()\n }\n\n async cancel() {\n this.message = \"\";\n this.loading = true;\n try {\n await this.crmBonusService.cancel(this.cartId);\n this.canCancel = false;\n\n localStorage.removeItem(this.cartId);\n } catch (error) {\n this.message = \"Não consegui cancelar o bônus, tente novamente!\"\n } finally {\n this.loading = false;\n }\n }\n\n async handleSendPin(phone: string) {\n this.message = \"\"\n if (!phone) {\n this.message = \"Informe seu telefone\";\n return;\n }\n\n this.customer.phone = phone;\n const _phone = phone.replace(/\\D/g, '');\n this.phone = Number(_phone);\n\n if (this.customer.name) {\n return this.sendPin(phone)\n }\n\n await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);\n this.showModal = true;\n }\n\n render() {\n return (\n <crm-giftback-form \n storeName={this.storeName}\n products={this.buildProducts()}\n cartId={this.cartId}\n />\n // <div class=\"section-cart-crm\">\n // <p class=\"text-left fbits-responsive-carrinho-desconto-texto\">Giftback</p>\n // <div class=\"container-button\">\n // {/* <img src={logo} onClick={() => (this.showModal = true)} /> */}\n // {\n // this.canCancel ? <phone-cancel-input value={this.amountCancel} sendPin={() => { this.cancel() }} loading={this.loading} />\n // : <phone-input value={this.customer.phone} sendPin={(phone) => { this.handleSendPin(phone) }} loading={this.loading} />\n // }\n // </div>\n // <p class=\"message-alert\" >{this.message}</p>\n // <app-modal\n // isOpen={this.showModal}\n // modalTitle={`Giftback`}\n // onModalClosed={() => (this.showModal = false)}\n // >\n // <crm-bonus-form\n // loadingModal={this.loading}\n // saveStore={(amount: number) => this.save(amount)}\n // ref={ref => this.crmBonusRef = ref}\n // sent={this.sent}\n // phone={this.phone}\n // cancel={() => this.handleCloseModal()}\n // storeName={this.storeName}\n // products={this.buildProducts()}\n // cartId={this.cartId} customer={this.customer}\n // handleCustomerName={(name: string) => this.sendPinName(name)}\n // />\n // </app-modal>\n // </div>\n )\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as i,h as e}from"./p-6e6bf96e.js";import{C as t}from"./p-878c694e.js";import{S as s}from"./p-dddd9ee6.js";const d="*{margin:0;padding:0;box-sizing:border-box}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:337px;padding:10px;border:1px solid #CCCCCC;gap:24px}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn)}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";const n=d;const o=class{constructor(e){i(this,e);this.crmBonusService=t.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.value=undefined;this.loading=false;this.message=undefined;this.phone=undefined;this.pinInfo=undefined;this.step=s.STEP_RESERVE;this.bonus=undefined;this.sucess="";this.error=""}async handleSendPin(i){this.message="";if(!i){this.message="Informe seu telefone";return}this.phone=i;this.sendPin()}convertStringToNumber(){const i=this.phone.replace(/\D/g,"");return Number(i)}async sendPin(){var i,e;this.loading=true;this.message="";try{const i=this.convertStringToNumber();this.pinInfo=await this.crmBonusService.sendPin(i,"",this.storeName);this.step=s.STEP_PIN}catch(t){this.message=(e=(i=t===null||t===void 0?void 0:t.response)===null||i===void 0?void 0:i.data)===null||e===void 0?void 0:e.message}finally{this.loading=false}}changePhone(){this.step=s.STEP_PHONE}async validateBonus(i){var e,t;if(this.sucess){this.step=s.STEP_RESERVE;return}this.loading=true;this.sucess="";this.error="";const d={pin:i,cellphone:this.phone.toString(),storeId:this.pinInfo.storeId.toString(),userId:this.pinInfo.userId.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:null,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(d);this.sucess="Código validado com sucesso!"}catch(i){const s=(t=(e=i===null||i===void 0?void 0:i.response)===null||e===void 0?void 0:e.data)===null||t===void 0?void 0:t.message;if(s.includes("Pin")){this.error="Código inválido!"}else{this.error=s}}finally{this.loading=false}}render(){return e("div",{key:"880d793d0f50f74aa844cc1e2bd7da9963e43d93",class:"crm-container-form"},e("label",{key:"4bd61d9cf4cad1822da4f4c975c824feae3a023d",class:"crm-title"},"Giftback"),this.step===s.STEP_PHONE&&e("phone-form",{key:"d259d5c3f0660c76dd431059f50f2dec10ec3987",loading:this.loading,handlerSubmit:i=>this.handleSendPin(i)}),this.step===s.STEP_PIN&&e("pin-form",{key:"28e3faa8c2c5dece718466ee0039eb91d0add3f4",phone:this.phone,cancel:()=>this.changePhone(),resend:()=>this.sendPin(),validate:i=>this.validateBonus(i),loading:this.loading},this.sucess&&e("p",{key:"9b1082db2b2d1a4c704c1dd72e3fde40d373e837",class:"crm-message-info"},this.sucess),this.error&&e("p",{key:"46689dfdb9af83e1450779ff6aee41724dca7090",class:"crm-message-error"},this.error)),this.step===s.STEP_RESERVE&&e("giftback-info",{key:"d0e4963c1541865ce83d18b2c07f620d8d7d21f9"}))}};o.style=n;export{o as crm_giftback_form};
2
+ //# sourceMappingURL=p-63d2a359.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["giftbackFormCss","CrmGiftbackFormStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","StepFormEnum","STEP_RESERVE","handleSendPin","phone","message","sendPin","convertStringToNumber","_phone","replace","Number","loading","pinInfo","storeName","step","STEP_PIN","error","_b","_a","response","data","changePhone","STEP_PHONE","validateBonus","pin","sucess","payload","cellphone","toString","storeId","userId","checkoutId","cartId","checkoutProducts","products","name","bonus","validatePinBonus","_error","includes","render","h","key","class","handlerSubmit","cancel","resend","validate"],"sources":["src/components/giftback-form/giftback-form.css?tag=crm-giftback-form","src/components/giftback-form/giftback-form.tsx"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.crm-container-form {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n height: 337px;\n padding: 10px;\n border: 1px solid #CCCCCC;\n gap: 24px;\n}\n\n.crm-phone-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n /* justify-content: space-around; */\n gap: 16px;\n}\n\n.crm-subtitle {\n font-size: 14px;\n color: var(--crm-btn);\n}\n\n.crm-title {\n font-weight: 700;\n line-height: 20px;\n color: #262626;\n font-size: 16px;\n}\n\n.crm-message-info {\n color: #619013;\n font-weight: 500;\n font-size: 12px;\n}\n\n.crm-message-error {\n color: #E11D48;\n font-weight: 500;\n font-size: 12px;\n}\n","import { Component, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent'\nimport { IBonus, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\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\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_RESERVE;\n @State() bonus: IBonus;\n\n @State() sucess: string = \"\";\n @State() error: string = \"\";\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 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\n try {\n\n const _phone = this.convertStringToNumber()\n\n this.pinInfo = await this.crmBonusService.sendPin(_phone, \"\", this.storeName);\n\n this.step = StepFormEnum.STEP_PIN;\n\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false\n }\n }\n\n changePhone() {\n this.step = StepFormEnum.STEP_PHONE;\n }\n\n public async validateBonus(pin: string) {\n\n if (this.sucess) {\n this.step = StepFormEnum.STEP_RESERVE;\n return\n }\n\n this.loading = true;\n this.sucess = \"\";\n this.error = \"\";\n const payload: IProccesPinBonusDto = {\n pin: pin,\n cellphone: this.phone.toString(),\n storeId: this.pinInfo.storeId.toString(),\n userId: this.pinInfo.userId.toString(),\n checkoutId: this.cartId,\n checkoutProducts: this.products,\n name: null,\n storeName: this.storeName\n }\n\n try {\n this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n this.sucess = \"Código validado com sucesso!\";\n\n } catch (error) {\n const _error: string = error?.response?.data?.message;\n\n if (_error.includes(\"Pin\")) {\n this.error = \"Código inválido!\"\n } else {\n this.error = _error;\n }\n\n } finally {\n this.loading = false;\n }\n }\n\n render() {\n return (\n <div class=\"crm-container-form\" >\n <label class=\"crm-title\">Giftback</label>\n\n {this.step === StepFormEnum.STEP_PHONE &&\n <phone-form\n loading={this.loading}\n handlerSubmit={(phone) => this.handleSendPin(phone)} \n />}\n {\n this.step === StepFormEnum.STEP_PIN &&\n <pin-form\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 {this.step === StepFormEnum.STEP_RESERVE && <giftback-info />}\n </div>\n )\n }\n}"],"mappings":"mHAAA,MAAMA,EAAkB,ggBACxB,MAAAC,EAAeD,E,MCSFE,EAAQ,M,yBAGXC,KAAAC,gBAAmCC,EAAgBC,c,yGAO/B,M,6EAIEC,EAAaC,a,iCAGjB,G,WACD,E,CAEzB,mBAAMC,CAAcC,GAElBP,KAAKQ,QAAU,GACf,IAAKD,EAAO,CACVP,KAAKQ,QAAU,uBACf,M,CAGFR,KAAKO,MAAQA,EAEbP,KAAKS,S,CAGC,qBAAAC,GACN,MAAMC,EAASX,KAAKO,MAAMK,QAAQ,MAAO,IACzC,OAAOC,OAAOF,E,CAGT,aAAMF,G,QACXT,KAAKc,QAAU,KACfd,KAAKQ,QAAU,GAEf,IAEE,MAAMG,EAASX,KAAKU,wBAEpBV,KAAKe,cAAgBf,KAAKC,gBAAgBQ,QAAQE,EAAQ,GAAIX,KAAKgB,WAEnEhB,KAAKiB,KAAOb,EAAac,Q,CAEzB,MAAOC,GACPnB,KAAKQ,SAAUY,GAAAC,EAAAF,IAAK,MAALA,SAAK,SAALA,EAAOG,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEZ,O,SAEtCR,KAAKc,QAAU,K,EAInB,WAAAU,GACExB,KAAKiB,KAAOb,EAAaqB,U,CAGpB,mBAAMC,CAAcC,G,QAEzB,GAAI3B,KAAK4B,OAAQ,CACf5B,KAAKiB,KAAOb,EAAaC,aACzB,M,CAGFL,KAAKc,QAAU,KACfd,KAAK4B,OAAS,GACd5B,KAAKmB,MAAQ,GACb,MAAMU,EAA+B,CACnCF,IAAKA,EACLG,UAAW9B,KAAKO,MAAMwB,WACtBC,QAAShC,KAAKe,QAAQiB,QAAQD,WAC9BE,OAAQjC,KAAKe,QAAQkB,OAAOF,WAC5BG,WAAYlC,KAAKmC,OACjBC,iBAAkBpC,KAAKqC,SACvBC,KAAM,KACNtB,UAAWhB,KAAKgB,WAGlB,IACEhB,KAAKuC,YAAcvC,KAAKC,gBAAgBuC,iBAAiBX,GAEzD7B,KAAK4B,OAAS,8B,CAEd,MAAOT,GACP,MAAMsB,GAAiBrB,GAAAC,EAAAF,IAAK,MAALA,SAAK,SAALA,EAAOG,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEZ,QAE9C,GAAIiC,EAAOC,SAAS,OAAQ,CAC1B1C,KAAKmB,MAAQ,kB,KACR,CACLnB,KAAKmB,MAAQsB,C,UAIfzC,KAAKc,QAAU,K,EAInB,MAAA6B,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACTF,EAAA,SAAAC,IAAA,2CAAOC,MAAM,aAAW,YAEvB9C,KAAKiB,OAASb,EAAaqB,YAC1BmB,EAAA,cAAAC,IAAA,2CACE/B,QAASd,KAAKc,QACdiC,cAAgBxC,GAAUP,KAAKM,cAAcC,KAG/CP,KAAKiB,OAASb,EAAac,UAC3B0B,EAAA,YAAAC,IAAA,2CACEtC,MAAOP,KAAKO,MACZyC,OAAQ,IAAMhD,KAAKwB,cACnByB,OAAQ,IAAMjD,KAAKS,UACnByC,SAAW3B,GAASvB,KAAK0B,cAAcH,GACvCT,QAASd,KAAKc,SAEbd,KAAK4B,QAAUgB,EAAA,KAAAC,IAAA,2CAAGC,MAAM,oBAAoB9C,KAAK4B,QACjD5B,KAAKmB,OAASyB,EAAA,KAAAC,IAAA,2CAAGC,MAAM,qBAAqB9C,KAAKmB,QAKrDnB,KAAKiB,OAASb,EAAaC,cAAgBuC,EAAA,iBAAAC,IAAA,6C","ignoreList":[]}
@@ -0,0 +1,3 @@
1
+ const e="crmbonus-component-wake";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:false,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:false,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:false};var n=Object.defineProperty;var l=(e,t)=>{for(var l in t)n(e,l,{get:t[l],enumerable:true})};var r=new WeakMap;var s=e=>r.get(e);var o=(e,t)=>r.set(t.t=e,t);var i=(e,t)=>{const n={l:0,$hostElement$:e,o:t,i:new Map};{n.u=new Promise((e=>n.v=e))}{n.p=new Promise((e=>n.h=e));e["s-p"]=[];e["s-rc"]=[]}return r.set(e,n)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,n)=>{const l=e.m.replace(/-/g,"_");const r=e.S;if(!r){return void 0}const s=c.get(r);if(s){return s[l]}
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{c.set(r,e)}return e[l]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var h=typeof window!=="undefined"?window:{};var m=h.document||{head:{}};var y={l:0,$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var b=e=>Promise.resolve(e);var w=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var S=false;var $=[];var g=[];var C=(e,t)=>n=>{e.push(n);if(!S){S=true;if(t&&y.l&4){x(j)}else{y.raf(j)}}};var k=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var j=()=>{k($);{k(g);if(S=$.length>0){y.raf(j)}}};var x=e=>b().then(e);var O=C(g,true);var E={};var T=e=>e!=null;var D=e=>{e=typeof e;return e==="object"||e==="function"};function L(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var M={};l(M,{err:()=>R,map:()=>A,ok:()=>F,unwrap:()=>P,unwrapErr:()=>N});var F=e=>({isOk:true,isErr:false,value:e});var R=e=>({isOk:false,isErr:true,value:e});function A(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>F(e)))}else{return F(n)}}if(e.isErr){const t=e.value;return R(t)}throw"should never get here"}var P=e=>{if(e.isOk){return e.value}else{throw e.value}};var N=e=>{if(e.isErr){return e.value}else{throw e.value}};var U=(e,t="")=>{{return()=>{}}};var W=(e,t)=>{{return()=>{}}};var H=(e,t,...n)=>{let l=null;let r=null;let s=false;let o=false;const i=[];const a=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){a(l)}else if(l!=null&&typeof l!=="boolean"){if(s=typeof e!=="function"&&!D(l)){l=String(l)}if(s&&o){i[i.length-1].C+=l}else{i.push(s?z(null,l):l)}o=s}}};a(n);if(t){if(t.key){r=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const f=z(e,null);f.k=t;if(i.length>0){f.j=i}{f.O=r}return f};var z=(e,t)=>{const n={l:0,T:e,C:t,D:null,j:null};{n.k=null}{n.O=null}return n};var B={};var Q=e=>e&&e.T===B;var q=(e,t)=>{if(e!=null&&!D(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var G=e=>s(e).$hostElement$;var I=(e,t,n)=>{const l=G(e);return{emit:e=>K(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var K=(e,t,n)=>{const l=y.ce(t,n);e.dispatchEvent(l);return l};var V=new WeakMap;var X=(e,t,n)=>{let l=v.get(e);if(w&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}v.set(e,l)};var _=(e,t,n)=>{var l;const r=Y(t);const s=v.get(r);e=e.nodeType===11?e:m;if(s){if(typeof s==="string"){e=e.head||e;let n=V.get(e);let o;if(!n){V.set(e,n=new Set)}if(!n.has(r)){{o=m.createElement("style");o.innerHTML=s;const n=(l=y.L)!=null?l:L(m);if(n!=null){o.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,n)}else if("host"in e){if(w){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(o)}}}else{e.append(o)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(o,null)}}if(t.l&4){o.innerHTML+=p}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return r};var J=e=>{const t=e.o;const n=e.$hostElement$;const l=t.l;const r=U("attachStyles",t.m);const s=_(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(l&10&&l&2){n["s-sc"]=s;n.classList.add(s+"-h")}r()};var Y=(e,t)=>"sc-"+e.m;var Z=(e,t,n,l,r,s)=>{if(n!==l){let o=a(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const r=te(n);const s=te(l);t.remove(...r.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!r.includes(e))))}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(h,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(n||l){const r=t.endsWith(ne);t=t.replace(le,"");if(n){y.rel(e,t,n,r)}if(l){y.ael(e,t,l,r)}}}else{const i=D(l);if((o||i&&l!==null)&&!r){try{if(!e.tagName.includes("-")){const r=l==null?"":l;if(t==="list"){o=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else{e[t]=l}}catch(e){}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||s&4||r)&&!i){l=l===true?"":l;{e.setAttribute(t,l)}}}}};var ee=/\s/;var te=e=>!e?[]:e.split(ee);var ne="Capture";var le=new RegExp(ne+"$");var re=(e,t,n)=>{const l=t.D.nodeType===11&&t.D.host?t.D.host:t.D;const r=e&&e.k||E;const s=t.k||E;{for(const e of se(Object.keys(r))){if(!(e in s)){Z(l,e,r[e],void 0,n,t.l)}}}for(const e of se(Object.keys(s))){Z(l,e,r[e],s[e],n,t.l)}};function se(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var oe;var ie;var ae=false;var fe=false;var ce=(e,n,l,r)=>{const s=n.j[l];let o=0;let i;let a;if(s.C!==null){i=s.D=m.createTextNode(s.C)}else{i=s.D=m.createElement(!ae&&t.slotRelocation&&s.l&2?"slot-fb":s.T);{re(null,s,fe)}const n=i.getRootNode();const l=!n.querySelector("body");if(!l&&t.scoped&&T(oe)&&i["s-si"]!==oe){i.classList.add(i["s-si"]=oe)}if(s.j){for(o=0;o<s.j.length;++o){a=ce(e,s,o);if(a){i.appendChild(a)}}}}i["s-hn"]=ie;return i};var ue=(e,t,n,l,r,s)=>{let o=e;let i;if(o.shadowRoot&&o.tagName===ie){o=o.shadowRoot}for(;r<=s;++r){if(l[r]){i=ce(null,n,r);if(i){l[r].D=i;ye(o,i,t)}}}};var ve=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.D;me(t);if(e){e.remove()}}}};var de=(e,t,n,l,r=false)=>{let s=0;let o=0;let i=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=l.length-1;let d=l[0];let p=l[v];let h;let m;while(s<=f&&o<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=l[++o]}else if(p==null){p=l[--v]}else if(pe(c,d,r)){he(c,d,r);c=t[++s];d=l[++o]}else if(pe(u,p,r)){he(u,p,r);u=t[--f];p=l[--v]}else if(pe(c,p,r)){he(c,p,r);ye(e,c.D,u.D.nextSibling);c=t[++s];p=l[--v]}else if(pe(u,d,r)){he(u,d,r);ye(e,u.D,c.D);u=t[--f];d=l[++o]}else{i=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){i=a;break}}}if(i>=0){m=t[i];if(m.T!==d.T){h=ce(t&&t[o],n,i)}else{he(m,d,r);t[i]=void 0;h=m.D}d=l[++o]}else{h=ce(t&&t[o],n,o);d=l[++o]}if(h){{ye(c.D.parentNode,h,c.D)}}}}if(s>f){ue(e,l[v+1]==null?null:l[v+1].D,n,l,o,v)}else if(o>v){ve(t,s,f)}};var pe=(e,t,n=false)=>{if(e.T===t.T){if(!n){return e.O===t.O}return true}return false};var he=(e,n,l=false)=>{const r=n.D=e.D;const s=e.j;const o=n.j;const i=n.T;const a=n.C;if(a===null){{if(i==="slot"&&!ae);else{re(e,n,fe)}}if(s!==null&&o!==null){de(r,s,n,o,l)}else if(o!==null){if(e.C!==null){r.textContent=""}ue(r,null,n,o,0,o.length-1)}else if(!l&&t.updatable&&s!==null){ve(s,0,s.length-1)}}else if(e.C!==a){r.data=a}};var me=e=>{{e.k&&e.k.ref&&e.k.ref(null);e.j&&e.j.map(me)}};var ye=(e,t,n)=>{const l=e==null?void 0:e.insertBefore(t,n);return l};var be=(e,t,n=false)=>{const l=e.$hostElement$;const r=e.o;const s=e.M||z(null,null);const o=Q(t)?t:H(null,null,t);ie=l.tagName;if(r.F){o.k=o.k||{};r.F.map((([e,t])=>o.k[t]=l[e]))}if(n&&o.k){for(const e of Object.keys(o.k)){if(l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.k[e]=l[e]}}}o.T=null;o.l|=4;e.M=o;o.D=s.D=l.shadowRoot||l;{oe=l["s-sc"]}ae=(r.l&1)!==0;he(s,o,n)};var we=(e,t)=>{if(t&&!e.R&&t["s-p"]){t["s-p"].push(new Promise((t=>e.R=t)))}};var Se=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}we(e,e.A);const n=()=>$e(e,t);return O(n)};var $e=(e,t)=>{const n=e.$hostElement$;const l=U("scheduleUpdate",e.o.m);const r=e.t;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{s=Ee(r,"componentWillLoad")}}l();return ge(s,(()=>ke(e,r,t)))};var ge=(e,t)=>Ce(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ce=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var ke=async(e,t,n)=>{var l;const r=e.$hostElement$;const s=U("update",e.o.m);const o=r["s-rc"];if(n){J(e)}const i=U("render",e.o.m);{je(e,t,r,n)}if(o){o.map((e=>e()));r["s-rc"]=void 0}i();s();{const t=(l=r["s-p"])!=null?l:[];const n=()=>xe(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var je=(e,t,n,l)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{be(e,t,l)}}}}catch(t){f(t,e.$hostElement$)}return null};var xe=e=>{const t=e.o.m;const n=e.$hostElement$;const l=U("postUpdate",t);const r=e.A;if(!(e.l&64)){e.l|=64;{Te(n)}l();{e.h(n);if(!r){Oe()}}}else{l()}{e.v(n)}{if(e.R){e.R();e.R=void 0}if(e.l&512){x((()=>Se(e,false)))}e.l&=~(4|512)}};var Oe=t=>{{Te(m.documentElement)}x((()=>K(h,"appload",{detail:{namespace:e}})))};var Ee=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e)}}return void 0};var Te=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var De=(e,t)=>s(e).i.get(t);var Le=(e,t,n,l)=>{const r=s(e);if(!r){throw new Error(`Couldn't find host element for "${l.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const o=r.i.get(t);const i=r.l;const a=r.t;n=q(n,l.P[t][0]);const f=Number.isNaN(o)&&Number.isNaN(n);const c=n!==o&&!f;if((!(i&8)||o===void 0)&&c){r.i.set(t,n);if(a){if((i&(2|16))===2){Se(r,false)}}}};var Me=(e,n,l)=>{var r,o;const i=e.prototype;if(n.P||t.watchCallback){const t=Object.entries((r=n.P)!=null?r:{});t.map((([e,[t]])=>{if(t&31||l&2&&t&32){Object.defineProperty(i,e,{get(){return De(this,e)},set(t){Le(this,e,t,n)},configurable:true,enumerable:true})}else if(l&1&&t&64){Object.defineProperty(i,e,{value(...t){var n;const l=s(this);return(n=l==null?void 0:l.u)==null?void 0:n.then((()=>{var n;return(n=l.t)==null?void 0:n[e](...t)}))}})}}));if(l&1){const l=new Map;i.attributeChangedCallback=function(e,t,r){y.jmp((()=>{var o;const a=l.get(e);if(this.hasOwnProperty(a)){r=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==r){return}else if(a==null){const l=s(this);const i=l==null?void 0:l.l;if(i&&!(i&8)&&i&128&&r!==t){const s=l.t;const i=(o=n.N)==null?void 0:o[e];i==null?void 0:i.forEach((n=>{if(s[n]!=null){s[n].call(s,r,t,e)}}))}return}this[a]=r===null&&typeof this[a]==="boolean"?false:r}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=n.N)!=null?o:{}),...t.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var r;const s=t[1]||e;l.set(s,e);if(t[0]&512){(r=n.F)==null?void 0:r.push([e,s])}return s}))]))}}return e};var Fe=async(e,t,n,l)=>{let r;if((t.l&32)===0){t.l|=32;const l=n.S;if(l){const e=u(n);if(e&&"then"in e){const t=W();r=await e;t()}else{r=e}if(!r){throw new Error(`Constructor for "${n.m}#${t.U}" was not found`)}if(!r.isProxied){Me(r,n,2);r.isProxied=true}const l=U("createInstance",n.m);{t.l|=8}try{new r(t)}catch(e){f(e)}{t.l&=~8}l()}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=Y(n);if(!v.has(t)){const l=U("registerStyles",n.m);X(t,e,!!(n.l&1));l()}}}const s=t.A;const o=()=>Se(t,true);if(s&&s["s-rc"]){s["s-rc"].push(o)}else{o()}};var Re=e=>{};var Ae=e=>{if((y.l&1)===0){const t=s(e);const n=t.o;const l=U("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){we(t,t.A=n);break}}}if(n.P){Object.entries(n.P).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Fe(e,t,n)}}else{if(t==null?void 0:t.t);else if(t==null?void 0:t.p){t.p.then((()=>Re()))}}l()}};var Pe=e=>{{Ee(e,"disconnectedCallback")}};var Ne=async e=>{if((y.l&1)===0){const t=s(e);if(t==null?void 0:t.t){Pe(t.t)}else if(t==null?void 0:t.p){t.p.then((()=>Pe(t.t)))}}};var Ue=(e,t={})=>{var n;const l=U();const r=[];const o=t.exclude||[];const a=h.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.$=new URL(t.resourcesUrl||"./",m.baseURI).href;let S=false;e.map((e=>{e[1].map((t=>{const n={l:t[0],m:t[1],P:t[2],W:t[3]};if(n.l&4){S=true}{n.P=t[2]}{n.F=[]}const l=n.m;const f=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;i(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>Ae(this)))}}disconnectedCallback(){y.jmp((()=>Ne(this)))}componentOnReady(){return s(this).p}};n.S=e[0];if(!o.includes(l)&&!a.get(l)){r.push(l);a.define(l,Me(f,n,1))}}))}));if(r.length>0){if(S){u.textContent+=p}{u.textContent+=r.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=y.L)!=null?n:L(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(Oe,30)))}}l()};var We=e=>y.L=e;export{B as H,Ue as b,I as c,H as h,b as p,o as r,We as s};
3
+ //# sourceMappingURL=p-6e6bf96e.js.map