crmbonus-component-wake 1.0.35 → 1.0.37

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 (139) hide show
  1. package/dist/cjs/app-modal_4.cjs.entry.js +9 -7
  2. package/dist/cjs/app-modal_4.cjs.entry.js.map +1 -1
  3. package/dist/cjs/crm-bonus-note.cjs.entry.js +1 -1
  4. package/dist/cjs/crm-bonus.cjs.entry.js +37 -6
  5. package/dist/cjs/crm-bonus.cjs.entry.js.map +1 -1
  6. package/dist/cjs/crmbonus-component-wake.cjs.js +1 -1
  7. package/dist/cjs/{crmbonus.service-e6b51638.js → crmbonus.service-e46a5941.js} +5 -6
  8. package/dist/cjs/crmbonus.service-e46a5941.js.map +1 -0
  9. package/dist/cjs/{giftback-finish_3.cjs.entry.js → giftback-finish_4.cjs.entry.js} +34 -4
  10. package/dist/cjs/giftback-finish_4.cjs.entry.js.map +1 -0
  11. package/dist/cjs/{index-296f70bf.js → index-861e0cbe.js} +2 -1
  12. package/dist/cjs/index-861e0cbe.js.map +1 -0
  13. package/dist/cjs/loader.cjs.js +1 -1
  14. package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
  15. package/dist/cjs/pedido-finalizado.cjs.entry.js +2 -2
  16. package/dist/cjs/phone-input-mask.cjs.entry.js +1 -1
  17. package/dist/collection/collection-manifest.json +1 -0
  18. package/dist/collection/components/button/index.js +1 -0
  19. package/dist/collection/components/button/index.js.map +1 -0
  20. package/dist/collection/components/crm-bonus/crm-bonus.js +36 -4
  21. package/dist/collection/components/crm-bonus/crm-bonus.js.map +1 -1
  22. package/dist/collection/components/crm-bonus-form/crm-bonus-form.js +37 -3
  23. package/dist/collection/components/crm-bonus-form/crm-bonus-form.js.map +1 -1
  24. package/dist/collection/components/crm-bonus-form/subcomponents/giftback-finish/giftback-finish.js +1 -1
  25. package/dist/collection/components/crm-bonus-form/subcomponents/giftback-pin/giftback-pin.js +1 -1
  26. package/dist/collection/components/crm-bonus-form/subcomponents/giftback-progress/giftback-progress.js +1 -1
  27. package/dist/collection/components/crm-bonus-form/subcomponents/name-input/name-input.css +108 -0
  28. package/dist/collection/components/crm-bonus-form/subcomponents/name-input/name-input.js +110 -0
  29. package/dist/collection/components/crm-bonus-form/subcomponents/name-input/name-input.js.map +1 -0
  30. package/dist/collection/components/crm-bonus-form/subcomponents/phone/phone.input.js +1 -1
  31. package/dist/collection/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.js +1 -1
  32. package/dist/collection/components/loading-spinner/loading-spinner.js +1 -1
  33. package/dist/collection/components/modal/app-modal.js +1 -1
  34. package/dist/collection/components/note/crm-bonus-note.js +1 -1
  35. package/dist/collection/components/pedido/pedido.js +1 -1
  36. package/dist/collection/components/phone/phone-input-mask.js +1 -1
  37. package/dist/collection/contants/index.js +1 -0
  38. package/dist/collection/contants/index.js.map +1 -1
  39. package/dist/collection/services/crmbonus.service.js +4 -5
  40. package/dist/collection/services/crmbonus.service.js.map +1 -1
  41. package/dist/components/app-modal.js +1 -1
  42. package/dist/components/crm-bonus-form.js +1 -1
  43. package/dist/components/crm-bonus-note.js +1 -1
  44. package/dist/components/crm-bonus.js +57 -20
  45. package/dist/components/crm-bonus.js.map +1 -1
  46. package/dist/components/giftback-finish.js +1 -1
  47. package/dist/components/giftback-pin.js +1 -1
  48. package/dist/components/giftback-progress.js +1 -1
  49. package/dist/components/loading-spinner.js +1 -1
  50. package/dist/components/name-input.d.ts +11 -0
  51. package/dist/components/name-input.js +8 -0
  52. package/dist/components/name-input.js.map +1 -0
  53. package/dist/components/{p-af4650fb.js → p-0e99f907.js} +3 -3
  54. package/dist/components/{p-af4650fb.js.map → p-0e99f907.js.map} +1 -1
  55. package/dist/components/p-19b83423.js +62 -0
  56. package/dist/components/p-19b83423.js.map +1 -0
  57. package/dist/components/{p-4c2f324f.js → p-1dbb0f43.js} +2 -2
  58. package/dist/components/{p-4c2f324f.js.map → p-1dbb0f43.js.map} +1 -1
  59. package/dist/components/{p-aa1c4120.js → p-21476699.js} +2 -2
  60. package/dist/components/{p-aa1c4120.js.map → p-21476699.js.map} +1 -1
  61. package/dist/components/{p-cbade307.js → p-530006e6.js} +2 -2
  62. package/dist/components/{p-cbade307.js.map → p-530006e6.js.map} +1 -1
  63. package/dist/components/{p-1e17443d.js → p-5c55a55e.js} +4 -4
  64. package/dist/components/{p-1e17443d.js.map → p-5c55a55e.js.map} +1 -1
  65. package/dist/components/{p-560dd530.js → p-5d7d182b.js} +4 -4
  66. package/dist/components/{p-560dd530.js.map → p-5d7d182b.js.map} +1 -1
  67. package/dist/components/{p-e0fe93e9.js → p-84832959.js} +23 -12
  68. package/dist/components/p-84832959.js.map +1 -0
  69. package/dist/components/{p-39df4263.js → p-a7e4526b.js} +5 -6
  70. package/dist/components/p-a7e4526b.js.map +1 -0
  71. package/dist/components/{p-b1a8e30d.js → p-ddc0ac71.js} +2 -2
  72. package/dist/components/{p-b1a8e30d.js.map → p-ddc0ac71.js.map} +1 -1
  73. package/dist/components/{p-6a629b94.js → p-e2727638.js} +3 -3
  74. package/dist/components/{p-6a629b94.js.map → p-e2727638.js.map} +1 -1
  75. package/dist/components/pedido-finalizado.js +2 -2
  76. package/dist/components/phone-cancel-input.js +1 -1
  77. package/dist/components/phone-input-mask.js +1 -1
  78. package/dist/components/phone-input.js +1 -1
  79. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +1 -1
  80. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js.map +1 -1
  81. package/dist/crmbonus-component-wake/{p-31ae64b6.entry.js → p-119ca508.entry.js} +2 -2
  82. package/dist/crmbonus-component-wake/{p-f3e5edb5.entry.js → p-20f2b764.entry.js} +2 -2
  83. package/dist/crmbonus-component-wake/p-2636f2f0.entry.js +2 -0
  84. package/dist/crmbonus-component-wake/p-2636f2f0.entry.js.map +1 -0
  85. package/dist/crmbonus-component-wake/p-9b967605.js +2 -0
  86. package/dist/crmbonus-component-wake/p-9b967605.js.map +1 -0
  87. package/dist/crmbonus-component-wake/{p-ae916fdb.entry.js → p-a01c57ab.entry.js} +2 -2
  88. package/dist/crmbonus-component-wake/{p-39df4263.js → p-a7e4526b.js} +2 -2
  89. package/dist/crmbonus-component-wake/p-a7e4526b.js.map +1 -0
  90. package/dist/crmbonus-component-wake/p-b5e9ea5d.entry.js +2 -0
  91. package/dist/crmbonus-component-wake/p-b5e9ea5d.entry.js.map +1 -0
  92. package/dist/crmbonus-component-wake/p-c12fd96a.entry.js +2 -0
  93. package/dist/crmbonus-component-wake/p-c12fd96a.entry.js.map +1 -0
  94. package/dist/crmbonus-component-wake/{p-d4863abd.entry.js → p-cc12d99b.entry.js} +2 -2
  95. package/dist/esm/app-modal_4.entry.js +9 -7
  96. package/dist/esm/app-modal_4.entry.js.map +1 -1
  97. package/dist/esm/crm-bonus-note.entry.js +1 -1
  98. package/dist/esm/crm-bonus.entry.js +37 -6
  99. package/dist/esm/crm-bonus.entry.js.map +1 -1
  100. package/dist/esm/crmbonus-component-wake.js +1 -1
  101. package/dist/esm/{crmbonus.service-d2bfcb1d.js → crmbonus.service-1b7f193d.js} +5 -6
  102. package/dist/esm/crmbonus.service-1b7f193d.js.map +1 -0
  103. package/dist/esm/{giftback-finish_3.entry.js → giftback-finish_4.entry.js} +34 -5
  104. package/dist/esm/giftback-finish_4.entry.js.map +1 -0
  105. package/dist/esm/{index-2bfaba2b.js → index-ea02697e.js} +2 -1
  106. package/dist/esm/index-ea02697e.js.map +1 -0
  107. package/dist/esm/loader.js +1 -1
  108. package/dist/esm/loading-spinner.entry.js +1 -1
  109. package/dist/esm/pedido-finalizado.entry.js +2 -2
  110. package/dist/esm/phone-input-mask.entry.js +1 -1
  111. package/dist/types/components/button/index.d.ts +0 -0
  112. package/dist/types/components/crm-bonus/crm-bonus.d.ts +2 -0
  113. package/dist/types/components/crm-bonus-form/crm-bonus-form.d.ts +2 -0
  114. package/dist/types/components/crm-bonus-form/subcomponents/name-input/name-input.d.ts +11 -0
  115. package/dist/types/components.d.ts +25 -0
  116. package/dist/types/contants/index.d.ts +1 -0
  117. package/dist/types/services/crmbonus.service.d.ts +1 -1
  118. package/package.json +1 -1
  119. package/dist/cjs/crmbonus.service-e6b51638.js.map +0 -1
  120. package/dist/cjs/giftback-finish_3.cjs.entry.js.map +0 -1
  121. package/dist/cjs/index-296f70bf.js.map +0 -1
  122. package/dist/components/p-39df4263.js.map +0 -1
  123. package/dist/components/p-e0fe93e9.js.map +0 -1
  124. package/dist/crmbonus-component-wake/p-0521617e.entry.js +0 -2
  125. package/dist/crmbonus-component-wake/p-0521617e.entry.js.map +0 -1
  126. package/dist/crmbonus-component-wake/p-39df4263.js.map +0 -1
  127. package/dist/crmbonus-component-wake/p-61fafdba.entry.js +0 -2
  128. package/dist/crmbonus-component-wake/p-61fafdba.entry.js.map +0 -1
  129. package/dist/crmbonus-component-wake/p-8e6cdd1e.js +0 -2
  130. package/dist/crmbonus-component-wake/p-8e6cdd1e.js.map +0 -1
  131. package/dist/crmbonus-component-wake/p-cf8e81f9.entry.js +0 -2
  132. package/dist/crmbonus-component-wake/p-cf8e81f9.entry.js.map +0 -1
  133. package/dist/esm/crmbonus.service-d2bfcb1d.js.map +0 -1
  134. package/dist/esm/giftback-finish_3.entry.js.map +0 -1
  135. package/dist/esm/index-2bfaba2b.js.map +0 -1
  136. /package/dist/crmbonus-component-wake/{p-31ae64b6.entry.js.map → p-119ca508.entry.js.map} +0 -0
  137. /package/dist/crmbonus-component-wake/{p-f3e5edb5.entry.js.map → p-20f2b764.entry.js.map} +0 -0
  138. /package/dist/crmbonus-component-wake/{p-ae916fdb.entry.js.map → p-a01c57ab.entry.js.map} +0 -0
  139. /package/dist/crmbonus-component-wake/{p-d4863abd.entry.js.map → p-cc12d99b.entry.js.map} +0 -0
@@ -0,0 +1,62 @@
1
+ import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
2
+ import { d as defineCustomElement$1 } from './p-ddc0ac71.js';
3
+
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
+ const NameInputStyle0 = nameInputCss;
6
+
7
+ const NameInput = /*@__PURE__*/ proxyCustomElement(class NameInput extends H {
8
+ constructor() {
9
+ super();
10
+ this.__registerHost();
11
+ this.value = undefined;
12
+ this.loading = undefined;
13
+ this.applyName = undefined;
14
+ this.cancel = undefined;
15
+ this.newValue = undefined;
16
+ this.message = undefined;
17
+ }
18
+ handleChangeName(event) {
19
+ this.newValue = event.target.value;
20
+ }
21
+ handleSetName(name) {
22
+ if (!name) {
23
+ this.message = "Informe seu nome";
24
+ return;
25
+ }
26
+ this.applyName(name);
27
+ }
28
+ render() {
29
+ return (h("div", { key: '79187b5c58617f7f7d0062f4174cf7c37727808c', class: "name-container" }, h("p", { key: '23e6bb34fe19a23f9c3654130e4586022f5f1581' }, "Seu Nome:"), h("input", { key: '8ba653c5e1bfdf808429caad0fccc1a5c12197c5', class: "bc-form-control", type: "text", value: this.value, onChange: (event) => this.handleChangeName(event) }), h("p", { key: 'da3559a3af2b93496be7fa97b0f3a9e966598781' }, this.message), h("div", { key: 'cf3c035a61e08e7353a9cd038f0ee98ecff18d66', class: "footer-button" }, h("button", { key: 'a437bb82b68f2ea881163dcf4c200950418fb853', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: 'd68da6ed31f22ff53ca2c953cece48ef2aabe6ba', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleSetName(this.newValue) }, !this.loading ? "Continua" : h("loading-spinner", { size: "15px", color: "#fff" })))));
30
+ }
31
+ static get style() { return NameInputStyle0; }
32
+ }, [0, "name-input", {
33
+ "value": [1],
34
+ "loading": [4],
35
+ "applyName": [16],
36
+ "cancel": [16],
37
+ "newValue": [32],
38
+ "message": [32]
39
+ }]);
40
+ function defineCustomElement() {
41
+ if (typeof customElements === "undefined") {
42
+ return;
43
+ }
44
+ const components = ["name-input", "loading-spinner"];
45
+ components.forEach(tagName => { switch (tagName) {
46
+ case "name-input":
47
+ if (!customElements.get(tagName)) {
48
+ customElements.define(tagName, NameInput);
49
+ }
50
+ break;
51
+ case "loading-spinner":
52
+ if (!customElements.get(tagName)) {
53
+ defineCustomElement$1();
54
+ }
55
+ break;
56
+ } });
57
+ }
58
+ defineCustomElement();
59
+
60
+ export { NameInput as N, defineCustomElement as d };
61
+
62
+ //# sourceMappingURL=p-19b83423.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-19b83423.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}
@@ -16,7 +16,7 @@ const AppModal = /*@__PURE__*/ proxyCustomElement(class AppModal extends H {
16
16
  this.modalClosed.emit();
17
17
  }
18
18
  render() {
19
- return (h("div", { key: 'e3c7da4a633b1a76df31358e39512952eca70c26', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: '56f58320520a06e6ec4f5d585b47f930e01adbee', class: "modal" }, h("div", { key: '58d9092422c8c4e158154ae6b6b4fbafe5be5642', class: "modal-header" }, h("h3", { key: '98f9827b88a2c2341525afd58454c8b1ee13062c' }, this.modalTitle), h("button", { key: 'd14b1edd1fdb612d1037e4f0831a801f6a042f86', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: 'ddcee9b749070bb130a27750009afca8558eca2e', class: "modal-body" }, h("slot", { key: 'aeda676e81150e4ab0bca1c6ffedc19c441553ac' })))));
19
+ return (h("div", { key: 'c6da9ce70d919346c641a5aa372ba17305c0d670', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: '807ac561f4825f3ba470529d80135b7e2024a149', class: "modal" }, h("div", { key: '57de6ce754a7ad665b7bac3bcfc561e0baa694b4', class: "modal-header" }, h("h3", { key: 'a716a0c910ba51cf3700b4812924e8e75505b6ac' }, this.modalTitle), h("button", { key: '295e0b32f08233d48c376287496717a4edfeae6d', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: 'b1abe2d5c073ba9a7bd329c47a631e5cff51e0ea', class: "modal-body" }, h("slot", { key: '135950e8e07a6eb1dc8c3eb2326c182617143893' })))));
20
20
  }
21
21
  static get style() { return AppModalStyle0; }
22
22
  }, [1, "app-modal", {
@@ -40,4 +40,4 @@ defineCustomElement();
40
40
 
41
41
  export { AppModal as A, defineCustomElement as d };
42
42
 
43
- //# sourceMappingURL=p-4c2f324f.js.map
43
+ //# sourceMappingURL=p-1dbb0f43.js.map
@@ -1 +1 @@
1
- {"file":"p-4c2f324f.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+hBAA+hB,CAAC;AACpjB,uBAAe,WAAW;;MCMb,QAAQ;;;;;;sBAG0B,KAAK;;;IAQxC,UAAU;QACd,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KAC3B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,IACxD,4DAAK,KAAK,EAAC,OAAO,IACd,4DAAK,KAAK,EAAC,cAAc,IACrB,6DAAK,IAAI,CAAC,UAAU,CAAM,EAC1B,+DAAQ,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,aAEpD,CACP,EACN,4DAAK,KAAK,EAAC,YAAY,IACnB,8DAAQ,CACN,CACJ,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/modal/app-modal.css?tag=app-modal&encapsulation=shadow","src/components/modal/app-modal.tsx"],"sourcesContent":[".modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: none;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n }\n \n .modal-backdrop.visible {\n display: flex;\n }\n \n .modal {\n background: white;\n border-radius: 8px;\n padding: 1rem;\n max-width: 500px;\n width: 90%;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n }\n \n .modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid #ddd;\n margin-bottom: 1rem;\n }\n \n .close-button {\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n }\n \n .modal-body {\n /* padding: 1rem 0; */\n }\n ","import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'app-modal',\n styleUrl: 'app-modal.css',\n shadow: true,\n})\nexport class AppModal {\n\n // Controle da visibilidade do modal\n @Prop({ reflect: true }) isOpen: boolean = false;\n\n // Título do modal\n @Prop() modalTitle: string;\n\n // Evento emitido ao fechar o modal\n @Event() modalClosed: EventEmitter<void>;\n\n private closeModal() {\n this.modalClosed.emit();\n }\n\n render() {\n return (\n <div class={`modal-backdrop ${this.isOpen ? 'visible' : ''}`}>\n <div class=\"modal\">\n <div class=\"modal-header\">\n <h3>{this.modalTitle}</h3>\n <button class=\"close-button\" onClick={() => this.closeModal()}>\n ×\n </button>\n </div>\n <div class=\"modal-body\">\n <slot />\n </div>\n </div>\n </div>\n )\n }\n}"],"version":3}
1
+ {"file":"p-1dbb0f43.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+hBAA+hB,CAAC;AACpjB,uBAAe,WAAW;;MCMb,QAAQ;;;;;;sBAG0B,KAAK;;;IAQxC,UAAU;QACd,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KAC3B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,IACxD,4DAAK,KAAK,EAAC,OAAO,IACd,4DAAK,KAAK,EAAC,cAAc,IACrB,6DAAK,IAAI,CAAC,UAAU,CAAM,EAC1B,+DAAQ,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,aAEpD,CACP,EACN,4DAAK,KAAK,EAAC,YAAY,IACnB,8DAAQ,CACN,CACJ,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/modal/app-modal.css?tag=app-modal&encapsulation=shadow","src/components/modal/app-modal.tsx"],"sourcesContent":[".modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: none;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n }\n \n .modal-backdrop.visible {\n display: flex;\n }\n \n .modal {\n background: white;\n border-radius: 8px;\n padding: 1rem;\n max-width: 500px;\n width: 90%;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n }\n \n .modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid #ddd;\n margin-bottom: 1rem;\n }\n \n .close-button {\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n }\n \n .modal-body {\n /* padding: 1rem 0; */\n }\n ","import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'app-modal',\n styleUrl: 'app-modal.css',\n shadow: true,\n})\nexport class AppModal {\n\n // Controle da visibilidade do modal\n @Prop({ reflect: true }) isOpen: boolean = false;\n\n // Título do modal\n @Prop() modalTitle: string;\n\n // Evento emitido ao fechar o modal\n @Event() modalClosed: EventEmitter<void>;\n\n private closeModal() {\n this.modalClosed.emit();\n }\n\n render() {\n return (\n <div class={`modal-backdrop ${this.isOpen ? 'visible' : ''}`}>\n <div class=\"modal\">\n <div class=\"modal-header\">\n <h3>{this.modalTitle}</h3>\n <button class=\"close-button\" onClick={() => this.closeModal()}>\n ×\n </button>\n </div>\n <div class=\"modal-body\">\n <slot />\n </div>\n </div>\n </div>\n )\n }\n}"],"version":3}
@@ -33,7 +33,7 @@ const PhoneInputMask = /*@__PURE__*/ proxyCustomElement(class PhoneInputMask ext
33
33
  return this.phone;
34
34
  }
35
35
  render() {
36
- return (h("input", { key: '2c0a1c1fad52a39b65bf3327c82093199bcf441e', disabled: this.disabled, id: "phone", type: "tel", class: "phone", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }));
36
+ return (h("input", { key: 'ec33b7963cefd79431a0c0663df8fa1a82b09564', disabled: this.disabled, id: "phone", type: "tel", class: "phone", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }));
37
37
  }
38
38
  static get style() { return PhoneInputMaskStyle0; }
39
39
  }, [1, "phone-input-mask", {
@@ -59,4 +59,4 @@ defineCustomElement();
59
59
 
60
60
  export { PhoneInputMask as P, defineCustomElement as d };
61
61
 
62
- //# sourceMappingURL=p-aa1c4120.js.map
62
+ //# sourceMappingURL=p-21476699.js.map
@@ -1 +1 @@
1
- {"file":"p-aa1c4120.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,ivCAAivC,CAAC;AAC5wC,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;qBACE,EAAE;;;;IAI3B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAEO,WAAW,CAAC,KAAa;QAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAC7D,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;KAC9C;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACJ;KACL;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":[":host {\n width: 100%;\n}\n\n.inline-text-field-container {\n display: flex;\n flex-direction: column;\n}\n\n@supports (top: max(0%)) {\n .mdc-text-field--outlined {\n padding-right: max(16px, var(--mdc-shape-small, 4px));\n }\n}\n\n@supports (top: max(0%)) {\n .mdc-text-field--outlined {\n padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n\n.mdc-text-field--outlined {\n height: 55px;\n overflow: visible;\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.mdc-text-field {\n border-top-left-radius: 4px;\n border-top-left-radius: var(--mdc-shape-small, 4px);\n border-top-right-radius: 4px;\n border-top-right-radius: var(--mdc-shape-small, 4px);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n display: inline-flex;\n align-items: baseline;\n padding: 0 16px;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n will-change: opacity, transform, color;\n}","import { Component, h, Method, Prop, State } from '@stencil/core';\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 @Prop() initialValue: string;\n @Prop() disabled: boolean;\n\n componentWillLoad() {\n this.phone = this.initialValue; \n }\n\n private formatPhone(value: string): string {\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 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\n @Method()\n public async getPhone() {\n return this.phone;\n }\n\n render() {\n return (\n <input\n disabled={this.disabled}\n id=\"phone\"\n type=\"tel\"\n class=\"phone\"\n value={this.phone}\n onInput={(event) => this.handleInput(event)}\n placeholder=\"(12) 94567-8910\"\n />\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-21476699.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,ivCAAivC,CAAC;AAC5wC,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;qBACE,EAAE;;;;IAI3B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAEO,WAAW,CAAC,KAAa;QAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAC7D,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;KAC9C;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACJ;KACL;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":[":host {\n width: 100%;\n}\n\n.inline-text-field-container {\n display: flex;\n flex-direction: column;\n}\n\n@supports (top: max(0%)) {\n .mdc-text-field--outlined {\n padding-right: max(16px, var(--mdc-shape-small, 4px));\n }\n}\n\n@supports (top: max(0%)) {\n .mdc-text-field--outlined {\n padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n\n.mdc-text-field--outlined {\n height: 55px;\n overflow: visible;\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.mdc-text-field {\n border-top-left-radius: 4px;\n border-top-left-radius: var(--mdc-shape-small, 4px);\n border-top-right-radius: 4px;\n border-top-right-radius: var(--mdc-shape-small, 4px);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n display: inline-flex;\n align-items: baseline;\n padding: 0 16px;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n will-change: opacity, transform, color;\n}","import { Component, h, Method, Prop, State } from '@stencil/core';\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 @Prop() initialValue: string;\n @Prop() disabled: boolean;\n\n componentWillLoad() {\n this.phone = this.initialValue; \n }\n\n private formatPhone(value: string): string {\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 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\n @Method()\n public async getPhone() {\n return this.phone;\n }\n\n render() {\n return (\n <input\n disabled={this.disabled}\n id=\"phone\"\n type=\"tel\"\n class=\"phone\"\n value={this.phone}\n onInput={(event) => this.handleInput(event)}\n placeholder=\"(12) 94567-8910\"\n />\n );\n }\n}\n"],"version":3}
@@ -12,7 +12,7 @@ const GiftbackFinish = /*@__PURE__*/ proxyCustomElement(class GiftbackFinish ext
12
12
  this.__attachShadow();
13
13
  }
14
14
  render() {
15
- return (h("div", { key: 'e72f82799146a6e94acbdd62324e07cdf9f77009', class: "message-finish" }, h("img", { key: '46e2436a3dbe4745225c3b9674e6bf6c299ad63e', src: successSvgrepoComSvg, width: 80 }), h("p", { key: '270e42050956f7f3d1ae9b90f314211fa310f797' }, "Legal! O B\u00F4nus ser\u00E1 aplicado na sua compra.")));
15
+ return (h("div", { key: '9b4f55d912fec91eeb8a4b885166bef049402ec0', class: "message-finish" }, h("img", { key: '372f7c9feb16579ecdbe5b6bd3f08e5bbe7b5a78', src: successSvgrepoComSvg, width: 80 }), h("p", { key: '9560741099089050a2bbe7153c2b69dd4ce085c9' }, "Legal! O B\u00F4nus ser\u00E1 aplicado na sua compra.")));
16
16
  }
17
17
  static get style() { return GiftbackFinishStyle0; }
18
18
  }, [1, "giftback-finish"]);
@@ -33,4 +33,4 @@ defineCustomElement();
33
33
 
34
34
  export { GiftbackFinish as G, defineCustomElement as d };
35
35
 
36
- //# sourceMappingURL=p-cbade307.js.map
36
+ //# sourceMappingURL=p-530006e6.js.map
@@ -1 +1 @@
1
- {"file":"p-cbade307.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,4rBAA4rB;;ACAztB,MAAM,iBAAiB,GAAG,mIAAmI,CAAC;AAC9J,6BAAe,iBAAiB;;MCOnB,cAAc;;;;;;IACvB,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,4DAAK,GAAG,EAAEA,oBAAO,EAAE,KAAK,EAAE,EAAE,GAAI,EAChC,oHAAkD,CAChD,EACT;KACJ;;;;;;;;;;;;;;;;;;;;","names":["success"],"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"],"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}"],"version":3}
1
+ {"file":"p-530006e6.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,4rBAA4rB;;ACAztB,MAAM,iBAAiB,GAAG,mIAAmI,CAAC;AAC9J,6BAAe,iBAAiB;;MCOnB,cAAc;;;;;;IACvB,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,4DAAK,GAAG,EAAEA,oBAAO,EAAE,KAAK,EAAE,EAAE,GAAI,EAChC,oHAAkD,CAChD,EACT;KACJ;;;;;;;;;;;;;;;;;;;;","names":["success"],"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"],"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}"],"version":3}
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
2
- import { d as defineCustomElement$2 } from './p-b1a8e30d.js';
3
- import { d as defineCustomElement$1 } from './p-aa1c4120.js';
2
+ import { d as defineCustomElement$2 } from './p-ddc0ac71.js';
3
+ import { d as defineCustomElement$1 } from './p-21476699.js';
4
4
 
5
5
  const PhoneInput = /*@__PURE__*/ proxyCustomElement(class PhoneInput extends H {
6
6
  constructor() {
@@ -15,7 +15,7 @@ const PhoneInput = /*@__PURE__*/ proxyCustomElement(class PhoneInput extends H {
15
15
  await this.sendPin(phone);
16
16
  }
17
17
  render() {
18
- return (h("div", { key: '8deb65295383b9a14e1ac5c3050ce2cab709c208', class: "form-container" }, h("phone-input-mask", { key: 'd5c9b2fb84b166c67fdfa653f4d0194818d7ae54', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("button", { key: 'cf65564923d078b226f168eb1fc476be5c3719c8', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : h("loading-spinner", { size: "11px", color: "#fff" }))));
18
+ return (h("div", { key: '32725cc609ea28dced36cc25ad20e0458446eee6', class: "form-container" }, h("phone-input-mask", { key: '60ec6db64dbee3896f14b149853fbe541d0aa0d9', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("button", { key: '893acc63121be36c0a56fdff99e07d4bc0801412', 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
19
  }
20
20
  }, [0, "phone-input", {
21
21
  "sendPin": [16],
@@ -49,4 +49,4 @@ defineCustomElement();
49
49
 
50
50
  export { PhoneInput as P, defineCustomElement as d };
51
51
 
52
- //# sourceMappingURL=p-1e17443d.js.map
52
+ //# sourceMappingURL=p-5c55a55e.js.map
@@ -1 +1 @@
1
- {"file":"p-1e17443d.js","mappings":";;;;MAKa,UAAU;;;;;;;;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":[],"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}
1
+ {"file":"p-5c55a55e.js","mappings":";;;;MAKa,UAAU;;;;;;;;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":[],"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}
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
2
- import { d as defineCustomElement$2 } from './p-b1a8e30d.js';
3
- import { d as defineCustomElement$1 } from './p-aa1c4120.js';
2
+ import { d as defineCustomElement$2 } from './p-ddc0ac71.js';
3
+ import { d as defineCustomElement$1 } from './p-21476699.js';
4
4
 
5
5
  const PhoneCancelInput = /*@__PURE__*/ proxyCustomElement(class PhoneCancelInput extends H {
6
6
  constructor() {
@@ -15,7 +15,7 @@ const PhoneCancelInput = /*@__PURE__*/ proxyCustomElement(class PhoneCancelInput
15
15
  await this.sendPin(phone);
16
16
  }
17
17
  render() {
18
- return (h("div", { key: 'ca3f5e2e996e26c520bb1bbaa14eb176e89c74a1', class: "form-container" }, h("phone-input-mask", { key: 'fc2a5d692b1bf5ada9180bb721c167c799a51aa2', initialValue: `Valor aplicado R$ ${this.value}`, ref: ref => this.phoneInputMask = ref, disabled: true }), h("button", { key: '96c5c22f187420cc47a393c787f4a9f3a8a9eab9', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "Cancelar" : h("loading-spinner", { size: "11px", color: "#fff" }))));
18
+ return (h("div", { key: '7d3f18239fdd1c87fda497e8940629664a3ea177', class: "form-container" }, h("phone-input-mask", { key: '83227ee73df037e32c2923a5bcdcb1a97f8adf4b', initialValue: `Valor aplicado R$ ${this.value}`, ref: ref => this.phoneInputMask = ref, disabled: true }), h("button", { key: '03e84e9279aaae1a02c581c233367b175bdc8a88', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "Cancelar" : h("loading-spinner", { size: "11px", color: "#fff" }))));
19
19
  }
20
20
  }, [0, "phone-cancel-input", {
21
21
  "sendPin": [16],
@@ -49,4 +49,4 @@ defineCustomElement();
49
49
 
50
50
  export { PhoneCancelInput as P, defineCustomElement as d };
51
51
 
52
- //# sourceMappingURL=p-560dd530.js.map
52
+ //# sourceMappingURL=p-5d7d182b.js.map
@@ -1 +1 @@
1
- {"file":"p-560dd530.js","mappings":";;;;MAKa,gBAAgB;;;;;;;;IAQzB,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,qBAAqB,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAI,EAC5H,+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,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'phone-cancel-input'\n})\nexport class PhoneCancelInput {\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={`Valor aplicado R$ ${this.value}`} ref={ref => this.phoneInputMask = ref} disabled={true} />\n <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n {\n !this.loading ? \"Cancelar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\n }\n </button>\n </div>\n )\n }\n}"],"version":3}
1
+ {"file":"p-5d7d182b.js","mappings":";;;;MAKa,gBAAgB;;;;;;;;IAQzB,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,qBAAqB,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAI,EAC5H,+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,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'phone-cancel-input'\n})\nexport class PhoneCancelInput {\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={`Valor aplicado R$ ${this.value}`} ref={ref => this.phoneInputMask = ref} disabled={true} />\n <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n {\n !this.loading ? \"Cancelar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\n }\n </button>\n </div>\n )\n }\n}"],"version":3}
@@ -1,12 +1,14 @@
1
1
  import { p as proxyCustomElement, H, h, d as Host } from './p-faf7103e.js';
2
- import { C as CrmBonusService } from './p-39df4263.js';
3
- import { d as defineCustomElement$4 } from './p-cbade307.js';
4
- import { d as defineCustomElement$3 } from './p-af4650fb.js';
5
- import { d as defineCustomElement$2 } from './p-6a629b94.js';
6
- import { d as defineCustomElement$1 } from './p-b1a8e30d.js';
2
+ import { C as CrmBonusService } from './p-a7e4526b.js';
3
+ import { d as defineCustomElement$5 } from './p-530006e6.js';
4
+ import { d as defineCustomElement$4 } from './p-0e99f907.js';
5
+ import { d as defineCustomElement$3 } from './p-e2727638.js';
6
+ import { d as defineCustomElement$2 } from './p-ddc0ac71.js';
7
+ import { d as defineCustomElement$1 } from './p-19b83423.js';
7
8
 
8
9
  var StepFormEnum;
9
10
  (function (StepFormEnum) {
11
+ StepFormEnum[StepFormEnum["STEP_NAME"] = 0] = "STEP_NAME";
10
12
  StepFormEnum[StepFormEnum["STEP_PHONE"] = 1] = "STEP_PHONE";
11
13
  StepFormEnum[StepFormEnum["STEP_PIN"] = 2] = "STEP_PIN";
12
14
  StepFormEnum[StepFormEnum["STEP_RESERVE"] = 3] = "STEP_RESERVE";
@@ -34,10 +36,12 @@ const CrmBonusForm = /*@__PURE__*/ proxyCustomElement(class CrmBonusForm extends
34
36
  this.sent = undefined;
35
37
  this.stepNext = undefined;
36
38
  this.phone = undefined;
39
+ this.loadingModal = undefined;
37
40
  this.saveStore = undefined;
38
41
  this.cancel = undefined;
42
+ this.handleCustomerName = undefined;
39
43
  this.loading = false;
40
- this.step = StepFormEnum.STEP_RESERVE;
44
+ this.step = StepFormEnum.STEP_NAME;
41
45
  this.message = undefined;
42
46
  this.bonus = undefined;
43
47
  }
@@ -97,7 +101,7 @@ const CrmBonusForm = /*@__PURE__*/ proxyCustomElement(class CrmBonusForm extends
97
101
  this.cancel();
98
102
  }
99
103
  render() {
100
- return (h(Host, { key: '5498ff56b7041d92bf76a31cd8f0d631b989a968' }, this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: '1d7b7a077cf859f64d5215eccbdf3b18a030ccb4', cancel: () => this.handleCancel(), sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: 'c98f204305d87a64229d8af2316c4dfc9d07ec08', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_APPLY && h("giftback-finish", { key: '0f7c19a8c5b8ce92566c3de1e68d771dba87c0c8' }), h("p", { key: '8993849d1175c0edb8e8107dd5edc6c011cfe2e6', class: "message-error" }, this.message)));
104
+ return (h(Host, { key: 'f6a7cd35839626b3c0e2597381e5526cbf169ce3' }, this.step == StepFormEnum.STEP_NAME && h("name-input", { key: '1fe4bbbc3700acb899ce58083a532ad15f48b95b', loading: this.loadingModal, value: this.customer.name, applyName: (name) => this.handleCustomerName(name) }), this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: '01b7dca40f3864eee97b3f831e6d764a7486f002', cancel: () => this.handleCancel(), sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: '2de9188e93b309ee4fbb84081332d8389f6389c7', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_APPLY && h("giftback-finish", { key: '35f5e99289da7eefefd282cb5b0df96536c71d72' }), h("p", { key: 'ee33107ba9b3c211d6744d57cd51720d5709e421', class: "message-error" }, this.message)));
101
105
  }
102
106
  static get style() { return CrmBonusFormStyle0; }
103
107
  }, [1, "crm-bonus-form", {
@@ -108,8 +112,10 @@ const CrmBonusForm = /*@__PURE__*/ proxyCustomElement(class CrmBonusForm extends
108
112
  "sent": [16],
109
113
  "stepNext": [2, "step-next"],
110
114
  "phone": [2],
115
+ "loadingModal": [4, "loading-modal"],
111
116
  "saveStore": [16],
112
117
  "cancel": [16],
118
+ "handleCustomerName": [16],
113
119
  "loading": [32],
114
120
  "step": [32],
115
121
  "message": [32],
@@ -120,7 +126,7 @@ function defineCustomElement() {
120
126
  if (typeof customElements === "undefined") {
121
127
  return;
122
128
  }
123
- const components = ["crm-bonus-form", "giftback-finish", "giftback-pin", "giftback-progress", "loading-spinner"];
129
+ const components = ["crm-bonus-form", "giftback-finish", "giftback-pin", "giftback-progress", "loading-spinner", "name-input"];
124
130
  components.forEach(tagName => { switch (tagName) {
125
131
  case "crm-bonus-form":
126
132
  if (!customElements.get(tagName)) {
@@ -129,20 +135,25 @@ function defineCustomElement() {
129
135
  break;
130
136
  case "giftback-finish":
131
137
  if (!customElements.get(tagName)) {
132
- defineCustomElement$4();
138
+ defineCustomElement$5();
133
139
  }
134
140
  break;
135
141
  case "giftback-pin":
136
142
  if (!customElements.get(tagName)) {
137
- defineCustomElement$3();
143
+ defineCustomElement$4();
138
144
  }
139
145
  break;
140
146
  case "giftback-progress":
141
147
  if (!customElements.get(tagName)) {
142
- defineCustomElement$2();
148
+ defineCustomElement$3();
143
149
  }
144
150
  break;
145
151
  case "loading-spinner":
152
+ if (!customElements.get(tagName)) {
153
+ defineCustomElement$2();
154
+ }
155
+ break;
156
+ case "name-input":
146
157
  if (!customElements.get(tagName)) {
147
158
  defineCustomElement$1();
148
159
  }
@@ -153,4 +164,4 @@ defineCustomElement();
153
164
 
154
165
  export { CrmBonusForm as C, StepFormEnum as S, defineCustomElement as d };
155
166
 
156
- //# sourceMappingURL=p-e0fe93e9.js.map
167
+ //# sourceMappingURL=p-84832959.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-84832959.js","mappings":"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","names":[],"sources":["src/contants/index.ts","src/components/crm-bonus-form/crm-bonus-form.css?tag=crm-bonus-form&encapsulation=shadow","src/components/crm-bonus-form/crm-bonus-form.tsx"],"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}",".form-container {\n width: 100%;\n display: flex;\n justify-content: center;\n justify-content: space-around;\n}\n\n.disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n\n.message-error {\n color: #d11111;\n font-weight: bold;\n font-family: Arial;\n font-size: small;\n margin-left: 16px;\n}","import { Component, Host, Method, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent';\n\n@Component({\n tag: 'crm-bonus-form',\n styleUrl: 'crm-bonus-form.css',\n shadow: true\n})\nexport class CrmBonusForm {\n\n private crmBonusService: CrmBonusService = new CrmBonusService();\n\n @Prop({ attribute: 'storename' }) storeName;\n @Prop() cartId;\n @Prop() products: Array<IProduct>;\n @Prop() customer: ICustomer = {\n phone: \"\",\n birthDate: \"\",\n document: \"\",\n name: \"\"\n };\n @Prop() sent: IPinSent;\n @Prop() stepNext: StepFormEnum;\n @Prop() phone: number;\n @Prop() loadingModal: boolean;\n\n @Prop() saveStore: (amount: number) => void;\n\n @Prop() cancel: () => void;\n\n @Prop() handleCustomerName: (name: string) => void;\n\n @State() loading: boolean = false;\n\n @State() step: number = StepFormEnum.STEP_NAME;\n\n @State() message: string;\n\n @State() bonus: IBonus;\n\n @Method()\n async setStep(step: StepFormEnum) {\n this.step = step\n }\n\n public async validateBonus(pin: string) {\n this.loading = true;\n this.message = \"\";\n const payload: IProccesPinBonusDto = {\n pin: pin,\n cellphone: this.phone.toString(),\n loja_id: this.sent.storeId,\n user_id: this.sent.userId,\n cartId: this.cartId,\n products: this.products\n }\n\n try {\n this.bonus = await this.crmBonusService.validatePinBonus(payload, this.storeName);\n\n console.log('[this.bonus]', this.bonus);\n this.step = StepFormEnum.STEP_RESERVE;\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false;\n }\n console.log('payload', payload)\n }\n\n public async reserveApply(amount: number) {\n this.loading = true;\n this.message = \"\";\n try {\n await this.reserve(amount);\n\n this.step = StepFormEnum.STEP_APPLY;\n\n this.saveStore(amount);\n } catch (error) {\n this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\n } finally {\n this.loading = false;\n }\n }\n\n public async reserve(amount: number) {\n await this.crmBonusService.reserve({\n redeemed_bonus: amount,\n cart_id: this.cartId,\n ticket: this.cartId,\n gross_value: this.bonus.totalValue,\n }, this.storeName);\n }\n\n public handleCancel() {\n this.step = StepFormEnum.STEP_PHONE;\n this.cancel()\n }\n\n render() {\n return (\n <Host>\n {/* {this.step === StepFormEnum.STEP_PHONE && <phone-input value={this.customer.phone} sendPin={(phone) => this.sendPin(phone)} loading={this.loading} />} */}\n \n {this.step == StepFormEnum.STEP_NAME && <name-input loading={this.loadingModal} value={this.customer.name} applyName={(name) => this.handleCustomerName(name)} />}\n {this.step === StepFormEnum.STEP_PIN && <giftback-pin cancel={() => this.handleCancel()} sent={this.sent} validate={(data) => this.validateBonus(data)} loading={this.loading} />}\n\n {this.step === StepFormEnum.STEP_RESERVE && <giftback-progress loading={this.loading} cancel={() => this.handleCancel()} bonus={this.bonus} reserve={(amountRedeemed: number) => this.reserveApply(amountRedeemed)} />}\n {this.step === StepFormEnum.STEP_APPLY && <giftback-finish />}\n <p class=\"message-error\">{this.message}</p>\n </Host>\n )\n }\n}"],"version":3}
@@ -3773,8 +3773,8 @@ class CrmBonusService {
3773
3773
  }, { headers: { 'Content-Type': 'application/json' } });
3774
3774
  console.log('response', response.data);
3775
3775
  }
3776
- async sendPin(phone, store) {
3777
- const response = await this.axiosInstance.post("/api/crm-bonus/send-pin", { celular: phone, nome: "giftback" }, { headers: { store } });
3776
+ async sendPin(phone, name, store) {
3777
+ const response = await this.axiosInstance.post("/api/crm-bonus/send-pin", { celular: phone, nome: name }, { headers: { store } });
3778
3778
  return {
3779
3779
  storeId: response.data.store_id,
3780
3780
  userId: response.data.user_id
@@ -3790,9 +3790,8 @@ class CrmBonusService {
3790
3790
  return response.data;
3791
3791
  }
3792
3792
  async cancel(cartId, store) {
3793
- const response = await this.axiosInstance.post("/api/crm-bonus/cancel-bonus", {
3794
- num_pedido: cartId,
3795
- used_bonus: true
3793
+ const response = await this.axiosInstance.post("/api/crm-bonus/cancel-apply-bonus", {
3794
+ ticket: cartId
3796
3795
  }, { headers: { store } });
3797
3796
  return response.data;
3798
3797
  }
@@ -3800,4 +3799,4 @@ class CrmBonusService {
3800
3799
 
3801
3800
  export { CrmBonusService as C };
3802
3801
 
3803
- //# sourceMappingURL=p-39df4263.js.map
3802
+ //# sourceMappingURL=p-a7e4526b.js.map