crmbonus-component-wake 2.0.47 → 2.0.49

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 (198) hide show
  1. package/dist/cjs/app-modal.cjs.entry.js +1 -1
  2. package/dist/cjs/countdown-timer_4.cjs.entry.js +27 -21
  3. package/dist/cjs/countdown-timer_4.cjs.entry.js.map +1 -1
  4. package/dist/cjs/crm-bonus-form.cjs.entry.js +2 -2
  5. package/dist/cjs/crm-bonus-note.cjs.entry.js +15 -5
  6. package/dist/cjs/crm-bonus-note.cjs.entry.js.map +1 -1
  7. package/dist/cjs/crm-bonus.cjs.entry.js +8 -4
  8. package/dist/cjs/crm-bonus.cjs.entry.js.map +1 -1
  9. package/dist/cjs/crm-giftback-form.cjs.entry.js +70 -7
  10. package/dist/cjs/crm-giftback-form.cjs.entry.js.map +1 -1
  11. package/dist/cjs/crmbonus-component-wake.cjs.js +1 -1
  12. package/dist/cjs/{crmbonus.service-e375ebfe.js → crmbonus.service-7991795d.js} +10 -2
  13. package/dist/cjs/crmbonus.service-7991795d.js.map +1 -0
  14. package/dist/cjs/giftback-finish_4.cjs.entry.js +1 -1
  15. package/dist/cjs/giftback-finish_4.cjs.entry.js.map +1 -1
  16. package/dist/cjs/{i18n-db722856.js → i18n-818275e6.js} +3 -2
  17. package/dist/cjs/{i18n-db722856.js.map → i18n-818275e6.js.map} +1 -1
  18. package/dist/cjs/{index-fdad75ce.js → index-96a8951f.js} +2 -1
  19. package/dist/cjs/index-96a8951f.js.map +1 -0
  20. package/dist/cjs/info.config.helper-c5d9f781.js +16 -0
  21. package/dist/cjs/info.config.helper-c5d9f781.js.map +1 -0
  22. package/dist/cjs/loader.cjs.js +1 -1
  23. package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
  24. package/dist/cjs/pedido-finalizado.cjs.entry.js +2 -2
  25. package/dist/cjs/phone-input-mask.cjs.entry.js +2 -2
  26. package/dist/collection/components/crm-bonus/crm-bonus.js +5 -1
  27. package/dist/collection/components/crm-bonus/crm-bonus.js.map +1 -1
  28. package/dist/collection/components/crm-bonus-form/crm-bonus-form.js +1 -1
  29. package/dist/collection/components/crm-bonus-form/subcomponents/giftback-pin/giftback-pin.css +1 -5
  30. package/dist/collection/components/giftback-form/giftback-form.css +32 -5
  31. package/dist/collection/components/giftback-form/giftback-form.js +69 -5
  32. package/dist/collection/components/giftback-form/giftback-form.js.map +1 -1
  33. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.css +3 -1
  34. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js +21 -8
  35. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js.map +1 -1
  36. package/dist/collection/components/giftback-form/subcomponents/giftback-message/giftback-massage.js +11 -0
  37. package/dist/collection/components/giftback-form/subcomponents/giftback-message/giftback-massage.js.map +1 -0
  38. package/dist/collection/components/giftback-form/subcomponents/phone-form/phone-form.js +1 -1
  39. package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.css +0 -3
  40. package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.js +1 -7
  41. package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.js.map +1 -1
  42. package/dist/collection/components/loading-spinner/loading-spinner.js +1 -1
  43. package/dist/collection/components/modal/app-modal.js +1 -1
  44. package/dist/collection/components/note/crm-bonus-note.css +23 -7
  45. package/dist/collection/components/note/crm-bonus-note.js +33 -5
  46. package/dist/collection/components/note/crm-bonus-note.js.map +1 -1
  47. package/dist/collection/components/pedido/pedido.js +1 -1
  48. package/dist/collection/components/phone/phone-input-mask.js +1 -1
  49. package/dist/collection/contants/index.js +1 -0
  50. package/dist/collection/contants/index.js.map +1 -1
  51. package/dist/collection/helpers/info.config.helper.js +11 -0
  52. package/dist/collection/helpers/info.config.helper.js.map +1 -0
  53. package/dist/collection/i18n/i18n.js +2 -1
  54. package/dist/collection/i18n/i18n.js.map +1 -1
  55. package/dist/collection/services/crmbonus.service.js +8 -0
  56. package/dist/collection/services/crmbonus.service.js.map +1 -1
  57. package/dist/components/app-modal.js +1 -1
  58. package/dist/components/crm-bonus-form.js +6 -6
  59. package/dist/components/crm-bonus-note.js +18 -6
  60. package/dist/components/crm-bonus-note.js.map +1 -1
  61. package/dist/components/crm-bonus.js +15 -11
  62. package/dist/components/crm-bonus.js.map +1 -1
  63. package/dist/components/crm-button.js +1 -1
  64. package/dist/components/crm-giftback-form.js +1 -1
  65. package/dist/components/giftback-info.js +1 -1
  66. package/dist/components/giftback-pin.js +1 -1
  67. package/dist/components/giftback-progress.js +1 -1
  68. package/dist/components/loading-spinner.js +1 -1
  69. package/dist/components/name-input.js +1 -1
  70. package/dist/components/p-0a57e57f.js +91 -0
  71. package/dist/components/p-0a57e57f.js.map +1 -0
  72. package/dist/components/{p-b1841bad.js → p-11bd8050.js} +6 -6
  73. package/dist/components/p-11bd8050.js.map +1 -0
  74. package/dist/{esm/i18n-d8b777a9.js → components/p-1d5eeac0.js} +3 -2
  75. package/dist/components/{p-a7e91243.js.map → p-1d5eeac0.js.map} +1 -1
  76. package/dist/components/{p-f8b4698f.js → p-25f37293.js} +79 -15
  77. package/dist/components/p-25f37293.js.map +1 -0
  78. package/dist/components/{p-878c694e.js → p-384fabf7.js} +10 -2
  79. package/dist/components/p-384fabf7.js.map +1 -0
  80. package/dist/components/{p-1539def7.js → p-46578efa.js} +2 -2
  81. package/dist/components/{p-1539def7.js.map → p-46578efa.js.map} +1 -1
  82. package/dist/components/{p-0c1aa75b.js → p-4f18f4c0.js} +3 -3
  83. package/dist/components/p-4f18f4c0.js.map +1 -0
  84. package/dist/components/{p-bf93729e.js → p-5c3fe5a8.js} +2 -2
  85. package/dist/components/{p-bf93729e.js.map → p-5c3fe5a8.js.map} +1 -1
  86. package/dist/components/{p-bc925ed6.js → p-5dfa24e0.js} +7 -13
  87. package/dist/components/p-5dfa24e0.js.map +1 -0
  88. package/dist/components/p-75ba7b9a.js +14 -0
  89. package/dist/components/p-75ba7b9a.js.map +1 -0
  90. package/dist/components/{p-e443d670.js → p-a30bd6b1.js} +2 -2
  91. package/dist/components/{p-e443d670.js.map → p-a30bd6b1.js.map} +1 -1
  92. package/dist/components/{p-dddd9ee6.js → p-a561251a.js} +2 -1
  93. package/dist/components/p-a561251a.js.map +1 -0
  94. package/dist/components/{p-7e8a1832.js → p-be365312.js} +3 -3
  95. package/dist/components/{p-7e8a1832.js.map → p-be365312.js.map} +1 -1
  96. package/dist/components/{p-f2ab4eea.js → p-f168d5f6.js} +2 -2
  97. package/dist/components/{p-f2ab4eea.js.map → p-f168d5f6.js.map} +1 -1
  98. package/dist/components/pedido-finalizado.js +2 -2
  99. package/dist/components/phone-cancel-input.js +2 -2
  100. package/dist/components/phone-form.js +1 -1
  101. package/dist/components/phone-input-mask.js +1 -1
  102. package/dist/components/phone-input.js +2 -2
  103. package/dist/components/pin-form.js +1 -1
  104. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +1 -1
  105. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js.map +1 -1
  106. package/dist/crmbonus-component-wake/{p-a7e91243.js → p-1d5eeac0.js} +2 -2
  107. package/dist/crmbonus-component-wake/p-1d5eeac0.js.map +1 -0
  108. package/dist/crmbonus-component-wake/{p-878c694e.js → p-384fabf7.js} +2 -2
  109. package/dist/crmbonus-component-wake/p-384fabf7.js.map +1 -0
  110. package/dist/crmbonus-component-wake/{p-cdd018cc.entry.js → p-3beb5158.entry.js} +2 -2
  111. package/dist/crmbonus-component-wake/{p-7aff6c4e.entry.js → p-5a8fa5b9.entry.js} +2 -2
  112. package/dist/crmbonus-component-wake/p-66f41fd0.entry.js +2 -0
  113. package/dist/crmbonus-component-wake/p-75ba7b9a.js +2 -0
  114. package/dist/crmbonus-component-wake/p-75ba7b9a.js.map +1 -0
  115. package/dist/crmbonus-component-wake/p-830b5bdc.entry.js +2 -0
  116. package/dist/crmbonus-component-wake/p-830b5bdc.entry.js.map +1 -0
  117. package/dist/crmbonus-component-wake/{p-d6af7631.entry.js → p-9514339e.entry.js} +2 -2
  118. package/dist/crmbonus-component-wake/p-a561251a.js +2 -0
  119. package/dist/crmbonus-component-wake/p-a561251a.js.map +1 -0
  120. package/dist/crmbonus-component-wake/p-af160cdc.entry.js +2 -0
  121. package/dist/crmbonus-component-wake/p-af160cdc.entry.js.map +1 -0
  122. package/dist/crmbonus-component-wake/p-c271c472.entry.js +2 -0
  123. package/dist/crmbonus-component-wake/p-c271c472.entry.js.map +1 -0
  124. package/dist/crmbonus-component-wake/p-c72a11ba.entry.js +2 -0
  125. package/dist/crmbonus-component-wake/p-c72a11ba.entry.js.map +1 -0
  126. package/dist/crmbonus-component-wake/p-cc452df3.entry.js +2 -0
  127. package/dist/crmbonus-component-wake/p-cc452df3.entry.js.map +1 -0
  128. package/dist/crmbonus-component-wake/{p-be553772.entry.js → p-d0349daf.entry.js} +2 -2
  129. package/dist/env.js +1 -1
  130. package/dist/env.js.map +1 -1
  131. package/dist/esm/app-modal.entry.js +1 -1
  132. package/dist/esm/countdown-timer_4.entry.js +27 -21
  133. package/dist/esm/countdown-timer_4.entry.js.map +1 -1
  134. package/dist/esm/crm-bonus-form.entry.js +2 -2
  135. package/dist/esm/crm-bonus-note.entry.js +15 -5
  136. package/dist/esm/crm-bonus-note.entry.js.map +1 -1
  137. package/dist/esm/crm-bonus.entry.js +8 -4
  138. package/dist/esm/crm-bonus.entry.js.map +1 -1
  139. package/dist/esm/crm-giftback-form.entry.js +70 -7
  140. package/dist/esm/crm-giftback-form.entry.js.map +1 -1
  141. package/dist/esm/crmbonus-component-wake.js +1 -1
  142. package/dist/esm/{crmbonus.service-4ee773c8.js → crmbonus.service-a846150c.js} +10 -2
  143. package/dist/esm/crmbonus.service-a846150c.js.map +1 -0
  144. package/dist/esm/giftback-finish_4.entry.js +1 -1
  145. package/dist/esm/giftback-finish_4.entry.js.map +1 -1
  146. package/dist/{components/p-a7e91243.js → esm/i18n-853fedb3.js} +3 -2
  147. package/dist/esm/{i18n-d8b777a9.js.map → i18n-853fedb3.js.map} +1 -1
  148. package/dist/esm/{index-7101ea0c.js → index-3c6d4feb.js} +2 -1
  149. package/dist/esm/index-3c6d4feb.js.map +1 -0
  150. package/dist/esm/info.config.helper-42d9ddf9.js +14 -0
  151. package/dist/esm/info.config.helper-42d9ddf9.js.map +1 -0
  152. package/dist/esm/loader.js +1 -1
  153. package/dist/esm/loading-spinner.entry.js +1 -1
  154. package/dist/esm/pedido-finalizado.entry.js +2 -2
  155. package/dist/esm/phone-input-mask.entry.js +2 -2
  156. package/dist/types/components/crm-bonus/crm-bonus.d.ts +1 -0
  157. package/dist/types/components/giftback-form/giftback-form.d.ts +8 -0
  158. package/dist/types/components/giftback-form/subcomponents/giftback-info/giftback-info.d.ts +2 -2
  159. package/dist/types/components/giftback-form/subcomponents/giftback-message/giftback-massage.d.ts +3 -0
  160. package/dist/types/components/giftback-form/subcomponents/pin-form/pin-form.d.ts +0 -1
  161. package/dist/types/components/note/crm-bonus-note.d.ts +4 -0
  162. package/dist/types/components.d.ts +2 -0
  163. package/dist/types/contants/index.d.ts +2 -1
  164. package/dist/types/helpers/info.config.helper.d.ts +6 -0
  165. package/dist/types/services/crmbonus.service.d.ts +1 -0
  166. package/package.json +1 -1
  167. package/dist/cjs/crmbonus.service-e375ebfe.js.map +0 -1
  168. package/dist/cjs/index-fdad75ce.js.map +0 -1
  169. package/dist/components/p-0c1aa75b.js.map +0 -1
  170. package/dist/components/p-878c694e.js.map +0 -1
  171. package/dist/components/p-9a435c31.js +0 -79
  172. package/dist/components/p-9a435c31.js.map +0 -1
  173. package/dist/components/p-b1841bad.js.map +0 -1
  174. package/dist/components/p-bc925ed6.js.map +0 -1
  175. package/dist/components/p-dddd9ee6.js.map +0 -1
  176. package/dist/components/p-f8b4698f.js.map +0 -1
  177. package/dist/crmbonus-component-wake/p-574108d2.entry.js +0 -2
  178. package/dist/crmbonus-component-wake/p-574108d2.entry.js.map +0 -1
  179. package/dist/crmbonus-component-wake/p-61462d71.entry.js +0 -2
  180. package/dist/crmbonus-component-wake/p-61462d71.entry.js.map +0 -1
  181. package/dist/crmbonus-component-wake/p-63d2a359.entry.js +0 -2
  182. package/dist/crmbonus-component-wake/p-63d2a359.entry.js.map +0 -1
  183. package/dist/crmbonus-component-wake/p-83182e85.entry.js +0 -2
  184. package/dist/crmbonus-component-wake/p-83182e85.entry.js.map +0 -1
  185. package/dist/crmbonus-component-wake/p-878c694e.js.map +0 -1
  186. package/dist/crmbonus-component-wake/p-a7e91243.js.map +0 -1
  187. package/dist/crmbonus-component-wake/p-dddd9ee6.js +0 -2
  188. package/dist/crmbonus-component-wake/p-dddd9ee6.js.map +0 -1
  189. package/dist/crmbonus-component-wake/p-e23e8d6d.entry.js +0 -2
  190. package/dist/crmbonus-component-wake/p-e23e8d6d.entry.js.map +0 -1
  191. package/dist/crmbonus-component-wake/p-e3b52362.entry.js +0 -2
  192. package/dist/esm/crmbonus.service-4ee773c8.js.map +0 -1
  193. package/dist/esm/index-7101ea0c.js.map +0 -1
  194. /package/dist/crmbonus-component-wake/{p-cdd018cc.entry.js.map → p-3beb5158.entry.js.map} +0 -0
  195. /package/dist/crmbonus-component-wake/{p-7aff6c4e.entry.js.map → p-5a8fa5b9.entry.js.map} +0 -0
  196. /package/dist/crmbonus-component-wake/{p-e3b52362.entry.js.map → p-66f41fd0.entry.js.map} +0 -0
  197. /package/dist/crmbonus-component-wake/{p-d6af7631.entry.js.map → p-9514339e.entry.js.map} +0 -0
  198. /package/dist/crmbonus-component-wake/{p-be553772.entry.js.map → p-d0349daf.entry.js.map} +0 -0
@@ -12,7 +12,7 @@ const LoadingSpinner = /*@__PURE__*/ proxyCustomElement(class LoadingSpinner ext
12
12
  this.color = '#0078d7';
13
13
  }
14
14
  render() {
15
- return (h("div", { key: '54eff3c98337066831f2fbd1cd1dc933e828b9c3', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
15
+ return (h("div", { key: '5d3cd866b3ab7f4898ad1142fb39b89c572867d7', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
16
16
  }
17
17
  static get style() { return LoadingSpinnerStyle0; }
18
18
  }, [1, "loading-spinner", {
@@ -36,4 +36,4 @@ defineCustomElement();
36
36
 
37
37
  export { LoadingSpinner as L, defineCustomElement as d };
38
38
 
39
- //# sourceMappingURL=p-bf93729e.js.map
39
+ //# sourceMappingURL=p-5c3fe5a8.js.map
@@ -1 +1 @@
1
- {"file":"p-bf93729e.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,iOAAiO,CAAC;AAC5P,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;oBACA,MAAM;qBACL,SAAS;;IAEjC,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,sCAAsC,EAAE,GAAQ,EAC/I;KACL;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/loading-spinner/loading-spinner.css?tag=loading-spinner&encapsulation=shadow","src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":[".spinner {\n display: inline-block;\n border: 4px solid transparent;\n border-radius: 50%;\n border-top-color: var(--color, #0078d7);\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'loading-spinner',\n styleUrl: 'loading-spinner.css',\n shadow: true,\n})\nexport class LoadingSpinner {\n @Prop() size: string = '50px'; // Tamanho do spinner (padrão 50px)\n @Prop() color: string = '#0078d7'; // Cor do spinner (padrão azul)\n\n render() {\n return (\n <div class=\"spinner\" style={{ width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` }}></div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-5c3fe5a8.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,iOAAiO,CAAC;AAC5P,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;oBACA,MAAM;qBACL,SAAS;;IAEjC,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,sCAAsC,EAAE,GAAQ,EAC/I;KACL;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/loading-spinner/loading-spinner.css?tag=loading-spinner&encapsulation=shadow","src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":[".spinner {\n display: inline-block;\n border: 4px solid transparent;\n border-radius: 50%;\n border-top-color: var(--color, #0078d7);\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'loading-spinner',\n styleUrl: 'loading-spinner.css',\n shadow: true,\n})\nexport class LoadingSpinner {\n @Prop() size: string = '50px'; // Tamanho do spinner (padrão 50px)\n @Prop() color: string = '#0078d7'; // Cor do spinner (padrão azul)\n\n render() {\n return (\n <div class=\"spinner\" style={{ width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` }}></div>\n );\n }\n}\n"],"version":3}
@@ -1,13 +1,13 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
2
- import { i as instance } from './p-a7e91243.js';
2
+ import { i as instance } from './p-1d5eeac0.js';
3
3
  import { d as defineCustomElement$3 } from './p-39d680b6.js';
4
- import { d as defineCustomElement$2 } from './p-1539def7.js';
5
- import { d as defineCustomElement$1 } from './p-bf93729e.js';
4
+ import { d as defineCustomElement$2 } from './p-46578efa.js';
5
+ import { d as defineCustomElement$1 } from './p-5c3fe5a8.js';
6
6
 
7
- const pinFormCss = ":host{display:block;font-family:Arial, sans-serif}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}input{width:40px;height:48px;font-size:14px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}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}.crm-description{font-size:14px;width:100%;display:flex;gap:9px}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";
7
+ const pinFormCss = ":host{display:block;font-family:Arial, sans-serif}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}input{width:40px;height:48px;font-size:14px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer}.button-cancel{top:50%;background-color:#ffffff;color:#1e1c1c;border:1px solid gray;border-radius:10px;padding:10px;min-height:30px;min-width:120px;font-size:19px;cursor:pointer}.crm-description{font-size:14px;width:100%;display:flex;gap:9px}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";
8
8
  const PinFormStyle0 = pinFormCss;
9
9
 
10
- const giftbackFormCss = "*{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}";
10
+ const giftbackFormCss = "*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{font-family:Roboto;font-size:var(--crmfont-sizebodymd);font-weight:400;line-height:var(--crmline-heightbodymd);letter-spacing:var(--crmletter-spacingtitle-md);text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn)}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";
11
11
  const PinFormStyle1 = giftbackFormCss;
12
12
 
13
13
  const GiftbackPin = /*@__PURE__*/ proxyCustomElement(class GiftbackPin extends H {
@@ -56,14 +56,8 @@ const GiftbackPin = /*@__PURE__*/ proxyCustomElement(class GiftbackPin extends H
56
56
  await this.resend();
57
57
  this.canResend = false;
58
58
  }
59
- renderOptions() {
60
- if (!this.canResend) {
61
- return h("label", null, " Reenviar em ", h("countdown-timer", { downtime: () => this.handleTimeout() }), " ");
62
- }
63
- return (h("div", null, h("a", { onClick: () => this.resend() }, "Reenviar"), h("a", { onClick: () => this.cancel() }, "Trocar n\u00FAmero")));
64
- }
65
59
  render() {
66
- return (h("div", { key: '59ca50f43a04ec29730c8b3d4a05d7f55c5348ca', class: "crm-phone-form" }, h("label", { key: '1118fe90c74966783f63ce7160b7e16ea7dd9e57', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: '66cfeccfecf01c7c10371e052349c1b46bffef03' }, "+55 ", this.phone)), h("div", { key: 'a74a395304d383664f336445e636a5379879f8c2', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) })))), h("slot", { key: '13c13e409fe4f06d78f0b181b13f777c9df67e7e' }), h("p", { key: '8db0e64c2fdc0d14aa51613f8ddf958e62668aee', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: 'f732ad5ab9104c240c67db62b1046f05ff3657e8' }, " Reenviar em ", h("countdown-timer", { key: '5ed248ad9e2a667b8b8d11607c267bae47484b4e', downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '95d33dbd95e0583e5a475c0c43b42ab653723bcb' }, h("a", { key: 'f10e5af3f4744db9b7b80a7fbe4ae9b2b3344781', onClick: () => this.resend() }, "Reenviar"), h("a", { key: '00443627b9cdcbad2111cc85e63faae91a4c4676', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: 'b57cfa6170cd537e7d47661a3706d957e87ebe7e', txtBtn: "Avan\u00E7ar", loading: this.loading, onClick: () => this.validatePin() })));
60
+ return (h("div", { key: '0dfe272b20cf9bc2a77b488006711b40a1182d7f', class: "crm-phone-form" }, h("label", { key: '5f845c3cbe8680f6070fcdce98dd5fc9bbeb7fc8', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: '68a0a6c5d0c482f0c08f42134edcef2750dace38' }, "+55 ", this.phone)), h("div", { key: '3fc6e7cb1f0087c186ec8329e15b160778f4f6af', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) })))), h("slot", { key: '3cc833de9c2197c5a78d9874c169a2ed1f9341cb' }), h("p", { key: 'b83fdd1cd0c12a73e5aa667c986a4cfcd9233c79', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: 'd624a07ff0792d893c8b2e9cd2c7cf4bfdb11110' }, " Reenviar em ", h("countdown-timer", { key: '0b71bf50a51924ffca57ab226cfa35022451b619', downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '1a8a8c03a428563bcb4813f24e6d0400525590d7' }, h("a", { key: '0b4292274a6c311f8343ddde81da336967f8edad', onClick: () => this.resend() }, "Reenviar"), h("a", { key: 'fdb89612995ee4c79afa83d3a428ba62afabd6f4', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '3c94f9e8adf2d572d8e8fd24ec10e5c984971d11', txtBtn: "Avan\u00E7ar", loading: this.loading, onClick: () => this.validatePin() })));
67
61
  }
68
62
  static get style() { return PinFormStyle0 + PinFormStyle1; }
69
63
  }, [1, "pin-form", {
@@ -109,4 +103,4 @@ defineCustomElement();
109
103
 
110
104
  export { GiftbackPin as G, defineCustomElement as d };
111
105
 
112
- //# sourceMappingURL=p-bc925ed6.js.map
106
+ //# sourceMappingURL=p-5dfa24e0.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-5dfa24e0.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,u6BAAu6B,CAAC;AAC37B,sBAAe,UAAU;;ACDzB,MAAM,eAAe,GAAG,i9BAAi9B,CAAC;AAC1+B,sBAAe,eAAe;;MCQjB,WAAW;;;;;;;;;uBAOO,KAAK;;mBAGP,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;0BACV,KAAK;yBACN,KAAK;;IAEnC,iBAAiB;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KAC1B;IAED,WAAW,CAAC,KAAY,EAAE,KAAa;QACnC,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;;QAGxB,IAAI,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;YACtC,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAsC,CAAC;YAC/D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;SACtB;QAED,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;KAC5B;IAED,WAAW;QACP,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;KACnC;IAED,SAAS;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAClC,IAAI,OAAO,KAAK,MAAM,EAAE;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B;KACJ;IAED,aAAa;QACT,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;KACzB;IAED,MAAM,YAAY;QACd,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QAEpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KAC1B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,8DAAO,KAAK,EAAC,cAAc,IAAGA,QAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAE,yEAAa,IAAI,CAAC,KAAK,CAAU,CAAQ,EACjG,4DAAK,KAAK,EAAC,eAAe,IACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MACnB,aACI,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EACtB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,GACpD,CACL,CAAC,CACA,EAEP,8DAAa,EAEZ,0DAAG,KAAK,EAAC,iBAAiB,0BAElB,CAAC,IAAI,CAAC,SAAS,IAAI,iFAAoB,wEAAiB,QAAQ,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,GAAI,MAAS,EAGzG,IAAI,CAAC,SAAS,KACV,8DACI,0DAAG,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAAc,EAC7C,0DAAG,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,yBAAmB,CAChD,CACT,CAEL,EACJ,mEAAY,MAAM,EAAC,cAAS,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,GAAI,CAetF,EACT;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["i18next"],"sources":["src/components/giftback-form/subcomponents/pin-form/pin-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/giftback-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/subcomponents/pin-form/pin-form.tsx"],"sourcesContent":[":host {\n display: block;\n font-family: Arial, sans-serif;\n}\n\n.form-container-pin {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.pin-container {\n display: flex;\n /* margin: 26px 0; */\n justify-content: start;\n gap: 10px;\n}\n\ninput {\n width: 40px;\n height: 48px;\n font-size: 14px;\n text-align: center;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\nbutton {\n padding: 10px 20px;\n background-color: #ddd;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\n\n.success {\n color: green;\n margin-top: 10px;\n}\n\n.button {\n top: 50%;\n background-color: #6c6c7e;\n color: #fff;\n border: none;\n border-radius: 10px;\n padding: 15px;\n min-height: 30px;\n min-width: 120px;\n font-size: 20px;\n cursor: pointer;\n}\n\n.button-cancel {\n top: 50%;\n background-color: #ffffff;\n color: #1e1c1c;\n border: 1px solid gray;\n border-radius: 10px;\n padding: 10px;\n min-height: 30px;\n min-width: 120px;\n font-size: 19px;\n cursor: pointer;\n}\n\n.crm-description {\n font-size: 14px;\n width: 100%;\n display: flex;\n gap: 9px;\n}\n\n.crm-description a {\n font-weight: bold;\n cursor: pointer;\n text-decoration: underline;\n}\n\n.crm-description div {\n display: flex;\n gap: 5px;\n}","* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:host {\n --crmfont-sizebodymd: 14px;\n --crmline-heightbodymd: 20px;\n --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n font-family: Roboto;\n font-size: var(--crmfont-sizebodymd);\n font-weight: 400;\n line-height: var(--crmline-heightbodymd);\n letter-spacing: var(--crmletter-spacingtitle-md);\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n height: auto;\n padding: 20px 24px 20px 24px;\n border: 1px solid #CCCC;\n writing-mode: horizontal-tb;\n gap: 16px;\n border-top: 1px solid #ccc !important;\n border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n overflow: hidden;\n border: 1px solid #ccc;\n border-top: 0;\n border-bottom: 0;\n} */\n\n.crm-phone-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n /* justify-content: space-around; */\n gap: 16px;\n}\n\n.crm-subtitle {\n font-size: 14px;\n color: var(--crm-btn);\n}\n\n.crm-title {\n font-weight: 700;\n line-height: 20px;\n color: #262626;\n font-size: 16px;\n}\n\n.crm-message-info {\n color: #619013;\n font-weight: 500;\n font-size: 12px;\n}\n\n.crm-message-error {\n color: #E11D48;\n font-weight: 500;\n font-size: 12px;\n}","import { Component, h, Prop, State } from '@stencil/core';\nimport { IPinSent } from '../../../../dto/pin.sent';\nimport i18next from '../../../../i18n/i18n'\n\n@Component({\n tag: 'pin-form',\n styleUrls: ['pin-form.css', '../../giftback-form.css'],\n shadow: true,\n})\nexport class GiftbackPin {\n\n @Prop() validate: (pin: string) => void;\n @Prop() cancel: () => void;\n @Prop() resend: () => void;\n\n @Prop() sent: IPinSent;\n @Prop() loading: boolean = false;\n @Prop() phone: string;\n\n @State() pin: string[] = ['', '', '', ''];\n @State() isVerified: boolean = false;\n @State() canResend: boolean = false;\n\n componentWillLoad() {\n this.canResend = false;\n }\n\n handleInput(event: Event, index: number) {\n const input = event.target as HTMLInputElement;\n const value = input.value.slice(0, 1); // Limitar a um único dígito\n this.pin[index] = value;\n\n // Focar no próximo campo, se possível\n if (value && index < this.pin.length - 1) {\n const nextInput = input.nextElementSibling as HTMLInputElement;\n nextInput?.focus();\n }\n\n this.pin = [...this.pin];\n }\n\n validatePin() {\n 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 handleTimeout() {\n this.canResend = true;\n }\n\n async handleResend() {\n await this.resend();\n\n this.canResend = false;\n }\n\n render() {\n return (\n <div class=\"crm-phone-form\">\n <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\n <div class=\"pin-container\">\n {this.pin.map((_, index) => (\n <input\n type=\"text\"\n maxLength={1}\n value={this.pin[index]}\n onInput={(event) => this.handleInput(event, index)}\n />\n ))}\n </div>\n\n <slot></slot>\n\n <p class=\"crm-description\"> Não recebeu?\n {\n !this.canResend && <label> Reenviar em <countdown-timer downtime={() => this.handleTimeout()} /> </label>\n }\n {\n this.canResend && (\n <div >\n <a onClick={() => this.resend()}>Reenviar</a>\n <a onClick={() => this.cancel()}>Trocar número</a>\n </div>\n )\n }\n </p>\n <crm-button txtBtn=\"Avançar\" loading={this.loading} onClick={() => this.validatePin()} />\n\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"],"version":3}
@@ -0,0 +1,14 @@
1
+ function getInfoCustomization(storeName) {
2
+ const infos = localStorage.getItem(`bc:${storeName}`);
3
+ if (infos)
4
+ return JSON.parse(infos);
5
+ return {
6
+ btnApplyBonusLabel: "Avançar",
7
+ confirmationMessage: "",
8
+ giftbackTitle: "Giftback"
9
+ };
10
+ }
11
+
12
+ export { getInfoCustomization as g };
13
+
14
+ //# sourceMappingURL=p-75ba7b9a.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-75ba7b9a.js","mappings":"SAOgB,oBAAoB,CAAC,SAAiB;IAClD,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,SAAS,EAAE,CAAC,CAAC;IAEtD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE5B,OAAO;QACH,kBAAkB,EAAE,SAAS;QAC7B,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,UAAU;KAC5B,CAAA;AAEL;;;;","names":[],"sources":["src/helpers/info.config.helper.ts"],"sourcesContent":["export interface IInfoStore {\n btnApplyBonusLabel: string;\n confirmationMessage: string;\n giftbackTitle: string;\n}\n\n\nexport function getInfoCustomization(storeName: string): IInfoStore {\n const infos = localStorage.getItem(`bc:${storeName}`);\n\n if (infos)\n return JSON.parse(infos)\n\n return {\n btnApplyBonusLabel: \"Avançar\",\n confirmationMessage: \"\",\n giftbackTitle: \"Giftback\"\n }\n\n}"],"version":3}
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
2
- import { d as defineCustomElement$1 } from './p-bf93729e.js';
2
+ import { d as defineCustomElement$1 } from './p-5c3fe5a8.js';
3
3
 
4
4
  const nameInputCss = ".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}";
5
5
  const NameInputStyle0 = nameInputCss;
@@ -59,4 +59,4 @@ defineCustomElement();
59
59
 
60
60
  export { NameInput as N, defineCustomElement as d };
61
61
 
62
- //# sourceMappingURL=p-e443d670.js.map
62
+ //# sourceMappingURL=p-a30bd6b1.js.map
@@ -1 +1 @@
1
- {"file":"p-e443d670.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,wpDAAwpD,CAAC;AAC9qD,wBAAe,YAAY;;MCKd,SAAS;;;;;;;;;;;IAWlB,gBAAgB,CAAC,KAAU;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACtC;IAGD,aAAa,CAAC,IAAY;QACtB,IAAG,CAAC,IAAI,EAAE;YACN,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAClC,OAAM;SACT;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;KACxB;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,wEAAgB,EAChB,8DAAO,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAI,EAEnH,4DAAK,IAAI,CAAC,OAAO,CAAM,EAMvB,4DAAK,KAAK,EAAC,eAAe,IACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EACT,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAE5H,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["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":[".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}"],"version":3}
1
+ {"file":"p-a30bd6b1.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,wpDAAwpD,CAAC;AAC9qD,wBAAe,YAAY;;MCKd,SAAS;;;;;;;;;;;IAWlB,gBAAgB,CAAC,KAAU;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACtC;IAGD,aAAa,CAAC,IAAY;QACtB,IAAG,CAAC,IAAI,EAAE;YACN,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAClC,OAAM;SACT;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;KACxB;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,wEAAgB,EAChB,8DAAO,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAI,EAEnH,4DAAK,IAAI,CAAC,OAAO,CAAM,EAMvB,4DAAK,KAAK,EAAC,eAAe,IACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EACT,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAE5H,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["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":[".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}"],"version":3}
@@ -5,9 +5,10 @@ var StepFormEnum;
5
5
  StepFormEnum[StepFormEnum["STEP_PIN"] = 2] = "STEP_PIN";
6
6
  StepFormEnum[StepFormEnum["STEP_RESERVE"] = 3] = "STEP_RESERVE";
7
7
  StepFormEnum[StepFormEnum["STEP_APPLY"] = 4] = "STEP_APPLY";
8
+ StepFormEnum[StepFormEnum["STEP_NO_BONUS"] = 5] = "STEP_NO_BONUS";
8
9
  })(StepFormEnum || (StepFormEnum = {}));
9
10
  const MESSAGE_ERROR_INVALID_NUMBER = "Número inválido";
10
11
 
11
12
  export { MESSAGE_ERROR_INVALID_NUMBER as M, StepFormEnum as S };
12
13
 
13
- //# sourceMappingURL=p-dddd9ee6.js.map
14
+ //# sourceMappingURL=p-a561251a.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-a561251a.js","mappings":"IAAY;AAAZ,WAAY,YAAY;IACpB,yDAAa,CAAA;IACb,2DAAc,CAAA;IACd,uDAAY,CAAA;IACZ,+DAAgB,CAAA;IAChB,2DAAc,CAAA;IACd,iEAAiB,CAAA;AACrB,CAAC,EAPW,YAAY,KAAZ,YAAY,QAOvB;MAEY,4BAA4B,GAAE;;;;","names":[],"sources":["src/contants/index.ts"],"sourcesContent":["export enum StepFormEnum {\n STEP_NAME = 0,\n STEP_PHONE = 1,\n STEP_PIN = 2,\n STEP_RESERVE = 3,\n STEP_APPLY = 4,\n STEP_NO_BONUS = 5\n}\n\nexport const MESSAGE_ERROR_INVALID_NUMBER= \"Número inválido\""],"version":3}
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
2
- import { M as MESSAGE_ERROR_INVALID_NUMBER } from './p-dddd9ee6.js';
2
+ import { M as MESSAGE_ERROR_INVALID_NUMBER } from './p-a561251a.js';
3
3
 
4
4
  const phoneInputMaskCss = "*{margin:0;padding:0;box-sizing:border-box}.phone{display:block;width:100%;height:24px;padding:6px 12px;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}.phone-input-form{width:246px;height:48px;padding:13px 16px 13px 16px;border:1px solid #CCCCCC}.crm-erro-msg{color:#E11D48;font-size:12px;font-weight:500;margin-top:11px}";
5
5
  const PhoneInputMaskStyle0 = phoneInputMaskCss;
@@ -46,7 +46,7 @@ const PhoneInputMask = /*@__PURE__*/ proxyCustomElement(class PhoneInputMask ext
46
46
  return this.phone;
47
47
  }
48
48
  render() {
49
- return (h("div", { key: '3cc6984552f8f636d6dfa5ed5de14ebd54156774' }, h("input", { key: 'c4de0e7de64a9255af19fc3cc9363d190a80d6f1', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }), h("p", { key: '1c6e6334c2995896c730f0ce93fdcb623933595d', class: "crm-erro-msg" }, this.message)));
49
+ return (h("div", { key: '34e88e02195fceb8d73970aa33dcfad2efd05b0f' }, h("input", { key: '22b65d69b7ab13ad41ee36a5e81f26b3d8ffeb1b', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }), h("p", { key: 'd46cef24b15f4886f7e503b91aeebeaf92dfc3fd', class: "crm-erro-msg" }, this.message)));
50
50
  }
51
51
  static get style() { return PhoneInputMaskStyle0; }
52
52
  }, [1, "phone-input-mask", {
@@ -73,4 +73,4 @@ defineCustomElement();
73
73
 
74
74
  export { PhoneInputMask as P, defineCustomElement as d };
75
75
 
76
- //# sourceMappingURL=p-7e8a1832.js.map
76
+ //# sourceMappingURL=p-be365312.js.map
@@ -1 +1 @@
1
- {"file":"p-7e8a1832.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,ouBAAouB,CAAC;AAC/vB,6BAAe,iBAAiB;;MCOnB,cAAc;;;;;qBACE,EAAE;uBACA,EAAE;;;;IAK7B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAEO,WAAW,CAAC,KAAa;QAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAE7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;KACrC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACvC,IAAI,CAAC,OAAO,GAAG,4BAA4B,CAAA;SAC9C;aAAM;YACH,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;SACpB;KACJ;IAED,mBAAmB,CAAC,KAAa;QAC7B,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAC3B,MAAM,UAAU,GAAG,yBAAyB,CAAC;QAC7C,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjC;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,8DACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACF,0DAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,EAER;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.phone {\n display: block;\n width: 100%;\n height: 24px;\n padding: 6px 12px;\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\n.phone-input-form {\n width: 246px;\n height: 48px;\n padding: 13px 16px 13px 16px;\n border: 1px solid #CCCCCC;\n}\n\n.crm-erro-msg {\n color: #E11D48;\n font-size: 12px;\n font-weight: 500;\n margin-top: 11px;\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\nimport { MESSAGE_ERROR_INVALID_NUMBER } from '../../contants';\n\n@Component({\n tag: 'phone-input-mask',\n styleUrl: 'phone-input-mask.css',\n shadow: true,\n})\nexport class PhoneInputMask {\n @State() phone: string = '';\n @State() message: string = \"\";\n\n @Prop() initialValue: string;\n @Prop() disabled: boolean;\n\n componentWillLoad() {\n this.phone = this.initialValue;\n }\n\n private formatPhone(value: string): string {\n\n const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n\n if (!match) return value;\n\n const part1 = match[1] ? `(${match[1]}` : '';\n const part2 = match[2] ? `) ${match[2]}` : '';\n const part3 = match[3] ? ` ${match[3]}` : '';\n\n return `${part1}${part2}${part3}`;\n }\n\n private handleInput(event: Event): void {\n const input = event.target as HTMLInputElement;\n this.phone = this.formatPhone(input.value);\n\n if(!this.validatePhoneNumber(input.value)) {\n this.message = MESSAGE_ERROR_INVALID_NUMBER\n } else {\n this.message = \"\"\n }\n }\n\n validatePhoneNumber(phone: string): boolean {\n console.log('phone', phone)\n const phoneRegex = /^\\(\\d{2}\\) \\d{5} \\d{4}$/; // Valida formato (99) 99999-9999\n return phoneRegex.test(phone);\n }\n\n @Method()\n public async getPhone() {\n return this.phone;\n }\n\n render() {\n return (\n <div>\n <input\n disabled={this.disabled}\n id=\"phone\"\n type=\"text\"\n class=\"phone-input-form\"\n value={this.phone}\n onInput={(event) => this.handleInput(event)}\n placeholder=\"(12) 94567-8910\"\n />\n <p class=\"crm-erro-msg\">{this.message}</p>\n </div>\n\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-be365312.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,ouBAAouB,CAAC;AAC/vB,6BAAe,iBAAiB;;MCOnB,cAAc;;;;;qBACE,EAAE;uBACA,EAAE;;;;IAK7B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAEO,WAAW,CAAC,KAAa;QAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAE7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;KACrC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACvC,IAAI,CAAC,OAAO,GAAG,4BAA4B,CAAA;SAC9C;aAAM;YACH,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;SACpB;KACJ;IAED,mBAAmB,CAAC,KAAa;QAC7B,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAC3B,MAAM,UAAU,GAAG,yBAAyB,CAAC;QAC7C,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjC;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,8DACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACF,0DAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,EAER;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.phone {\n display: block;\n width: 100%;\n height: 24px;\n padding: 6px 12px;\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\n.phone-input-form {\n width: 246px;\n height: 48px;\n padding: 13px 16px 13px 16px;\n border: 1px solid #CCCCCC;\n}\n\n.crm-erro-msg {\n color: #E11D48;\n font-size: 12px;\n font-weight: 500;\n margin-top: 11px;\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\nimport { MESSAGE_ERROR_INVALID_NUMBER } from '../../contants';\n\n@Component({\n tag: 'phone-input-mask',\n styleUrl: 'phone-input-mask.css',\n shadow: true,\n})\nexport class PhoneInputMask {\n @State() phone: string = '';\n @State() message: string = \"\";\n\n @Prop() initialValue: string;\n @Prop() disabled: boolean;\n\n componentWillLoad() {\n this.phone = this.initialValue;\n }\n\n private formatPhone(value: string): string {\n\n const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n\n if (!match) return value;\n\n const part1 = match[1] ? `(${match[1]}` : '';\n const part2 = match[2] ? `) ${match[2]}` : '';\n const part3 = match[3] ? ` ${match[3]}` : '';\n\n return `${part1}${part2}${part3}`;\n }\n\n private handleInput(event: Event): void {\n const input = event.target as HTMLInputElement;\n this.phone = this.formatPhone(input.value);\n\n if(!this.validatePhoneNumber(input.value)) {\n this.message = MESSAGE_ERROR_INVALID_NUMBER\n } else {\n this.message = \"\"\n }\n }\n\n validatePhoneNumber(phone: string): boolean {\n console.log('phone', phone)\n const phoneRegex = /^\\(\\d{2}\\) \\d{5} \\d{4}$/; // Valida formato (99) 99999-9999\n return phoneRegex.test(phone);\n }\n\n @Method()\n public async getPhone() {\n return this.phone;\n }\n\n render() {\n return (\n <div>\n <input\n disabled={this.disabled}\n id=\"phone\"\n type=\"text\"\n class=\"phone-input-form\"\n value={this.phone}\n onInput={(event) => this.handleInput(event)}\n placeholder=\"(12) 94567-8910\"\n />\n <p class=\"crm-erro-msg\">{this.message}</p>\n </div>\n\n );\n }\n}\n"],"version":3}
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
2
- import { d as defineCustomElement$1 } from './p-bf93729e.js';
2
+ import { d as defineCustomElement$1 } from './p-5c3fe5a8.js';
3
3
 
4
4
  const giftbackProgressCss = ":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}";
5
5
  const GiftbackProgressStyle0 = giftbackProgressCss;
@@ -66,4 +66,4 @@ defineCustomElement();
66
66
 
67
67
  export { GiftbackProgress as G, defineCustomElement as d };
68
68
 
69
- //# sourceMappingURL=p-f2ab4eea.js.map
69
+ //# sourceMappingURL=p-f168d5f6.js.map
@@ -1 +1 @@
1
- {"file":"p-f2ab4eea.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,itCAAitC,CAAC;AAC9uC,+BAAe,mBAAmB;;MCOrB,gBAAgB;;;;;yBACI,CAAC;uBAEH,KAAK;qBAEC;YAC7B,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,CAAC;YAClB,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,iBAAiB,EAAE,EAAE;SACxB;;;;IAKD,iBAAiB;QACb,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;KACnE;IAED,kBAAkB,CAAC,KAAY;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC5C;IAED,MAAM,aAAa,CAAC,KAAa;QAC7B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACvB;IAED,MAAM;QACF,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAE7E,QACI,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,0FACoB,wEAAY,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAU,+BACtE,EACJ,0DAAG,KAAK,EAAC,UAAU,8BAAc,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAK,EAExG,+FAAwB,wEAAY,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAU,kBAAiB,EAExF,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,sEAAiB,EACjB,8DACI,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GACpD,EACF,sEAAU,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAQ,CAChD,EAEN,0DAAG,KAAK,EAAC,WAAW,eACT,wEAAY,iBAAiB,GAAG,CAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAU,8CACxG,EAEJ,4DAAK,KAAK,EAAC,wBAAwB,IAE/B,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EAET,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,IAE7H,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEvE,CACP,CACJ,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["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"],"sourcesContent":[":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"],"version":3}
1
+ {"file":"p-f168d5f6.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,itCAAitC,CAAC;AAC9uC,+BAAe,mBAAmB;;MCOrB,gBAAgB;;;;;yBACI,CAAC;uBAEH,KAAK;qBAEC;YAC7B,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,CAAC;YAClB,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,iBAAiB,EAAE,EAAE;SACxB;;;;IAKD,iBAAiB;QACb,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;KACnE;IAED,kBAAkB,CAAC,KAAY;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC5C;IAED,MAAM,aAAa,CAAC,KAAa;QAC7B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACvB;IAED,MAAM;QACF,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAE7E,QACI,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,0FACoB,wEAAY,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAU,+BACtE,EACJ,0DAAG,KAAK,EAAC,UAAU,8BAAc,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAK,EAExG,+FAAwB,wEAAY,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAU,kBAAiB,EAExF,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,sEAAiB,EACjB,8DACI,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GACpD,EACF,sEAAU,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAQ,CAChD,EAEN,0DAAG,KAAK,EAAC,WAAW,eACT,wEAAY,iBAAiB,GAAG,CAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAU,8CACxG,EAEJ,4DAAK,KAAK,EAAC,wBAAwB,IAE/B,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EAET,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,IAE7H,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEvE,CACP,CACJ,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["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"],"sourcesContent":[":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"],"version":3}
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
2
- import { C as CrmBonusService } from './p-878c694e.js';
2
+ import { C as CrmBonusService } from './p-384fabf7.js';
3
3
 
4
4
  const Pedido = /*@__PURE__*/ proxyCustomElement(class Pedido extends H {
5
5
  constructor() {
@@ -24,7 +24,7 @@ const Pedido = /*@__PURE__*/ proxyCustomElement(class Pedido extends H {
24
24
  }
25
25
  }
26
26
  render() {
27
- return (h("div", { key: 'de2c3581e87e17dcbc24364d99f6903d051a7d2e' }));
27
+ return (h("div", { key: '084ea188e020b3994a676f4fa17b5f3523a5f611' }));
28
28
  }
29
29
  }, [0, "pedido-finalizado", {
30
30
  "cartId": [1, "cartid"],
@@ -1,6 +1,6 @@
1
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';
2
+ import { d as defineCustomElement$3 } from './p-5c3fe5a8.js';
3
+ import { d as defineCustomElement$2 } from './p-be365312.js';
4
4
 
5
5
  const PhoneCancelInput$1 = /*@__PURE__*/ proxyCustomElement(class PhoneCancelInput extends H {
6
6
  constructor() {
@@ -1,4 +1,4 @@
1
- import { P as PhoneForm$1, d as defineCustomElement$1 } from './p-b1841bad.js';
1
+ import { P as PhoneForm$1, d as defineCustomElement$1 } from './p-11bd8050.js';
2
2
 
3
3
  const PhoneForm = PhoneForm$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { P as PhoneInputMask$1, d as defineCustomElement$1 } from './p-7e8a1832.js';
1
+ import { P as PhoneInputMask$1, d as defineCustomElement$1 } from './p-be365312.js';
2
2
 
3
3
  const PhoneInputMask = PhoneInputMask$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
2
- import { d as defineCustomElement$3 } from './p-bf93729e.js';
3
- import { d as defineCustomElement$2 } from './p-7e8a1832.js';
2
+ import { d as defineCustomElement$3 } from './p-5c3fe5a8.js';
3
+ import { d as defineCustomElement$2 } from './p-be365312.js';
4
4
 
5
5
  const PhoneInput$1 = /*@__PURE__*/ proxyCustomElement(class PhoneInput extends H {
6
6
  constructor() {
@@ -1,4 +1,4 @@
1
- import { G as GiftbackPin, d as defineCustomElement$1 } from './p-bc925ed6.js';
1
+ import { G as GiftbackPin, d as defineCustomElement$1 } from './p-5dfa24e0.js';
2
2
 
3
3
  const PinForm = GiftbackPin;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,2 +1,2 @@
1
- import{p as e,b as 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)}));
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-cc452df3",[[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-d0349daf",[[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-66f41fd0",[[1,"app-modal",{isOpen:[516,"is-open"],modalTitle:[1,"modal-title"]}]]],["p-c72a11ba",[[0,"crm-bonus-note",{cartId:[8,"cartid"],storename:[8],url:[32],config:[32]}]]],["p-9514339e",[[0,"pedido-finalizado",{cartId:[1,"cartid"],orderId:[2,"orderid"],metadadoString:[1,"metadado"]}]]],["p-5ede3b10",[[0,"crm-button",{txtBtn:[1,"txt-btn"],loading:[4]}]]],["p-5a8fa5b9",[[1,"phone-input-mask",{initialValue:[1,"initial-value"],disabled:[4],phone:[32],message:[32],getPhone:[64]}]]],["p-3beb5158",[[1,"loading-spinner",{size:[1],color:[1]}]]],["p-af160cdc",[[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-c271c472",[[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],config:[32]}]]],["p-830b5bdc",[[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","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
+ {"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","storename","config","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,aAAAuB,UAAA,IAAArC,IAAA,KAAAsC,OAAA,gDAAAxB,OAAA,aAAAyB,QAAA,cAAAC,eAAA,mDAAAC,OAAA,cAAAvB,QAAA,8CAAAwB,aAAA,oBAAAC,SAAA,IAAAvB,MAAA,KAAAD,QAAA,KAAAyB,SAAA,8CAAAC,KAAA,IAAAC,MAAA,wCAAAZ,MAAA,IAAAhB,QAAA,IAAA6B,cAAA,sBAAAC,SAAA,KAAApB,OAAA,KAAAqB,OAAA,KAAA1B,KAAA,KAAAL,QAAA,IAAAE,MAAA,IAAA8B,IAAA,KAAAC,WAAA,KAAAC,UAAA,2BAAAlC,QAAA,IAAAa,MAAA,KAAAsB,QAAA,KAAAzB,OAAA,KAAA0B,UAAA,KAAAC,eAAA,KAAAC,eAAA,6BAAAC,SAAA,KAAAC,QAAA,gDAAA9C,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAkB,MAAA,KAAAhB,QAAA,KAAAC,QAAA,KAAAC,MAAA,KAAAuC,QAAA,KAAA7B,KAAA,KAAAC,MAAA,KAAA6B,OAAA,KAAAC,MAAA,KAAAvB,OAAA,2CAAAf,KAAA,KAAAyB,SAAA,KAAApB,OAAA,KAAAV,QAAA,IAAAgC,IAAA,KAAAC,WAAA,+BAAAjC,QAAA,IAAAa,MAAA,KAAAsB,QAAA,KAAAzB,OAAA,KAAA0B,UAAA,wBAAApB,MAAA,IAAAhB,QAAA,IAAA4C,UAAA,KAAAlC,OAAA,KAAAmC,SAAA,KAAA5C,QAAA,gCAAAX,EAAA","ignoreList":[]}