crmbonus-component-wake 2.0.79 → 2.0.82

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 (107) hide show
  1. package/dist/cjs/countdown-timer_4.cjs.entry.js +7 -5
  2. package/dist/cjs/countdown-timer_4.cjs.entry.js.map +1 -1
  3. package/dist/cjs/crm-bonus-form.cjs.entry.js +2 -1
  4. package/dist/cjs/crm-bonus-form.cjs.entry.js.map +1 -1
  5. package/dist/cjs/crm-bonus-note.cjs.entry.js +3 -2
  6. package/dist/cjs/crm-bonus-note.cjs.entry.js.map +1 -1
  7. package/dist/cjs/crm-bonus.cjs.entry.js +35 -35
  8. package/dist/cjs/crm-bonus.cjs.entry.js.map +1 -1
  9. package/dist/cjs/crm-giftback-form_2.cjs.entry.js +31 -17
  10. package/dist/cjs/crm-giftback-form_2.cjs.entry.js.map +1 -1
  11. package/dist/cjs/crmbonus-component-wake.cjs.js +1 -1
  12. package/dist/cjs/{crmbonus.service-ebe0b3c6.js → crmbonus.service-5a89216e.js} +9 -14
  13. package/dist/cjs/crmbonus.service-5a89216e.js.map +1 -0
  14. package/dist/cjs/keys.storage-de7744aa.js +17 -0
  15. package/dist/cjs/keys.storage-de7744aa.js.map +1 -0
  16. package/dist/cjs/loader.cjs.js +1 -1
  17. package/dist/cjs/pedido-finalizado.cjs.entry.js +2 -1
  18. package/dist/cjs/pedido-finalizado.cjs.entry.js.map +1 -1
  19. package/dist/collection/components/crm-bonus/crm-bonus.js +5 -34
  20. package/dist/collection/components/crm-bonus/crm-bonus.js.map +1 -1
  21. package/dist/collection/components/giftback-form/giftback-form.js +43 -15
  22. package/dist/collection/components/giftback-form/giftback-form.js.map +1 -1
  23. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.css +15 -5
  24. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js +6 -4
  25. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js.map +1 -1
  26. package/dist/collection/dto/validate.pin.bonus.js +4 -1
  27. package/dist/collection/dto/validate.pin.bonus.js.map +1 -1
  28. package/dist/collection/helpers/build.payload.helper.js +25 -0
  29. package/dist/collection/helpers/build.payload.helper.js.map +1 -0
  30. package/dist/collection/services/crmbonus.service.js +4 -2
  31. package/dist/collection/services/crmbonus.service.js.map +1 -1
  32. package/dist/collection/utils/keys.storage.js +1 -0
  33. package/dist/collection/utils/keys.storage.js.map +1 -1
  34. package/dist/components/crm-bonus-form.js +1 -1
  35. package/dist/components/crm-bonus-note.js +2 -1
  36. package/dist/components/crm-bonus-note.js.map +1 -1
  37. package/dist/components/crm-bonus.js +36 -37
  38. package/dist/components/crm-bonus.js.map +1 -1
  39. package/dist/components/crm-giftback-form.js +1 -1
  40. package/dist/components/giftback-info.js +1 -1
  41. package/dist/components/{p-998b6c7d.js → p-397f67b9.js} +8 -6
  42. package/dist/components/p-397f67b9.js.map +1 -0
  43. package/dist/components/{p-a7ddcab4.js → p-9c859043.js} +7 -11
  44. package/dist/components/p-9c859043.js.map +1 -0
  45. package/dist/components/{p-d059c47e.js → p-ab2481c0.js} +32 -17
  46. package/dist/components/p-ab2481c0.js.map +1 -0
  47. package/dist/components/p-f9aeffc1.js +12 -0
  48. package/dist/components/p-f9aeffc1.js.map +1 -0
  49. package/dist/components/pedido-finalizado.js +1 -1
  50. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +1 -1
  51. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js.map +1 -1
  52. package/dist/crmbonus-component-wake/p-11fc9c23.entry.js +2 -0
  53. package/dist/crmbonus-component-wake/p-11fc9c23.entry.js.map +1 -0
  54. package/dist/crmbonus-component-wake/p-232f1d6f.entry.js +2 -0
  55. package/dist/crmbonus-component-wake/{p-b7925fc7.entry.js.map → p-232f1d6f.entry.js.map} +1 -1
  56. package/dist/crmbonus-component-wake/p-7b55f703.entry.js +2 -0
  57. package/dist/crmbonus-component-wake/p-7b55f703.entry.js.map +1 -0
  58. package/dist/crmbonus-component-wake/p-7d9e486b.entry.js +2 -0
  59. package/dist/crmbonus-component-wake/p-7d9e486b.entry.js.map +1 -0
  60. package/dist/crmbonus-component-wake/p-805ea9db.entry.js +2 -0
  61. package/dist/crmbonus-component-wake/{p-282b201b.entry.js.map → p-805ea9db.entry.js.map} +1 -1
  62. package/dist/crmbonus-component-wake/p-9c859043.js +2 -0
  63. package/dist/crmbonus-component-wake/p-9c859043.js.map +1 -0
  64. package/dist/crmbonus-component-wake/p-e98dd96e.entry.js +2 -0
  65. package/dist/crmbonus-component-wake/{p-304d3f89.entry.js.map → p-e98dd96e.entry.js.map} +1 -1
  66. package/dist/crmbonus-component-wake/p-f9aeffc1.js +2 -0
  67. package/dist/crmbonus-component-wake/p-f9aeffc1.js.map +1 -0
  68. package/dist/esm/countdown-timer_4.entry.js +7 -5
  69. package/dist/esm/countdown-timer_4.entry.js.map +1 -1
  70. package/dist/esm/crm-bonus-form.entry.js +2 -1
  71. package/dist/esm/crm-bonus-form.entry.js.map +1 -1
  72. package/dist/esm/crm-bonus-note.entry.js +2 -1
  73. package/dist/esm/crm-bonus-note.entry.js.map +1 -1
  74. package/dist/esm/crm-bonus.entry.js +35 -35
  75. package/dist/esm/crm-bonus.entry.js.map +1 -1
  76. package/dist/esm/crm-giftback-form_2.entry.js +29 -15
  77. package/dist/esm/crm-giftback-form_2.entry.js.map +1 -1
  78. package/dist/esm/crmbonus-component-wake.js +1 -1
  79. package/dist/esm/{crmbonus.service-84f1cc25.js → crmbonus.service-abc38398.js} +7 -11
  80. package/dist/esm/crmbonus.service-abc38398.js.map +1 -0
  81. package/dist/esm/keys.storage-8c76fcd7.js +12 -0
  82. package/dist/esm/keys.storage-8c76fcd7.js.map +1 -0
  83. package/dist/esm/loader.js +1 -1
  84. package/dist/esm/pedido-finalizado.entry.js +2 -1
  85. package/dist/esm/pedido-finalizado.entry.js.map +1 -1
  86. package/dist/types/components/giftback-form/giftback-form.d.ts +1 -0
  87. package/dist/types/components.d.ts +2 -0
  88. package/dist/types/dto/validate.pin.bonus.d.ts +9 -0
  89. package/dist/types/helpers/build.payload.helper.d.ts +2 -0
  90. package/dist/types/utils/keys.storage.d.ts +1 -0
  91. package/package.json +1 -1
  92. package/dist/cjs/crmbonus.service-ebe0b3c6.js.map +0 -1
  93. package/dist/components/p-998b6c7d.js.map +0 -1
  94. package/dist/components/p-a7ddcab4.js.map +0 -1
  95. package/dist/components/p-d059c47e.js.map +0 -1
  96. package/dist/crmbonus-component-wake/p-282b201b.entry.js +0 -2
  97. package/dist/crmbonus-component-wake/p-304d3f89.entry.js +0 -2
  98. package/dist/crmbonus-component-wake/p-5077c3f7.entry.js +0 -2
  99. package/dist/crmbonus-component-wake/p-5077c3f7.entry.js.map +0 -1
  100. package/dist/crmbonus-component-wake/p-a7ddcab4.js +0 -2
  101. package/dist/crmbonus-component-wake/p-a7ddcab4.js.map +0 -1
  102. package/dist/crmbonus-component-wake/p-b7925fc7.entry.js +0 -2
  103. package/dist/crmbonus-component-wake/p-cd95574b.entry.js +0 -2
  104. package/dist/crmbonus-component-wake/p-cd95574b.entry.js.map +0 -1
  105. package/dist/crmbonus-component-wake/p-def67339.entry.js +0 -2
  106. package/dist/crmbonus-component-wake/p-def67339.entry.js.map +0 -1
  107. package/dist/esm/crmbonus.service-84f1cc25.js.map +0 -1
@@ -1,11 +1,12 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
2
- import { C as CrmBonusService, g as getKeyReserveByCartId } from './p-a7ddcab4.js';
2
+ import { C as CrmBonusService } from './p-9c859043.js';
3
3
  import { S as StepFormEnum } from './p-a561251a.js';
4
4
  import { g as getInfoCustomization } from './p-75ba7b9a.js';
5
5
  import { i as instance } from './p-fb505488.js';
6
+ import { g as getKeyReserveByCartId, U as USED_KEY } from './p-f9aeffc1.js';
6
7
  import { d as defineCustomElement$7 } from './p-0ef696a9.js';
7
8
  import { d as defineCustomElement$6 } from './p-29622725.js';
8
- import { d as defineCustomElement$5 } from './p-998b6c7d.js';
9
+ import { d as defineCustomElement$5 } from './p-397f67b9.js';
9
10
  import { d as defineCustomElement$4 } from './p-f1639e26.js';
10
11
  import { d as defineCustomElement$3 } from './p-ca3d612c.js';
11
12
  import { d as defineCustomElement$2 } from './p-0a29a684.js';
@@ -24,6 +25,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
24
25
  this.cartId = undefined;
25
26
  this.products = undefined;
26
27
  this.customer = undefined;
28
+ this.loadProducts = undefined;
27
29
  this.value = undefined;
28
30
  this.loading = false;
29
31
  this.message = undefined;
@@ -41,6 +43,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
41
43
  }
42
44
  async processBonus(products = [], hasNewProduct = false) {
43
45
  this.sucess = "";
46
+ console.log('processBonus', []);
44
47
  if (hasNewProduct) {
45
48
  this.products = products;
46
49
  }
@@ -73,6 +76,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
73
76
  await this.handleApply();
74
77
  }
75
78
  async handleApply() {
79
+ console.log('processBonus');
76
80
  await this.processBonus();
77
81
  // const bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));
78
82
  // if (bonus) {
@@ -85,18 +89,24 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
85
89
  return Number(_phone);
86
90
  }
87
91
  async sendPin() {
88
- var _a, _b;
92
+ var _a, _b, _c;
89
93
  this.loading = true;
90
94
  this.message = "";
91
95
  this.sucess = "";
92
96
  this.error = "";
93
97
  try {
94
98
  const _phone = this.convertStringToNumber();
95
- this.pinInfo = await this.crmBonusService.sendPin(_phone, "", this.storeName);
96
- this.step = StepFormEnum.STEP_PIN;
99
+ this.pinInfo = await this.crmBonusService.sendPin(_phone, (_a = this.customer) === null || _a === void 0 ? void 0 : _a.name, this.storeName);
100
+ if (localStorage.getItem(`bc:${this.phone}`)) {
101
+ await this.validateBonus("2018");
102
+ this.step = StepFormEnum.STEP_RESERVE;
103
+ }
104
+ else {
105
+ this.step = StepFormEnum.STEP_PIN;
106
+ }
97
107
  }
98
108
  catch (error) {
99
- this.message = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message;
109
+ this.message = (_c = (_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.message;
100
110
  }
101
111
  finally {
102
112
  this.loading = false;
@@ -108,8 +118,10 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
108
118
  this.step = StepFormEnum.STEP_PHONE;
109
119
  }
110
120
  async validateBonus(pin) {
111
- var _a, _b;
112
- if (this.sucess) {
121
+ var _a, _b, _c;
122
+ this.loadProducts();
123
+ const used_or_no = localStorage.getItem(USED_KEY);
124
+ if (used_or_no == "use") {
113
125
  this.step = StepFormEnum.STEP_RESERVE;
114
126
  return;
115
127
  }
@@ -123,7 +135,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
123
135
  userId: this.pinInfo.userId.toString(),
124
136
  checkoutId: this.cartId,
125
137
  checkoutProducts: this.products,
126
- name: null,
138
+ name: (_a = this.customer) === null || _a === void 0 ? void 0 : _a.name,
127
139
  storeName: this.storeName
128
140
  };
129
141
  try {
@@ -135,9 +147,11 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
135
147
  }
136
148
  this.sucess = "Código validado com sucesso!";
137
149
  localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify(Object.assign(Object.assign({}, this.bonus), { phone: this.phone })));
150
+ localStorage.setItem(`bc:${this.phone}`, "validate");
151
+ this.step = StepFormEnum.STEP_RESERVE;
138
152
  }
139
153
  catch (error) {
140
- const _error = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message;
154
+ const _error = (_c = (_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.message;
141
155
  if (_error.includes("Pin")) {
142
156
  this.error = "Código inválido!";
143
157
  }
@@ -158,7 +172,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
158
172
  this.message = "";
159
173
  this.loading = true;
160
174
  try {
161
- await this.crmBonusService.cancel(this.cartId);
175
+ await this.crmBonusService.cancelBonus(this.cartId, this.storeName);
162
176
  // localStorage.removeItem(this.cartId);
163
177
  this.save(0);
164
178
  }
@@ -200,11 +214,11 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
200
214
  });
201
215
  }
202
216
  render() {
203
- return (h("div", { key: 'a1dbaa831959a5ebe1d5480aeffe253aa312dfc5', class: "crm-container-form fbits-responsive-carrinho-desconto" }, h("label", { key: 'dee84645e51ddfad514f7f255d5c5f2496c0f914', class: "crm-title" }, this.config.giftbackTitle), this.step === StepFormEnum.STEP_PHONE &&
204
- h("phone-form", { key: '800c99c0000601f87572ac2d9ce1ffdd57424c3c', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
205
- h("pin-form", { key: 'dc30388d65b96a39041d398b27c0acb80556da52', config: this.config, phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && h("p", { key: 'dd960cc999a83422b90c4bc85bd29715c217f1b3', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: 'a42f76fb98741af47256cf9f7241966be2c38ccf', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
206
- h("giftback-info", { key: '3472f11b5f2938148bb0834b78c909d0e20d3bfd', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_NO_BONUS &&
207
- (h("div", { key: '9685086ff3ff14d0a27db5773e72bf8135a46388', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
217
+ return (h("div", { key: 'b3ee46442ab6dfc062792ba9304153735ea5c221', class: "crm-container-form fbits-responsive-carrinho-desconto" }, h("label", { key: '763cc526640bce84ece0b2389b2fb7e99519eab8', class: "crm-title" }, this.config.giftbackTitle), this.step === StepFormEnum.STEP_PHONE &&
218
+ h("phone-form", { key: '1696446b829fd16c006353ad3689c25f51ec6c90', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
219
+ h("pin-form", { key: '0af5348ebf7ad7980b3f3f8364cd442e41ad9fe8', config: this.config, phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && h("p", { key: 'b11bfde8822d9acf404313f0a8d079189b35a40b', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: 'f848df71f4604122b87a59cb59b96e85d4a89057', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
220
+ h("giftback-info", { key: '66480f6f9c5e93162ed2152192d8db76c01f459f', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_NO_BONUS &&
221
+ (h("div", { key: '054f6a2b7d1bf73daa96d46665f4b840ae85ca64', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
208
222
  }
209
223
  static get style() { return CrmGiftbackFormStyle0; }
210
224
  }, [0, "crm-giftback-form", {
@@ -212,6 +226,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
212
226
  "cartId": [8, "cart-id"],
213
227
  "products": [16],
214
228
  "customer": [16],
229
+ "loadProducts": [16],
215
230
  "value": [32],
216
231
  "loading": [32],
217
232
  "message": [32],
@@ -278,4 +293,4 @@ defineCustomElement();
278
293
 
279
294
  export { CrmBonus as C, defineCustomElement as d };
280
295
 
281
- //# sourceMappingURL=p-d059c47e.js.map
296
+ //# sourceMappingURL=p-ab2481c0.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-ab2481c0.js","mappings":"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","names":["i18next"],"sources":["src/components/giftback-form/giftback-form.css?tag=crm-giftback-form","src/components/giftback-form/giftback-form.tsx"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n: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, Method, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent'\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport i18next from \"../../i18n/i18n\"\nimport { USED_KEY, getKeyReserveByCartId } from \"../../utils/keys.storage\";\n\n@Component({\n tag: 'crm-giftback-form',\n styleUrl: 'giftback-form.css'\n})\nexport class CrmBonus {\n // private phoneInputMask: HTMLPhoneFormElement;\n\n private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n @Prop({ attribute: 'storename' }) storeName;\n @Prop() cartId;\n @Prop() products: Array<IProduct>;\n @Prop() customer: ICustomer;\n @Prop() loadProducts: () => void;\n\n @State() value: string;\n @State() loading: boolean = false;\n @State() message: string;\n @State() phone: string;\n @State() pinInfo: IPinSent;\n @State() step: StepFormEnum = StepFormEnum.STEP_PHONE;\n @State() bonus: IBonus;\n\n @State() sucess: string = \"\";\n @State() error: string = \"\";\n @State() config: IInfoStore;\n\n @State() hasApplyBonus = false;\n\n\n @Method()\n async setStep(step: StepFormEnum) {\n this.step = step\n }\n\n @Method()\n async processBonus(products: IProduct[] = [], hasNewProduct = false) {\n this.sucess = \"\";\n\n console.log('processBonus', [])\n if (hasNewProduct) {\n this.products = products;\n }\n const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n\n if (_bonus) {\n\n const bonus = JSON.parse(_bonus)\n\n this.bonus = bonus;\n\n this.phone = bonus.phone;\n this.pinInfo = {\n storeId: bonus.storeId,\n userId: bonus.userId\n }\n \n await this.validateBonus(\"2018\");\n this.step = StepFormEnum.STEP_RESERVE;\n\n }\n\n\n }\n\n async handleSendPin(phone: string) {\n\n this.message = \"\"\n if (!phone) {\n this.message = \"Informe seu telefone\";\n return;\n }\n\n this.phone = phone;\n\n this.sendPin()\n }\n\n async componentWillLoad() {\n this.sucess = \"\";\n this.error = \"\"\n this.config = getInfoCustomization(this.storeName);\n\n await this.handleApply()\n\n }\n\n async handleApply() {\n console.log('processBonus')\n await this.processBonus();\n\n // const bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n // if (bonus) {\n // this.bonus = JSON.parse(bonus);\n // this.step = StepFormEnum.STEP_RESERVE; \n // }\n\n }\n\n private convertStringToNumber(): number {\n const _phone = this.phone.replace(/\\D/g, '');\n return Number(_phone);\n }\n\n public async sendPin() {\n this.loading = true;\n this.message = \"\";\n this.sucess = \"\";\n this.error = \"\"\n\n try {\n\n const _phone = this.convertStringToNumber()\n\n this.pinInfo = await this.crmBonusService.sendPin(_phone, this.customer?.name, this.storeName);\n\n if (localStorage.getItem(`bc:${this.phone}`)) {\n await this.validateBonus(\"2018\");\n this.step = StepFormEnum.STEP_RESERVE;\n } else {\n this.step = StepFormEnum.STEP_PIN;\n }\n\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false\n }\n }\n\n changePhone() {\n this.sucess = \"\";\n this.error = \"\"\n this.step = StepFormEnum.STEP_PHONE;\n }\n\n public async validateBonus(pin: string) {\n\n this.loadProducts();\n\n const used_or_no = localStorage.getItem(USED_KEY);\n\n if (used_or_no == \"use\") {\n this.step = StepFormEnum.STEP_RESERVE;\n return\n }\n\n this.loading = true;\n this.sucess = \"\";\n this.error = \"\";\n const payload: IProccesPinBonusDto = {\n pin: pin,\n cellphone: this.phone.toString(),\n storeId: this.pinInfo.storeId.toString(),\n userId: this.pinInfo.userId.toString(),\n checkoutId: this.cartId,\n checkoutProducts: this.products,\n name: this.customer?.name,\n storeName: this.storeName\n }\n\n try {\n this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n if (!this.bonus.hasBonus) {\n this.loading = false;\n this.step = StepFormEnum.STEP_NO_BONUS;\n return\n }\n\n this.sucess = \"Código validado com sucesso!\";\n localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\n localStorage.setItem(`bc:${this.phone}`, \"validate\")\n\n this.step = StepFormEnum.STEP_RESERVE;\n\n } catch (error) {\n const _error: string = error?.response?.data?.message;\n\n if (_error.includes(\"Pin\")) {\n this.error = \"Código inválido!\"\n } else {\n this.error = _error;\n this.step = StepFormEnum.STEP_NO_BONUS;\n }\n\n\n } finally {\n this.loading = false;\n }\n }\n\n public handleCancel() {\n // this.step = StepFormEnum.STEP_PHONE;\n this.cancel()\n }\n\n async cancel() {\n this.message = \"\";\n this.loading = true;\n try {\n await this.crmBonusService.cancelBonus(this.cartId, this.storeName);\n // localStorage.removeItem(this.cartId);\n this.save(0)\n } catch (error) {\n this.message = \"Não consegui cancelar o bônus, tente novamente!\"\n } finally {\n this.loading = false;\n }\n }\n\n public async reserveApply(amount: number) {\n this.loading = true;\n this.message = \"\";\n try {\n await this.reserve(amount);\n this.save(amount);\n\n } catch (error) {\n this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\n\n this.step = StepFormEnum.STEP_NO_BONUS;\n localStorage.removeItem(this.cartId);\n } finally {\n this.loading = false;\n }\n }\n\n save(amount: number) {\n localStorage.setItem(this.cartId, amount.toString());\n }\n\n public async reserve(amount: number) {\n\n await this.crmBonusService.reserve({\n redeemedBonus: amount,\n cartId: this.cartId,\n ticket: this.cartId,\n grossValue: Number(this.bonus.totalValue),\n storeName: this.storeName,\n storeId: this.bonus.storeId.toString(),\n userId: this.bonus.userId\n });\n }\n\n render() {\n return (\n <div class=\"crm-container-form fbits-responsive-carrinho-desconto\" >\n\n {/* <loading-container /> */}\n\n <label class=\"crm-title\">{this.config.giftbackTitle}</label>\n\n {this.step === StepFormEnum.STEP_PHONE &&\n <phone-form\n value={this.customer.phone}\n config={this.config}\n loading={this.loading}\n handlerSubmit={(phone) => this.handleSendPin(phone)}\n />}\n {\n this.step === StepFormEnum.STEP_PIN &&\n <pin-form\n config={this.config}\n phone={this.phone}\n cancel={() => this.changePhone()}\n resend={() => this.sendPin()}\n validate={(data) => this.validateBonus(data)}\n loading={this.loading}\n >\n {this.sucess && <p class=\"crm-message-info\">{this.sucess}</p>}\n {this.error && <p class=\"crm-message-error\">{this.error}</p>}\n\n </pin-form>\n }\n\n {\n this.step === StepFormEnum.STEP_RESERVE &&\n <giftback-info\n loading={this.loading}\n cancel={() => this.handleCancel()}\n bonus={this.bonus}\n reserve={(amountRedeemed: number) => this.reserveApply(amountRedeemed)}\n />\n }\n\n {\n this.step === StepFormEnum.STEP_NO_BONUS &&\n (\n <div class=\"container-message\">\n {i18next.t(\"noGiftback\", { storename: this.config.giftbackTitle })}\n </div>\n )\n\n }\n </div>\n )\n }\n}"],"version":3}
@@ -0,0 +1,12 @@
1
+ const getKeyReserveByCartId = (cartId) => {
2
+ return `bc:reserve${cartId}`;
3
+ };
4
+ const BYCODERS_KEY = "@BYCODERS_KEY";
5
+ const USED_KEY = "bc:used";
6
+ const getKeyConfigByStoreName = (storeName) => {
7
+ return `bc:${storeName}`;
8
+ };
9
+
10
+ export { BYCODERS_KEY as B, USED_KEY as U, getKeyConfigByStoreName as a, getKeyReserveByCartId as g };
11
+
12
+ //# sourceMappingURL=p-f9aeffc1.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-f9aeffc1.js","mappings":"MAAa,qBAAqB,GAAG,CAAC,MAAc;IAChD,OAAO,aAAa,MAAM,EAAE,CAAA;AAChC,EAAC;MAEY,YAAY,GAAG,gBAAgB;MAC/B,QAAQ,GAAG,UAAU;MAGrB,uBAAuB,GAAG,CAAC,SAAiB;IACrD,OAAO,MAAM,SAAS,EAAE,CAAA;AAC5B;;;;","names":[],"sources":["src/utils/keys.storage.ts"],"sourcesContent":["export const getKeyReserveByCartId = (cartId: string) => {\n return `bc:reserve${cartId}`\n}\n\nexport const BYCODERS_KEY = \"@BYCODERS_KEY\";\nexport const USED_KEY = \"bc:used\";\n\n\nexport const getKeyConfigByStoreName = (storeName: string) => {\n return `bc:${storeName}`\n}"],"version":3}
@@ -1,5 +1,5 @@
1
1
  import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
2
- import { C as CrmBonusService } from './p-a7ddcab4.js';
2
+ import { C as CrmBonusService } from './p-9c859043.js';
3
3
 
4
4
  const Pedido = /*@__PURE__*/ proxyCustomElement(class Pedido extends H {
5
5
  constructor() {
@@ -1,2 +1,2 @@
1
- import{p as e,b as n}from"./p-24616d67.js";export{s as setNonce}from"./p-24616d67.js";import{g as a}from"./p-e1255160.js";var o=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};o().then((async e=>{await a();return n([["p-5077c3f7",[[2,"crm-bonus",{userId:[2,"userid"],storeName:[8,"storename"],productsInString:[1,"products"],cartId:[8,"cartid"],showModal:[32],products:[32],customer:[32],loading:[32],message:[32],phone:[32],canCancel:[32],amountCancel:[32],sent:[32],session:[32],loading_reprocess:[32],resetBonus:[64],reprocess:[64]},null,{productsInString:["watchProducts"]}]]],["p-b7925fc7",[[1,"crm-bonus-form",{storeName:[8,"storename"],cartId:[8,"cart-id"],products:[16],customer:[16],sent:[16],stepNext:[2,"step-next"],phone:[2],loadingModal:[4,"loading-modal"],saveStore:[16],cancel:[16],handleCustomerName:[16],loading:[32],step:[32],message:[32],bonus:[32],setStep:[64]}]]],["p-db4f04a8",[[0,"phone-cancel-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-92fe1963",[[0,"phone-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-4d351ad2",[[1,"app-modal",{isOpen:[516,"is-open"],modalTitle:[1,"modal-title"]}]]],["p-282b201b",[[0,"crm-bonus-note",{cartId:[8,"cartid"],storename:[8],url:[32],config:[32]}]]],["p-304d3f89",[[0,"pedido-finalizado",{cartId:[1,"cartid"],orderId:[2,"orderid"],metadadoString:[1,"metadado"]}]]],["p-2086a755",[[0,"crm-button",{txtBtn:[1,"txt-btn"],loading:[4],handleClick:[16]}]]],["p-8bd25376",[[1,"phone-input-mask",{initialValue:[1,"initial-value"],disabled:[4],phone:[32],message:[32],getPhone:[64]}]]],["p-c8445f78",[[1,"loading-spinner",{size:[1],color:[1]}]]],["p-cd95574b",[[0,"phone-form",{value:[1],loading:[4],handlerSubmit:[16],config:[16]}],[1,"pin-form",{validate:[16],cancel:[16],resend:[16],sent:[16],loading:[4],phone:[1],config:[16],pin:[32],isVerified:[32],canResend:[32]}],[0,"giftback-info",{loading:[4],bonus:[16],reserve:[16],cancel:[16],usedValue:[32],selectedOption:[32],sliderPosition:[32]},null,{bonus:["changedBonus"]}],[1,"countdown-timer",{downtime:[16],counter:[32]}]]],["p-def67339",[[0,"crm-giftback-form",{storeName:[8,"storename"],cartId:[8,"cart-id"],products:[16],customer:[16],value:[32],loading:[32],message:[32],phone:[32],pinInfo:[32],step:[32],bonus:[32],sucess:[32],error:[32],config:[32],hasApplyBonus:[32],setStep:[64],processBonus:[64]}],[4,"loading-container",{loading:[4]}]]],["p-9ad0650e",[[1,"giftback-pin",{sent:[16],validate:[16],cancel:[16],loading:[4],pin:[32],isVerified:[32]}],[1,"giftback-progress",{loading:[4],bonus:[16],reserve:[16],cancel:[16],usedValue:[32]}],[0,"name-input",{value:[1],loading:[4],applyName:[16],cancel:[16],newValue:[32],message:[32]}],[1,"giftback-finish"]]]],e)}));
1
+ import{p as e,b as n}from"./p-24616d67.js";export{s as setNonce}from"./p-24616d67.js";import{g as a}from"./p-e1255160.js";var o=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};o().then((async e=>{await a();return n([["p-7b55f703",[[2,"crm-bonus",{userId:[2,"userid"],storeName:[8,"storename"],productsInString:[1,"products"],cartId:[8,"cartid"],showModal:[32],products:[32],customer:[32],loading:[32],message:[32],phone:[32],canCancel:[32],amountCancel:[32],sent:[32],session:[32],loading_reprocess:[32],resetBonus:[64],reprocess:[64]},null,{productsInString:["watchProducts"]}]]],["p-232f1d6f",[[1,"crm-bonus-form",{storeName:[8,"storename"],cartId:[8,"cart-id"],products:[16],customer:[16],sent:[16],stepNext:[2,"step-next"],phone:[2],loadingModal:[4,"loading-modal"],saveStore:[16],cancel:[16],handleCustomerName:[16],loading:[32],step:[32],message:[32],bonus:[32],setStep:[64]}]]],["p-db4f04a8",[[0,"phone-cancel-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-92fe1963",[[0,"phone-input",{sendPin:[16],loading:[4],value:[1]}]]],["p-4d351ad2",[[1,"app-modal",{isOpen:[516,"is-open"],modalTitle:[1,"modal-title"]}]]],["p-805ea9db",[[0,"crm-bonus-note",{cartId:[8,"cartid"],storename:[8],url:[32],config:[32]}]]],["p-e98dd96e",[[0,"pedido-finalizado",{cartId:[1,"cartid"],orderId:[2,"orderid"],metadadoString:[1,"metadado"]}]]],["p-2086a755",[[0,"crm-button",{txtBtn:[1,"txt-btn"],loading:[4],handleClick:[16]}]]],["p-8bd25376",[[1,"phone-input-mask",{initialValue:[1,"initial-value"],disabled:[4],phone:[32],message:[32],getPhone:[64]}]]],["p-c8445f78",[[1,"loading-spinner",{size:[1],color:[1]}]]],["p-11fc9c23",[[0,"phone-form",{value:[1],loading:[4],handlerSubmit:[16],config:[16]}],[1,"pin-form",{validate:[16],cancel:[16],resend:[16],sent:[16],loading:[4],phone:[1],config:[16],pin:[32],isVerified:[32],canResend:[32]}],[0,"giftback-info",{loading:[4],bonus:[16],reserve:[16],cancel:[16],usedValue:[32],selectedOption:[32],sliderPosition:[32]},null,{bonus:["changedBonus"]}],[1,"countdown-timer",{downtime:[16],counter:[32]}]]],["p-7d9e486b",[[0,"crm-giftback-form",{storeName:[8,"storename"],cartId:[8,"cart-id"],products:[16],customer:[16],loadProducts:[16],value:[32],loading:[32],message:[32],phone:[32],pinInfo:[32],step:[32],bonus:[32],sucess:[32],error:[32],config:[32],hasApplyBonus:[32],setStep:[64],processBonus:[64]}],[4,"loading-container",{loading:[4]}]]],["p-9ad0650e",[[1,"giftback-pin",{sent:[16],validate:[16],cancel:[16],loading:[4],pin:[32],isVerified:[32]}],[1,"giftback-progress",{loading:[4],bonus:[16],reserve:[16],cancel:[16],usedValue:[32]}],[0,"name-input",{value:[1],loading:[4],applyName:[16],cancel:[16],newValue:[32],message:[32]}],[1,"giftback-finish"]]]],e)}));
2
2
  //# sourceMappingURL=crmbonus-component-wake.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","userId","storeName","productsInString","cartId","showModal","products","customer","loading","message","phone","canCancel","amountCancel","sent","session","loading_reprocess","resetBonus","reprocess","stepNext","loadingModal","saveStore","cancel","handleCustomerName","step","bonus","setStep","sendPin","value","isOpen","modalTitle","storename","config","orderId","metadadoString","txtBtn","handleClick","initialValue","disabled","getPhone","size","color","handlerSubmit","validate","resend","pin","isVerified","canResend","reserve","usedValue","selectedOption","sliderPosition","downtime","counter","pinInfo","sucess","error","hasApplyBonus","processBonus","applyName","newValue"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,+BAA8B,CAAAC,OAAS,aAAAC,UAAA,gBAAAC,iBAAA,eAAAC,OAAA,aAAAC,UAAA,KAAAC,SAAA,KAAAC,SAAA,KAAAC,QAAA,KAAAC,QAAA,KAAAC,MAAA,KAAAC,UAAA,KAAAC,aAAA,KAAAC,KAAA,KAAAC,QAAA,KAAAC,kBAAA,KAAAC,WAAA,KAAAC,UAAA,YAAAd,iBAAA,0DAAAD,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAC,SAAA,KAAAM,KAAA,KAAAK,SAAA,gBAAAR,MAAA,IAAAS,aAAA,oBAAAC,UAAA,KAAAC,OAAA,KAAAC,mBAAA,KAAAd,QAAA,KAAAe,KAAA,KAAAd,QAAA,KAAAe,MAAA,KAAAC,QAAA,iDAAAC,QAAA,KAAAlB,QAAA,IAAAmB,MAAA,yCAAAD,QAAA,KAAAlB,QAAA,IAAAmB,MAAA,uCAAAC,OAAA,gBAAAC,WAAA,0DAAAzB,OAAA,aAAA0B,UAAA,IAAAxC,IAAA,KAAAyC,OAAA,gDAAA3B,OAAA,aAAA4B,QAAA,cAAAC,eAAA,mDAAAC,OAAA,cAAA1B,QAAA,IAAA2B,YAAA,+CAAAC,aAAA,oBAAAC,SAAA,IAAA3B,MAAA,KAAAD,QAAA,KAAA6B,SAAA,8CAAAC,KAAA,IAAAC,MAAA,wCAAAb,MAAA,IAAAnB,QAAA,IAAAiC,cAAA,KAAAV,OAAA,sBAAAW,SAAA,KAAArB,OAAA,KAAAsB,OAAA,KAAA9B,KAAA,KAAAL,QAAA,IAAAE,MAAA,IAAAqB,OAAA,KAAAa,IAAA,KAAAC,WAAA,KAAAC,UAAA,2BAAAtC,QAAA,IAAAgB,MAAA,KAAAuB,QAAA,KAAA1B,OAAA,KAAA2B,UAAA,KAAAC,eAAA,KAAAC,eAAA,YAAA1B,MAAA,yCAAA2B,SAAA,KAAAC,QAAA,gDAAAlD,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAC,SAAA,KAAAoB,MAAA,KAAAnB,QAAA,KAAAC,QAAA,KAAAC,MAAA,KAAA2C,QAAA,KAAA9B,KAAA,KAAAC,MAAA,KAAA8B,OAAA,KAAAC,MAAA,KAAAxB,OAAA,KAAAyB,cAAA,KAAA/B,QAAA,KAAAgC,aAAA,+BAAAjD,QAAA,0CAAAK,KAAA,KAAA6B,SAAA,KAAArB,OAAA,KAAAb,QAAA,IAAAoC,IAAA,KAAAC,WAAA,+BAAArC,QAAA,IAAAgB,MAAA,KAAAuB,QAAA,KAAA1B,OAAA,KAAA2B,UAAA,wBAAArB,MAAA,IAAAnB,QAAA,IAAAkD,UAAA,KAAArC,OAAA,KAAAsC,SAAA,KAAAlD,QAAA,gCAAAX,EAAA","ignoreList":[]}
1
+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","userId","storeName","productsInString","cartId","showModal","products","customer","loading","message","phone","canCancel","amountCancel","sent","session","loading_reprocess","resetBonus","reprocess","stepNext","loadingModal","saveStore","cancel","handleCustomerName","step","bonus","setStep","sendPin","value","isOpen","modalTitle","storename","config","orderId","metadadoString","txtBtn","handleClick","initialValue","disabled","getPhone","size","color","handlerSubmit","validate","resend","pin","isVerified","canResend","reserve","usedValue","selectedOption","sliderPosition","downtime","counter","loadProducts","pinInfo","sucess","error","hasApplyBonus","processBonus","applyName","newValue"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,+BAA8B,CAAAC,OAAS,aAAAC,UAAA,gBAAAC,iBAAA,eAAAC,OAAA,aAAAC,UAAA,KAAAC,SAAA,KAAAC,SAAA,KAAAC,QAAA,KAAAC,QAAA,KAAAC,MAAA,KAAAC,UAAA,KAAAC,aAAA,KAAAC,KAAA,KAAAC,QAAA,KAAAC,kBAAA,KAAAC,WAAA,KAAAC,UAAA,YAAAd,iBAAA,0DAAAD,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAC,SAAA,KAAAM,KAAA,KAAAK,SAAA,gBAAAR,MAAA,IAAAS,aAAA,oBAAAC,UAAA,KAAAC,OAAA,KAAAC,mBAAA,KAAAd,QAAA,KAAAe,KAAA,KAAAd,QAAA,KAAAe,MAAA,KAAAC,QAAA,iDAAAC,QAAA,KAAAlB,QAAA,IAAAmB,MAAA,yCAAAD,QAAA,KAAAlB,QAAA,IAAAmB,MAAA,uCAAAC,OAAA,gBAAAC,WAAA,0DAAAzB,OAAA,aAAA0B,UAAA,IAAAxC,IAAA,KAAAyC,OAAA,gDAAA3B,OAAA,aAAA4B,QAAA,cAAAC,eAAA,mDAAAC,OAAA,cAAA1B,QAAA,IAAA2B,YAAA,+CAAAC,aAAA,oBAAAC,SAAA,IAAA3B,MAAA,KAAAD,QAAA,KAAA6B,SAAA,8CAAAC,KAAA,IAAAC,MAAA,wCAAAb,MAAA,IAAAnB,QAAA,IAAAiC,cAAA,KAAAV,OAAA,sBAAAW,SAAA,KAAArB,OAAA,KAAAsB,OAAA,KAAA9B,KAAA,KAAAL,QAAA,IAAAE,MAAA,IAAAqB,OAAA,KAAAa,IAAA,KAAAC,WAAA,KAAAC,UAAA,2BAAAtC,QAAA,IAAAgB,MAAA,KAAAuB,QAAA,KAAA1B,OAAA,KAAA2B,UAAA,KAAAC,eAAA,KAAAC,eAAA,YAAA1B,MAAA,yCAAA2B,SAAA,KAAAC,QAAA,gDAAAlD,UAAA,gBAAAE,OAAA,cAAAE,SAAA,KAAAC,SAAA,KAAA8C,aAAA,KAAA1B,MAAA,KAAAnB,QAAA,KAAAC,QAAA,KAAAC,MAAA,KAAA4C,QAAA,KAAA/B,KAAA,KAAAC,MAAA,KAAA+B,OAAA,KAAAC,MAAA,KAAAzB,OAAA,KAAA0B,cAAA,KAAAhC,QAAA,KAAAiC,aAAA,+BAAAlD,QAAA,0CAAAK,KAAA,KAAA6B,SAAA,KAAArB,OAAA,KAAAb,QAAA,IAAAoC,IAAA,KAAAC,WAAA,+BAAArC,QAAA,IAAAgB,MAAA,KAAAuB,QAAA,KAAA1B,OAAA,KAAA2B,UAAA,wBAAArB,MAAA,IAAAnB,QAAA,IAAAmD,UAAA,KAAAtC,OAAA,KAAAuC,SAAA,KAAAnD,QAAA,gCAAAX,EAAA","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,h as t,H as i}from"./p-24616d67.js";import{i as o}from"./p-fb505488.js";import{U as n}from"./p-f9aeffc1.js";const a=class{constructor(t){e(this,t);this.downtime=undefined;this.counter=30}componentWillLoad(){this.intervalId=setInterval((()=>{if(this.counter>0){this.counter--}else{clearInterval(this.intervalId);this.downtime()}}),1e3)}disconnectedCallback(){clearInterval(this.intervalId)}render(){return t("label",{key:"6313656b73bec34e3e4e5099c2bd7633e025588e"},this.counter,"s")}};const r=":host{--text-color:#6D6D5F}.giftback-container{display:flex;flex-direction:column;gap:14px}h3{font-size:1.2rem;margin-bottom:8px;color:#333}.container-description p{font-size:14px;font-weight:400}p{font-size:12px;color:#000}.value-display h2{color:#6D6D5F;font-size:1.6rem;margin:16px 0}input[type='range']{width:100%;margin:12px 0;-webkit-appearance:none;background:#ddd;height:4px;border-radius:4px;outline:none;padding:3px 0px 3px 3px}input[type=\"range\"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:rgb(109, 109, 95);border-radius:50%;cursor:pointer}.options{margin:0px 0;display:flex;gap:10px;flex-direction:column}.options label{display:block;margin:0px 0;font-size:0.9rem;color:#333}.options input[type='radio']{margin-right:8px;height:16px;width:16px}.options input[type='radio']{appearance:none;-webkit-appearance:none;margin-right:8px;width:16px;height:16px;border:2px solid #ddd;border-radius:50%;background-color:#fff;cursor:pointer;transition:all 0.3s;padding:0px}.options input[type='radio']:checked{border-color:#000;background-color:#FAFAFA;border:4px solid #000}.info-box{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:8px;font-size:14px;color:#262626;line-height:20px}.info-icon{font-size:0.9rem;cursor:pointer;color:#888}h3{font-size:1.2rem;margin-bottom:8px;color:#333}.slider-wrapper{position:relative;margin:21px 0px 0px 0px}.slider{width:100%;-webkit-appearance:none;background:#ddd;height:4px;border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-color);border-radius:50%;cursor:pointer}.slider-value{position:absolute;top:-30px;font-size:16px;font-weight:700;color:var(--text-color);transform:translateX(-50%);white-space:nowrap;}";const s=r;const d=class{constructor(t){e(this,t);this.usedValue=0;this.selectedOption="none";this.loading=false;this.bonus={totalBonus:0,cartId:"",minimumPurchase:0,bonusBalance:0,calculatedValue:0,firstValidityDate:"",totalValue:0};this.reserve=undefined;this.cancel=undefined;this.sliderPosition=50}changedBonus(){this.updateBonus()}updateBonus(){this.usedValue=parseFloat(this.bonus.bonusBalance.toString());this.buildPositionSlider(0,this.bonus.totalBonus)}componentWillLoad(){this.updateBonus();this.selectedOption=localStorage.getItem("bc:used")}handleSliderChange(e){const t=e.target;this.usedValue=parseFloat(t.value);this.buildPositionSlider(parseFloat(t.min),parseFloat(t.max))}buildPositionSlider(e,t){const i=(this.usedValue-e)/(t-e)*100;this.sliderPosition=i}async handleOptionChange(e){this.selectedOption=e;localStorage.setItem(n,e);switch(this.selectedOption){case"use":await this.reserve(this.usedValue);break;case"dontUse":await this.cancel();break}}render(){const e=this.bonus.minimumPurchase-this.bonus.totalValue;const i=o.t("giftDescription",{amount:`${this.bonus.totalBonus.toFixed(2).replace(".",",")}`,custom_name:"Giftback"});return t("div",{key:"aefc2c17a4513a5a61a80de824f81abe256f68d3",class:"giftback-container"},t("div",{key:"ad7e9a109314a97c76a110a0da6d0b42aa8c525f",class:"container-description"},t("p",{key:"83d6030d9e8d84e7b47e1bf4cad1273a9cb8960e",innerHTML:i})),t("div",{key:"c305b50bffb44e32a368e49b1fd08e7a09e4dcb8",class:"slider-wrapper"},t("div",{key:"b253997e071ef51093e65c62ed82f5707dd43c41",class:"slider-value",style:{left:`calc(${this.sliderPosition}% - 20px)`,"margin-left":this.usedValue<10?"26px":"0px"}},"R$ ",this.usedValue.toFixed(2).replace(".",",")),t("input",{key:"dfc15ff88b37ca93823590ff7804b477a3b3e3c3",disabled:true,type:"range",min:"0",max:this.bonus.totalBonus,value:this.usedValue,class:"slider",step:"0.01",onInput:e=>this.handleSliderChange(e),style:{background:`linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`}})),t("p",{key:"b519527612036202658ab23b042e9525d52a6f3b"},"Adicione ",t("strong",{key:"50e7e3cf3709f109998458e12f9ae9282e9e8f98"},"R$ ",e<0?"0,00":e.toFixed(2).replace(".",","))," ao carrinho para atingir o valor máximo!"),t("div",{key:"16bb02d466c45c7810180266f67db07d40766489",class:"options"},t("label",{key:"20621d8e7601a902880f6ad7fe861182bdc78460"},t("input",{key:"54f6d3c1f5faac3a32fc5c76369e40380395a5e3",type:"radio",name:"giftbackOption",value:"use",checked:this.selectedOption==="use",onChange:()=>this.handleOptionChange("use")}),"Usar o meu Giftback"),t("label",{key:"c1f6addc20dbda629409bd364ba94f50ac3d1c09"},t("input",{key:"40b221fac93b2c3ea388990778a5e5f958e34ea8",type:"radio",name:"giftbackOption",value:"dontUse",checked:this.selectedOption==="dontUse",onChange:()=>this.handleOptionChange("dontUse")}),"Não usar o meu Giftback")),t("div",{key:"94ca150f2f88fb49bf0e8b6d0216135fe036c8e9",class:"info-box"},"O Giftback será aplicado na próxima etapa."))}static get watchers(){return{bonus:["changedBonus"]}}};d.style=s;const c="*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{font-family:Roboto;font-size:var(--crmfont-sizebodymd);font-weight:400;line-height:var(--crmline-heightbodymd);letter-spacing:var(--crmletter-spacingtitle-md);text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn)}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";const p=c;const l=class{constructor(t){e(this,t);this.value=undefined;this.loading=undefined;this.handlerSubmit=undefined;this.config=undefined}async handlePhone(){const e=await this.phoneInputMask.getPhone();await this.handlerSubmit(e)}render(){var e;return t(i,{key:"e9d7a5291b33b478b70fe5d2047764119da1da05",class:"crm-phone-form"},t("label",{key:"b8ec0e468c2a59258edeec123654300b17795ef1",class:"crm-subtitle"},"Digite o seu celular para verificar se há desconto disponível nessa compra"),t("phone-input-mask",{key:"cdd2086ea2041a7cff6d2547ada050187ecc5782",initialValue:this.value,ref:e=>this.phoneInputMask=e}),t("crm-button",{key:"7342514efb50657e7231ef312162fa20831c3ded",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.handlePhone()}))}};l.style=p;const f=":host{display:block;font-family:Arial, sans-serif}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}input{width:40px;height:48px;font-size:14px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer}.button-cancel{top:50%;background-color:#ffffff;color:#1e1c1c;border:1px solid gray;border-radius:10px;padding:10px;min-height:30px;min-width:120px;font-size:19px;cursor:pointer}.crm-description{font-size:14px;width:100%;display:flex;gap:9px}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";const h=f;const b="*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{font-family:Roboto;font-size:var(--crmfont-sizebodymd);font-weight:400;line-height:var(--crmline-heightbodymd);letter-spacing:var(--crmletter-spacingtitle-md);text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn)}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";const x=b;const m=class{constructor(t){e(this,t);this.validate=undefined;this.cancel=undefined;this.resend=undefined;this.sent=undefined;this.loading=false;this.phone=undefined;this.config=undefined;this.pin=["","","",""];this.isVerified=false;this.canResend=false}componentWillLoad(){this.canResend=false}handleInput(e,t){const i=e.target;const o=i.value.slice(0,1);this.pin[t]=o;if(o&&t<this.pin.length-1){const e=i.nextElementSibling;e===null||e===void 0?void 0:e.focus()}this.pin=[...this.pin]}validatePin(){this.validate(this.pin.join(""))}verifyPin(){const e=this.pin.join("");if(e==="9999"){this.isVerified=true}}handleTimeout(){this.canResend=true}async handleResend(){await this.resend();this.canResend=false;this.pin=["","","",""]}render(){var e;return t("div",{key:"767d23f4116f50eff85dee75caf93b9138e915f7",class:"crm-phone-form"},t("label",{key:"56eb285a2fde3f209e86834dacf265801d6778dd",class:"crm-subtitle"},o.t("pin-sutitle")," ",t("strong",{key:"f0494fa3fb8c0a389e60f47b1569db8b58c0f59d"},"+55 ",this.phone)),t("div",{key:"472f69c00dc6329b9086c82e858eb3739da2de5a",class:"pin-container"},this.pin.map(((e,i)=>t("input",{type:"text",maxLength:1,value:this.pin[i],onInput:e=>this.handleInput(e,i)})))),t("slot",{key:"31ed7ad3ca6c681c441ff8f09c2af2df1fcb4cb8"}),t("p",{key:"1fcdf997ba9926744eb64add8eb0d82ee4bee8d2",class:"crm-description"}," Não recebeu?",!this.canResend&&t("label",{key:"6d92a595bf2f1d8018c7a283302548b9f1338c8e"}," Reenviar em ",t("countdown-timer",{key:"b8164b1345e1b7f2ccced338cc0940f0245f89e4",downtime:()=>this.handleTimeout()})," "),this.canResend&&t("div",{key:"144fe92ebea77099ab9eb089a2c1239dfe88ffd0"},t("a",{key:"fb817a1bd4ee194d01656f52c61eaad2f00e1019",onClick:()=>this.handleResend()},"Reenviar"),t("a",{key:"cff8f476dd0fdd64831db02ef5cb4ddba1919aae",onClick:()=>this.cancel()},"Trocar número"))),t("crm-button",{key:"1c11adbe0b480b9d460f87103d690f66b9a06299",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.validatePin()}))}};m.style=h+x;export{a as countdown_timer,d as giftback_info,l as phone_form,m as pin_form};
2
+ //# sourceMappingURL=p-11fc9c23.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["CountdownTimer","componentWillLoad","this","intervalId","setInterval","counter","clearInterval","downtime","disconnectedCallback","render","h","key","giftbackInfoCss","GiftbackInfoStyle0","GiftbackInfo","totalBonus","cartId","minimumPurchase","bonusBalance","calculatedValue","firstValidityDate","totalValue","changedBonus","updateBonus","usedValue","parseFloat","bonus","toString","buildPositionSlider","selectedOption","localStorage","getItem","handleSliderChange","event","input","target","value","min","max","percentage","sliderPosition","handleOptionChange","option","setItem","USED_KEY","reserve","cancel","remainingGiftback","translateDescription","i18next","t","amount","toFixed","replace","custom_name","class","innerHTML","style","left","disabled","type","step","onInput","background","name","checked","onChange","giftbackFormCss","PhoneFormStyle0","PhoneForm","handlePhone","phone","phoneInputMask","getPhone","handlerSubmit","Host","initialValue","ref","txtBtn","_a","config","btnApplyBonusLabel","loading","handleClick","pinFormCss","PinFormStyle0","PinFormStyle1","GiftbackPin","canResend","handleInput","index","slice","pin","length","nextInput","nextElementSibling","focus","validatePin","validate","join","verifyPin","pinCode","isVerified","handleTimeout","handleResend","resend","map","_","maxLength","onClick"],"sources":["src/components/countdown-timer/countdown-timer.tsx","src/components/giftback-form/subcomponents/giftback-info/giftback-info.css?tag=giftback-info","src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx","src/components/giftback-form/giftback-form.css?tag=phone-form","src/components/giftback-form/subcomponents/phone-form/phone-form.tsx","src/components/giftback-form/subcomponents/pin-form/pin-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/giftback-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/subcomponents/pin-form/pin-form.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'countdown-timer',\n shadow: true,\n})\nexport class CountdownTimer {\n\n @Prop() downtime: () => void;\n\n @State() counter: number = 30;\n private intervalId: NodeJS.Timer;\n\n componentWillLoad() {\n this.intervalId = setInterval(() => {\n if (this.counter > 0) {\n this.counter--;\n } else {\n clearInterval(this.intervalId);\n\n this.downtime()\n }\n }, 1000); // Intervalo de 1 segundo\n }\n\n disconnectedCallback() {\n clearInterval(this.intervalId);\n }\n\n render() {\n return (\n <label>{this.counter}s</label>\n );\n }\n}\n",":host {\n --text-color: #6D6D5F\n}\n\n.giftback-container {\n display: flex;\n flex-direction: column;\n gap: 14px;\n}\n\nh3 {\n font-size: 1.2rem;\n margin-bottom: 8px;\n color: #333;\n}\n\n.container-description p {\n font-size: 14px;\n font-weight: 400;\n}\n\n\np {\n font-size: 12px;\n color: #000;\n}\n\n.value-display h2 {\n color: #6D6D5F;\n /* Verde para o valor atual */\n font-size: 1.6rem;\n margin: 16px 0;\n}\n\ninput[type='range'] {\n width: 100%;\n margin: 12px 0;\n -webkit-appearance: none;\n background: #ddd;\n height: 4px;\n border-radius: 4px;\n outline: none;\n padding: 3px 0px 3px 3px;\n}\n\n/* input[type='range']::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n background: var(--text-color);\n border-radius: 50%;\n cursor: pointer;\n} */\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 20px;\n height: 20px;\n background: rgb(109, 109, 95);\n /* Cor do botão */\n border-radius: 50%;\n cursor: pointer;\n}\n\n.options {\n margin: 0px 0;\n display: flex;\n gap: 10px;\n flex-direction: column;\n}\n\n.options label {\n display: block;\n margin: 0px 0;\n font-size: 0.9rem;\n color: #333;\n}\n\n.options input[type='radio'] {\n margin-right: 8px;\n height: 16px;\n width: 16px;\n}\n\n.options input[type='radio'] {\n appearance: none;\n -webkit-appearance: none;\n margin-right: 8px;\n width: 16px;\n height: 16px;\n border: 2px solid #ddd;\n border-radius: 50%;\n background-color: #fff;\n cursor: pointer;\n transition: all 0.3s;\n padding: 0px;\n}\n\n.options input[type='radio']:checked {\n border-color: #000;\n background-color: #FAFAFA;\n border: 4px solid #000;\n}\n\n.info-box {\n background-color: #f9f9f9;\n border: 1px solid #e0e0e0;\n border-radius: 4px;\n padding: 8px;\n font-size: 14px;\n color: #262626;\n line-height: 20px;\n}\n\n.info-icon {\n font-size: 0.9rem;\n cursor: pointer;\n color: #888;\n}\n\nh3 {\n font-size: 1.2rem;\n margin-bottom: 8px;\n color: #333;\n}\n\n.slider-wrapper {\n position: relative;\n margin: 21px 0px 0px 0px;\n}\n\n.slider {\n width: 100%;\n -webkit-appearance: none;\n background: #ddd;\n height: 4px;\n border-radius: 2px;\n outline: none;\n}\n\n.slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n background: var(--text-color);\n /* Azul para o slider */\n border-radius: 50%;\n cursor: pointer;\n}\n\n.slider-value {\n position: absolute;\n top: -30px;\n /* Posição acima do slider */\n font-size: 16px;\n font-weight: 700;\n color: var(--text-color);\n /* Verde para o texto */\n transform: translateX(-50%);\n white-space: nowrap;\n /* margin-left: 23px; */\n}","import { Component, Prop, State, Watch, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\nimport { USED_KEY } from \"../../../../utils/keys.storage\";\n\n@Component({\n tag: 'giftback-info',\n styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n @State() usedValue: number = 0;\n @State() selectedOption: string = 'none';\n\n @Prop() loading: boolean = false;\n @Prop() bonus: Partial<IBonus> = {\n totalBonus: 0,\n cartId: \"\",\n minimumPurchase: 0,\n bonusBalance: 0,\n calculatedValue: 0,\n firstValidityDate: \"\",\n totalValue: 0\n };\n @Prop() reserve: (amountRedeemed: number) => void;\n @Prop() cancel: () => void;\n\n @State() sliderPosition: number = 50;\n\n @Watch(\"bonus\") \n changedBonus() {\n this.updateBonus()\n }\n\n private updateBonus() {\n this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n this.buildPositionSlider(0, this.bonus.totalBonus);\n }\n\n componentWillLoad() {\n this.updateBonus();\n this.selectedOption = localStorage.getItem(\"bc:used\");\n }\n\n handleSliderChange(event: Event) {\n const input = event.target as HTMLInputElement;\n this.usedValue = parseFloat(input.value);\n\n // Calculando a posição do texto com base no valor do slider\n // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n // this.sliderPosition = percentage;\n\n this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\n }\n\n\n private buildPositionSlider(min:number, max: number) {\n // Calculando a posição do texto com base no valor do slider\n const percentage = ((this.usedValue - min) / (max - min)) * 100;\n this.sliderPosition = percentage;\n }\n\n async handleOptionChange(option: string) {\n this.selectedOption = option;\n localStorage.setItem(USED_KEY, option)\n switch (this.selectedOption) {\n case 'use':\n await this.reserve(this.usedValue)\n break;\n case 'dontUse':\n await this.cancel()\n break;\n default:\n }\n }\n render() {\n const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n\n return (\n\n <div class=\"giftback-container\">\n <div class=\"container-description\">\n <p innerHTML={translateDescription}></p>\n </div>\n <div class=\"slider-wrapper\">\n <div\n class=\"slider-value\"\n style={{\n left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n \"margin-left\": this.usedValue < 10 ? \"26px\" : \"0px\"\n }}\n >\n R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n </div>\n <input\n disabled\n type=\"range\"\n min=\"0\"\n max={this.bonus.totalBonus}\n value={this.usedValue}\n class=\"slider\"\n step=\"0.01\"\n onInput={(event) => this.handleSliderChange(event)}\n style={{\n background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n }}\n />\n </div>\n <p>\n Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n máximo!\n </p>\n <div class=\"options\">\n <label>\n <input\n type=\"radio\"\n name=\"giftbackOption\"\n value=\"use\"\n checked={this.selectedOption === 'use'}\n onChange={() => this.handleOptionChange('use')}\n />\n Usar o meu Giftback\n </label>\n <label>\n <input\n type=\"radio\"\n name=\"giftbackOption\"\n value=\"dontUse\"\n checked={this.selectedOption === 'dontUse'}\n onChange={() => this.handleOptionChange('dontUse')}\n />\n Não usar o meu Giftback\n </label>\n </div>\n <div class=\"info-box\">\n O Giftback será aplicado na próxima etapa.\n </div>\n </div>\n );\n }\n}","* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:host {\n --crmfont-sizebodymd: 14px;\n --crmline-heightbodymd: 20px;\n --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n font-family: Roboto;\n font-size: var(--crmfont-sizebodymd);\n font-weight: 400;\n line-height: var(--crmline-heightbodymd);\n letter-spacing: var(--crmletter-spacingtitle-md);\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n height: auto;\n padding: 20px 24px 20px 24px;\n border: 1px solid #CCCC;\n writing-mode: horizontal-tb;\n gap: 16px;\n border-top: 1px solid #ccc !important;\n border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n overflow: hidden;\n border: 1px solid #ccc;\n border-top: 0;\n border-bottom: 0;\n} */\n\n.crm-phone-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n /* justify-content: space-around; */\n gap: 16px;\n}\n\n.crm-subtitle {\n font-size: 14px;\n color: var(--crm-btn);\n}\n\n.crm-title {\n font-weight: 700;\n line-height: 20px;\n color: #262626;\n font-size: 16px;\n}\n\n.crm-message-info {\n color: #619013;\n font-weight: 500;\n font-size: 12px;\n}\n\n.crm-message-error {\n color: #E11D48;\n font-weight: 500;\n font-size: 12px;\n}","import { Component, Host, Prop, h } from \"@stencil/core\";\nimport { IInfoStore } from \"../../../../helpers/info.config.helper\";\n\n@Component({\n tag: 'phone-form',\n styleUrl: '../../giftback-form.css'\n})\nexport class PhoneForm {\n\n private phoneInputMask: HTMLPhoneInputMaskElement;\n\n @Prop() value: string;\n @Prop() loading: boolean;\n @Prop() handlerSubmit: (phone: string) => void;\n\n @Prop() config: IInfoStore;\n\n\n async handlePhone() {\n\n const phone = await this.phoneInputMask.getPhone()\n\n await this.handlerSubmit(phone);\n }\n\n\n render() {\n return (\n <Host class=\"crm-phone-form\">\n <label class=\"crm-subtitle\" >Digite o seu celular para verificar se há desconto disponível nessa compra</label>\n <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\n\n <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.handlePhone() } />\n </Host>\n )\n }\n}",":host {\n display: block;\n font-family: Arial, sans-serif;\n}\n\n.form-container-pin {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.pin-container {\n display: flex;\n /* margin: 26px 0; */\n justify-content: start;\n gap: 10px;\n}\n\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'\nimport { IInfoStore } from '../../../../helpers/info.config.helper';\n\n@Component({\n tag: 'pin-form',\n styleUrls: ['pin-form.css', '../../giftback-form.css'],\n shadow: true,\n})\nexport class GiftbackPin {\n\n @Prop() validate: (pin: string) => void;\n @Prop() cancel: () => void;\n @Prop() resend: () => void;\n\n @Prop() sent: IPinSent;\n @Prop() loading: boolean = false;\n @Prop() phone: string;\n @Prop() config: IInfoStore;\n\n @State() pin: string[] = ['', '', '', ''];\n @State() isVerified: boolean = false;\n @State() canResend: boolean = false;\n\n componentWillLoad() {\n this.canResend = false;\n }\n\n handleInput(event: Event, index: number) {\n const input = event.target as HTMLInputElement;\n const value = input.value.slice(0, 1); // Limitar a um único dígito\n this.pin[index] = value;\n\n // Focar no próximo campo, se possível\n if (value && index < this.pin.length - 1) {\n const nextInput = input.nextElementSibling as HTMLInputElement;\n nextInput?.focus();\n }\n\n this.pin = [...this.pin];\n }\n\n validatePin() {\n this.validate(this.pin.join(\"\"))\n }\n\n verifyPin() {\n const pinCode = this.pin.join('');\n if (pinCode === '9999') {\n this.isVerified = true;\n }\n }\n\n handleTimeout() {\n this.canResend = true;\n }\n\n async handleResend() {\n await this.resend();\n\n this.canResend = false;\n this.pin = ['', '', '', '']\n }\n\n render() {\n return (\n <div class=\"crm-phone-form\">\n <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\n <div class=\"pin-container\">\n {this.pin.map((_, index) => (\n <input\n type=\"text\"\n maxLength={1}\n value={this.pin[index]}\n onInput={(event) => this.handleInput(event, index)}\n />\n ))}\n </div>\n\n <slot></slot>\n\n <p class=\"crm-description\"> Não recebeu?\n {\n !this.canResend && <label> Reenviar em <countdown-timer downtime={() => this.handleTimeout()} /> </label>\n }\n {\n this.canResend && (\n <div >\n <a onClick={() => this.handleResend()}>Reenviar</a>\n <a onClick={() => this.cancel()}>Trocar número</a>\n </div>\n )\n }\n </p>\n <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\n </div >\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,h as s,H as e}from"./p-24616d67.js";import{C as i}from"./p-9c859043.js";import{S as a}from"./p-a561251a.js";import"./p-f9aeffc1.js";const n=".form-container{width:100%;display:flex;justify-content:center;justify-content:space-around}.disabled{opacity:0.6;cursor:not-allowed}.message-error{color:#d11111;font-weight:bold;font-family:Arial;font-size:small;margin-left:16px}";const h=n;const d=class{constructor(s){t(this,s);this.crmBonusService=i.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.customer={phone:"",birthDate:"",document:"",name:""};this.sent=undefined;this.stepNext=undefined;this.phone=undefined;this.loadingModal=undefined;this.saveStore=undefined;this.cancel=undefined;this.handleCustomerName=undefined;this.loading=false;this.step=a.STEP_NAME;this.message=undefined;this.bonus=undefined}async setStep(t){this.step=t}async validateBonus(t){var s,e;this.loading=true;this.message="";const i={pin:t,cellphone:this.phone.toString(),storeId:this.sent.storeId.toString(),userId:this.sent.userId.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:null,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(i);this.step=a.STEP_RESERVE}catch(t){this.message=(e=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||e===void 0?void 0:e.message}finally{this.loading=false}}async reserveApply(t){this.loading=true;this.message="";try{await this.reserve(t);this.step=a.STEP_APPLY;this.saveStore(t)}catch(t){this.message="ocorreu um error ao solicitar a aplicação do bonus! tente novamente"}finally{this.loading=false}}async reserve(t){await this.crmBonusService.reserve({redeemedBonus:t,cartId:this.cartId,ticket:this.cartId,grossValue:Number(this.bonus.totalValue),storeName:this.storeName,storeId:this.bonus.storeId.toString(),userId:this.bonus.userId})}handleCancel(){this.step=a.STEP_PHONE;this.cancel()}render(){return s(e,{key:"daffb2abf1353f42733a8983b675a32889a4858c"},this.step==a.STEP_NAME&&s("name-input",{key:"2602486632038c171b52be14a9625934a563de2b",loading:this.loadingModal,value:this.customer.name,applyName:t=>this.handleCustomerName(t)}),this.step===a.STEP_PIN&&s("giftback-pin",{key:"c91c4b98a5dce2555c6c876d9f6cc2cb379ee940",cancel:()=>this.handleCancel(),sent:this.sent,validate:t=>this.validateBonus(t),loading:this.loading}),this.step===a.STEP_RESERVE&&s("giftback-progress",{key:"972ae81b55992c46cee3584dbd0faf668831a531",loading:this.loading,cancel:()=>this.handleCancel(),bonus:this.bonus,reserve:t=>this.reserveApply(t)}),this.step===a.STEP_APPLY&&s("giftback-finish",{key:"5119e52c28aad070073c12f1a277f6eb33ef5a7b"}),s("p",{key:"0c1cd4d8ff2405786603671a3a8ecdbf91382698",class:"message-error"},this.message))}};d.style=h;export{d as crm_bonus_form};
2
+ //# sourceMappingURL=p-232f1d6f.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["crmBonusFormCss","CrmBonusFormStyle0","CrmBonusForm","this","crmBonusService","CrmBonusService","getInstance","phone","birthDate","document","name","StepFormEnum","STEP_NAME","setStep","step","validateBonus","pin","loading","message","payload","cellphone","toString","storeId","sent","userId","checkoutId","cartId","checkoutProducts","products","storeName","bonus","validatePinBonus","STEP_RESERVE","error","_b","_a","response","data","reserveApply","amount","reserve","STEP_APPLY","saveStore","redeemedBonus","ticket","grossValue","Number","totalValue","handleCancel","STEP_PHONE","cancel","render","h","Host","key","loadingModal","value","customer","applyName","handleCustomerName","STEP_PIN","validate","amountRedeemed","class"],"sources":["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":[".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 = CrmBonusService.getInstance();\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 storeId: this.sent.storeId.toString(),\n userId: this.sent.userId.toString(),\n checkoutId: this.cartId,\n checkoutProducts: this.products,\n name: null,\n storeName: this.storeName\n }\n\n try {\n this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n this.step = StepFormEnum.STEP_RESERVE;\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false;\n }\n }\n\n public async reserveApply(amount: number) {\n this.loading = true;\n this.message = \"\";\n try {\n await this.reserve(amount);\n\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 redeemedBonus: amount,\n cartId: this.cartId,\n ticket: this.cartId,\n grossValue: Number(this.bonus.totalValue),\n storeName: this.storeName,\n storeId: this.bonus.storeId.toString(),\n userId: this.bonus.userId\n });\n }\n\n 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}"],"mappings":"0HAAA,MAAMA,EAAkB,yOACxB,MAAAC,EAAeD,E,MCUFE,EAAY,M,yBAEbC,KAAAC,gBAAmCC,EAAgBC,c,qFAK7B,CAC1BC,MAAO,GACPC,UAAW,GACXC,SAAU,GACVC,KAAM,I,2LAakB,M,UAEJC,EAAaC,U,4CAOrC,aAAMC,CAAQC,GACVX,KAAKW,KAAOA,C,CAGT,mBAAMC,CAAcC,G,QACvBb,KAAKc,QAAU,KACfd,KAAKe,QAAU,GACf,MAAMC,EAA+B,CACjCH,IAAKA,EACLI,UAAWjB,KAAKI,MAAMc,WACtBC,QAASnB,KAAKoB,KAAKD,QAAQD,WAC3BG,OAAQrB,KAAKoB,KAAKC,OAAOH,WACzBI,WAAYtB,KAAKuB,OACjBC,iBAAkBxB,KAAKyB,SACvBlB,KAAM,KACNmB,UAAW1B,KAAK0B,WAGpB,IACI1B,KAAK2B,YAAc3B,KAAKC,gBAAgB2B,iBAAiBZ,GAEzDhB,KAAKW,KAAOH,EAAaqB,Y,CAC3B,MAAOC,GACL9B,KAAKe,SAAUgB,GAAAC,EAAAF,IAAK,MAALA,SAAK,SAALA,EAAOG,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEhB,O,SAEtCf,KAAKc,QAAU,K,EAIhB,kBAAMqB,CAAaC,GACtBpC,KAAKc,QAAU,KACfd,KAAKe,QAAU,GACf,UACUf,KAAKqC,QAAQD,GAEnBpC,KAAKW,KAAOH,EAAa8B,WAEzBtC,KAAKuC,UAAUH,E,CACjB,MAAON,GACL9B,KAAKe,QAAU,qE,SAEff,KAAKc,QAAU,K,EAIhB,aAAMuB,CAAQD,SACXpC,KAAKC,gBAAgBoC,QAAQ,CAC/BG,cAAeJ,EACfb,OAAQvB,KAAKuB,OACbkB,OAAQzC,KAAKuB,OACbmB,WAAYC,OAAO3C,KAAK2B,MAAMiB,YAC9BlB,UAAW1B,KAAK0B,UAChBP,QAASnB,KAAK2B,MAAMR,QAAQD,WAC5BG,OAAQrB,KAAK2B,MAAMN,Q,CAIpB,YAAAwB,GACH7C,KAAKW,KAAOH,EAAasC,WACzB9C,KAAK+C,Q,CAGT,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CAGAnD,KAAKW,MAAQH,EAAaC,WAAawC,EAAA,cAAAE,IAAA,2CAAYrC,QAASd,KAAKoD,aAAcC,MAAOrD,KAAKsD,SAAS/C,KAAMgD,UAAYhD,GAASP,KAAKwD,mBAAmBjD,KACvJP,KAAKW,OAASH,EAAaiD,UAAYR,EAAA,gBAAAE,IAAA,2CAAcJ,OAAQ,IAAM/C,KAAK6C,eAAgBzB,KAAMpB,KAAKoB,KAAMsC,SAAWxB,GAASlC,KAAKY,cAAcsB,GAAOpB,QAASd,KAAKc,UAErKd,KAAKW,OAASH,EAAaqB,cAAgBoB,EAAA,qBAAAE,IAAA,2CAAmBrC,QAASd,KAAKc,QAASiC,OAAQ,IAAM/C,KAAK6C,eAAgBlB,MAAO3B,KAAK2B,MAAOU,QAAUsB,GAA2B3D,KAAKmC,aAAawB,KAClM3D,KAAKW,OAASH,EAAa8B,YAAcW,EAAA,mBAAAE,IAAA,6CAC1CF,EAAA,KAAAE,IAAA,2CAAGS,MAAM,iBAAiB5D,KAAKe,S","ignoreList":[]}
1
+ {"version":3,"names":["crmBonusFormCss","CrmBonusFormStyle0","CrmBonusForm","this","crmBonusService","CrmBonusService","getInstance","phone","birthDate","document","name","StepFormEnum","STEP_NAME","setStep","step","validateBonus","pin","loading","message","payload","cellphone","toString","storeId","sent","userId","checkoutId","cartId","checkoutProducts","products","storeName","bonus","validatePinBonus","STEP_RESERVE","error","_b","_a","response","data","reserveApply","amount","reserve","STEP_APPLY","saveStore","redeemedBonus","ticket","grossValue","Number","totalValue","handleCancel","STEP_PHONE","cancel","render","h","Host","key","loadingModal","value","customer","applyName","handleCustomerName","STEP_PIN","validate","amountRedeemed","class"],"sources":["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":[".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 = CrmBonusService.getInstance();\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 storeId: this.sent.storeId.toString(),\n userId: this.sent.userId.toString(),\n checkoutId: this.cartId,\n checkoutProducts: this.products,\n name: null,\n storeName: this.storeName\n }\n\n try {\n this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n this.step = StepFormEnum.STEP_RESERVE;\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false;\n }\n }\n\n public async reserveApply(amount: number) {\n this.loading = true;\n this.message = \"\";\n try {\n await this.reserve(amount);\n\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 redeemedBonus: amount,\n cartId: this.cartId,\n ticket: this.cartId,\n grossValue: Number(this.bonus.totalValue),\n storeName: this.storeName,\n storeId: this.bonus.storeId.toString(),\n userId: this.bonus.userId\n });\n }\n\n 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}"],"mappings":"kJAAA,MAAMA,EAAkB,yOACxB,MAAAC,EAAeD,E,MCUFE,EAAY,M,yBAEbC,KAAAC,gBAAmCC,EAAgBC,c,qFAK7B,CAC1BC,MAAO,GACPC,UAAW,GACXC,SAAU,GACVC,KAAM,I,2LAakB,M,UAEJC,EAAaC,U,4CAOrC,aAAMC,CAAQC,GACVX,KAAKW,KAAOA,C,CAGT,mBAAMC,CAAcC,G,QACvBb,KAAKc,QAAU,KACfd,KAAKe,QAAU,GACf,MAAMC,EAA+B,CACjCH,IAAKA,EACLI,UAAWjB,KAAKI,MAAMc,WACtBC,QAASnB,KAAKoB,KAAKD,QAAQD,WAC3BG,OAAQrB,KAAKoB,KAAKC,OAAOH,WACzBI,WAAYtB,KAAKuB,OACjBC,iBAAkBxB,KAAKyB,SACvBlB,KAAM,KACNmB,UAAW1B,KAAK0B,WAGpB,IACI1B,KAAK2B,YAAc3B,KAAKC,gBAAgB2B,iBAAiBZ,GAEzDhB,KAAKW,KAAOH,EAAaqB,Y,CAC3B,MAAOC,GACL9B,KAAKe,SAAUgB,GAAAC,EAAAF,IAAK,MAALA,SAAK,SAALA,EAAOG,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEhB,O,SAEtCf,KAAKc,QAAU,K,EAIhB,kBAAMqB,CAAaC,GACtBpC,KAAKc,QAAU,KACfd,KAAKe,QAAU,GACf,UACUf,KAAKqC,QAAQD,GAEnBpC,KAAKW,KAAOH,EAAa8B,WAEzBtC,KAAKuC,UAAUH,E,CACjB,MAAON,GACL9B,KAAKe,QAAU,qE,SAEff,KAAKc,QAAU,K,EAIhB,aAAMuB,CAAQD,SACXpC,KAAKC,gBAAgBoC,QAAQ,CAC/BG,cAAeJ,EACfb,OAAQvB,KAAKuB,OACbkB,OAAQzC,KAAKuB,OACbmB,WAAYC,OAAO3C,KAAK2B,MAAMiB,YAC9BlB,UAAW1B,KAAK0B,UAChBP,QAASnB,KAAK2B,MAAMR,QAAQD,WAC5BG,OAAQrB,KAAK2B,MAAMN,Q,CAIpB,YAAAwB,GACH7C,KAAKW,KAAOH,EAAasC,WACzB9C,KAAK+C,Q,CAGT,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CAGAnD,KAAKW,MAAQH,EAAaC,WAAawC,EAAA,cAAAE,IAAA,2CAAYrC,QAASd,KAAKoD,aAAcC,MAAOrD,KAAKsD,SAAS/C,KAAMgD,UAAYhD,GAASP,KAAKwD,mBAAmBjD,KACvJP,KAAKW,OAASH,EAAaiD,UAAYR,EAAA,gBAAAE,IAAA,2CAAcJ,OAAQ,IAAM/C,KAAK6C,eAAgBzB,KAAMpB,KAAKoB,KAAMsC,SAAWxB,GAASlC,KAAKY,cAAcsB,GAAOpB,QAASd,KAAKc,UAErKd,KAAKW,OAASH,EAAaqB,cAAgBoB,EAAA,qBAAAE,IAAA,2CAAmBrC,QAASd,KAAKc,QAASiC,OAAQ,IAAM/C,KAAK6C,eAAgBlB,MAAO3B,KAAK2B,MAAOU,QAAUsB,GAA2B3D,KAAKmC,aAAawB,KAClM3D,KAAKW,OAASH,EAAa8B,YAAcW,EAAA,mBAAAE,IAAA,6CAC1CF,EAAA,KAAAE,IAAA,2CAAGS,MAAM,iBAAiB5D,KAAKe,S","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,h as s}from"./p-24616d67.js";import{C as i}from"./p-9c859043.js";import{S as o}from"./p-a561251a.js";import{i as e}from"./p-fb505488.js";import"./p-f9aeffc1.js";var n;(function(t){t["P"]="Promocao"})(n||(n={}));function a(t=[]){const s=[];for(const i of t){let t=c(i.Ajustes);s.push({sku:i.SKU,value:i.PrecoPor*i.Quantidade,productVariantId:i.ProdutoVarianteId.toString(),quantity:i.Quantidade,discount:t*-1})}return s}function c(t=[]){let s=0;for(const i of t){if(i.Tipo===n.P){s+=i.Valor}}return s}const r=".container-button.sc-crm-bonus{cursor:pointer;padding:5px 5px 5px 14px}.section-crm.sc-crm-bonus{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm.sc-crm-bonus{margin-top:10px}.section-cart-crm.sc-crm-bonus p.sc-crm-bonus{padding:0;margin:0px 0px 0px 15px}.button.sc-crm-bonus{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer;margin-left:10px;height:70px}.form-container.sc-crm-bonus{width:97%;display:flex;justify-content:space-around}.btn.sc-crm-bonus{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container.sc-crm-bonus .btnCrm.sc-crm-bonus{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert.sc-crm-bonus{font-family:sans-serif;color:#df4d4d;margin-top:5px}";const h=r;const d=class{constructor(s){t(this,s);this.crmBonusService=i.getInstance();this.showModal=false;this.userId=undefined;this.storeName=undefined;this.productsInString=undefined;this.cartId=undefined;this.products=undefined;this.customer={birthDate:"",document:"",name:"",phone:""};this.loading=false;this.message=undefined;this.phone=undefined;this.canCancel=false;this.amountCancel=undefined;this.sent=undefined;this.session=undefined;this.loading_reprocess=false}async resetBonus(){console.log("[START RESET BONUS]!!!!!");const t=localStorage.getItem("bc:used");if(t=="use"){await this.crmBonusService.cancelBonus(this.cartId,this.storeName)}try{await this.crmBonusRef.processBonus(this.buildProducts(),true);console.log("[BONUS RESETADO]!!!!!")}catch(t){this.loading=false;console.log("[error ao reprocessar bonous]");await this.crmBonusRef.setStep(o.STEP_PHONE)}finally{this.loading=false}}async reprocess(t){this.loading_reprocess=true;console.log("[reprocess]");try{console.log("[update products list]");this.productsInString=JSON.stringify(t);await this.handleLoad();await this.resetBonus()}catch(t){console.debug("[watchProducts]",t.message)}finally{this.loading_reprocess=false}}async watchProducts(t){try{console.log("[update products list]");this.productsInString=t;await this.handleLoad();await this.resetBonus()}catch(t){console.debug("[watchProducts]",t.message)}}async componentWillLoad(){e.changeLanguage(e.language);await this.loadSession();await this.loadConfigStore();await this.handleLoad()}async loadConfigStore(){await this.crmBonusService.getCustomization(this.storeName)}async handleLoad(){try{if(this.userId){this.customer=await this.crmBonusService.getCustomer(this.userId,this.storeName);console.log("customer",this.customer)}const t=localStorage.getItem(this.cartId);if(t){this.canCancel=true;this.amountCancel=t}}catch(t){console.log("info customer")}this.buildAndGetProducts()}async loadSession(){this.session=await this.crmBonusService.getToken(this.storeName);setTimeout((()=>{this.loadSession()}),15e5)}async buildAndGetProducts(){const t=`bc-products:${this.cartId}`;localStorage.setItem(t,this.productsInString);const s=JSON.parse(this.productsInString);const i=JSON.parse(localStorage.getItem(t));const o=[];for(const t of s){const[s]=i.filter((s=>s.ProdutoVarianteId==t.ProdutoVarianteId));if(s){o.push(Object.assign(Object.assign({},t),{PrecoPor:s.PrecoPor,Quantidade:s.Quantidade,Ajustes:s.Ajustes}))}else{o.push(t)}}this.products=o}async sendPin(t){var s,i;this.loading=true;this.message="";try{const s=t.replace(/\D/g,"");this.phone=Number(s);this.sent=await this.crmBonusService.sendPin(this.phone,this.customer.name,this.storeName);await this.crmBonusRef.setStep(o.STEP_PIN);this.showModal=true}catch(t){this.message=(i=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||i===void 0?void 0:i.message}finally{this.loading=false}}async sendPinName(t){var s,i;this.loading=true;this.message="";try{this.customer.name=t;this.sent=await this.crmBonusService.sendPin(this.phone,this.customer.name,this.storeName);await this.crmBonusRef.setStep(o.STEP_PIN);this.showModal=true}catch(t){this.message=(i=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||i===void 0?void 0:i.message}finally{this.loading=false}}buildProducts(){return a(this.products)}handleCloseModal(){this.showModal=false}save(t){localStorage.setItem(this.cartId,t.toString());this.canCancel=true;this.amountCancel=t.toString()}async cancel(){this.message="";this.loading=true;try{await this.crmBonusService.cancel(this.cartId);this.canCancel=false;localStorage.removeItem(this.cartId)}catch(t){this.message="Não consegui cancelar o bônus, tente novamente!"}finally{this.loading=false}}async handleSendPin(t){this.message="";if(!t){this.message="Informe seu telefone";return}this.customer.phone=t;const s=t.replace(/\D/g,"");this.phone=Number(s);if(this.customer.name){return this.sendPin(t)}await this.crmBonusRef.setStep(o.STEP_NAME);this.showModal=true}render(){return s("loading-container",{key:"498f7bfb3f6ab94723c2c33013082be2b0136906",loading:this.loading_reprocess},s("crm-giftback-form",{key:"0c1f8afd3c777f085add4663f590758432d240c9",style:{position:"relative"},ref:t=>this.crmBonusRef=t,storeName:this.storeName,products:this.buildProducts(),cartId:this.cartId,customer:this.customer,loadProducts:()=>this.buildProducts()}))}static get assetsDirs(){return["assets"]}static get watchers(){return{productsInString:["watchProducts"]}}};d.style=h;export{d as crm_bonus};
2
+ //# sourceMappingURL=p-7b55f703.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["AjustesTipoEnum","buildProductsByWake","productsWake","products","pw","discounts","getDiscount","Ajustes","push","sku","SKU","value","PrecoPor","Quantidade","productVariantId","ProdutoVarianteId","toString","quantity","discount","ajustes","Tipo","P","Valor","crmBonusCss","CrmBonusStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","birthDate","document","name","phone","resetBonus","console","log","used","localStorage","getItem","cancelBonus","cartId","storeName","crmBonusRef","processBonus","buildProducts","err","loading","setStep","StepFormEnum","STEP_PHONE","reprocess","loading_reprocess","productsInString","JSON","stringify","handleLoad","debug","message","watchProducts","newValue","componentWillLoad","i18next","changeLanguage","language","loadSession","loadConfigStore","getCustomization","userId","customer","getCustomer","amount","canCancel","amountCancel","error","buildAndGetProducts","session","getToken","setTimeout","key","setItem","productsInCart","parse","products_in_cache","product_cart","pro","filter","p","Object","assign","sendPin","_phone","replace","Number","sent","STEP_PIN","showModal","_b","_a","response","data","sendPinName","customerName","handleCloseModal","save","cancel","removeItem","handleSendPin","STEP_NAME","render","h","style","position","ref","loadProducts"],"sources":["src/dto/validate.pin.bonus.ts","src/helpers/build.payload.helper.ts","src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=scoped","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["export interface IProduct {\n productVariantId: string;\n sku: string;\n value: number;\n quantity: number;\n discount: number;\n}\n\nexport enum AjustesTipoEnum {\n P = \"Promocao\" \n}\n\nexport interface IAjustes {\n Tipo: AjustesTipoEnum;\n Valor: number;\n}\n\nexport interface IProductWake {\n ProdutoVarianteId: number;\n SKU: string;\n PrecoPor: number;\n Quantidade: number;\n Ajustes: IAjustes[];\n}\n\nexport interface ICustomer {\n birthDate: string;\n document: string;\n name: string;\n phone: string;\n}\n\nexport interface IProccesPinBonusDto {\n storeName: string;\n name: string;\n checkoutId: string;\n checkoutProducts: Array<IProduct>;\n storeId: string;\n userId: string;\n cellphone: string;\n pin: string;\n\n}\n\nexport interface IBonus {\n hasBonus: boolean;\n bonusBalance: number;\n totalBonus: number;\n minimumPurchase: number;\n bonusIds: string;\n firstValidityDate: string\n history: [\n {\n validityStart: string;\n validityEnd: string;\n value: number\n },\n {\n validityStart: string;\n validityEnd: string\n value: number\n }\n ]\n storeId: number;\n userId: number;\n cartId: string\n calculatedValue: number;\n totalValue: number\n}\n\n\nexport interface IReserveDTO {\n storeName: string;\n cartId: string;\n grossValue: number;\n redeemedBonus: number;\n ticket: string;\n storeId: string;\n userId: number;\n}","import { AjustesTipoEnum, IAjustes, IProduct, IProductWake } from \"../dto/validate.pin.bonus\";\n\nexport function buildProductsByWake(productsWake: Array<IProductWake> = []): Array<IProduct> {\n\n const products: Array<IProduct> = [];\n\n for ( const pw of productsWake ) {\n let discounts = getDiscount(pw.Ajustes)\n\n products.push(\n {\n sku: pw.SKU,\n value: (pw.PrecoPor * pw.Quantidade),\n productVariantId: pw.ProdutoVarianteId.toString(),\n quantity: pw.Quantidade,\n discount: (discounts * -1)\n }\n )\n }\n\n return products;\n}\n\nfunction getDiscount(ajustes: IAjustes[] = []) {\n \n let discounts = 0;\n \n for(const discount of ajustes) {\n if(discount.Tipo === AjustesTipoEnum.P) {\n discounts += discount.Valor;\n }\n }\n\n return discounts;\n}","\n.container-button {\n /* max-width: 100%; */\n cursor: pointer;\n padding: 5px 5px 5px 14px;\n /* display: flex; */\n}\n\n/* padding: 0 15px 15px;\nborder: 1px solid #ddd;\nmargin-bottom: 20px; */\n\n.section-crm {\n border: 1px solid #dbd4d4;\n /* min-height: 50px; */\n text-align: -webkit-center;\n margin-bottom: 20px;\n}\n\n.section-cart-crm {\n margin-top: 10px;\n}\n\n.section-cart-crm p {\n padding: 0;\n margin: 0px 0px 0px 15px;\n}\n\n.button {\n top: 50%;\n background-color: #6c6c7e;\n color: #fff;\n border: none;\n /* border-radius: 10px; */\n padding: 15px;\n min-height: 30px;\n min-width: 120px;\n font-size: 20px;\n cursor: pointer;\n margin-left: 10px;\n height: 70px;\n}\n\n.form-container {\n width: 97%;\n display: flex;\n justify-content: space-around;\n}\n\n\n.btn {\n display: inline-block;\n padding: 6px 12px;\n margin-bottom: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 1px solid transparent;\n border-radius: 0px;\n}\n\n.form-container .btnCrm {\n background: #00162e;\n border-color: #00162e;\n width: 30%;\n color: #fff;\n}\n\n.message-alert {\n font-family: sans-serif;\n color: #df4d4d;\n margin-top: 5px;\n}","import { Component, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\nimport { IPinSent } from '../../components';\nimport { StepFormEnum } from '../../contants';\n\nimport i18next from '../../i18n/i18n'\nimport { buildProductsByWake } from '../../helpers/build.payload.helper';\n\n@Component({\n tag: 'crm-bonus',\n styleUrl: 'crm-bonus.css',\n scoped: true,\n assetsDirs: ['assets']\n})\nexport class CrmBonus {\n\n private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n private crmBonusRef: HTMLCrmGiftbackFormElement;\n\n @State() showModal: boolean = false;\n @Prop({ attribute: 'userid' }) userId: number;\n @Prop({ attribute: 'storename' }) storeName;\n @Prop({ attribute: 'products' }) productsInString: string;\n @Prop({ attribute: 'cartid' }) cartId;\n\n @State() products: Array<IProductWake>;\n @State() customer: ICustomer = {\n birthDate: \"\",\n document: \"\",\n name: \"\",\n phone: \"\"\n };\n\n @State() loading: boolean = false;\n @State() message: string;\n @State() phone: number;\n @State() canCancel: boolean = false;\n @State() amountCancel: string;\n @State() sent: IPinSent;\n\n @State() session: string;\n @State() loading_reprocess = false;\n\n @Method()\n async resetBonus() {\n console.log('[START RESET BONUS]!!!!!');\n const used = localStorage.getItem(\"bc:used\");\n\n if (used == \"use\") {\n await this.crmBonusService.cancelBonus(this.cartId, this.storeName);\n }\n\n try {\n await this.crmBonusRef.processBonus(this.buildProducts(), true);\n console.log('[BONUS RESETADO]!!!!!');\n } catch (err) {\n\n this.loading = false;\n console.log('[error ao reprocessar bonous]');\n await this.crmBonusRef.setStep(StepFormEnum.STEP_PHONE);\n } finally {\n this.loading = false;\n }\n }\n\n @Method()\n async reprocess(products: Array<any>) {\n this.loading_reprocess = true\n\n console.log('[reprocess]');\n try {\n console.log('[update products list]');\n this.productsInString = JSON.stringify(products);\n await this.handleLoad();\n\n await this.resetBonus();\n } catch (err) {\n console.debug('[watchProducts]', err.message);\n } finally {\n this.loading_reprocess = false\n }\n }\n\n @Watch(\"productsInString\")\n async watchProducts(newValue: string) {\n try {\n console.log('[update products list]');\n this.productsInString = newValue;\n await this.handleLoad();\n\n await this.resetBonus();\n } catch (err) {\n console.debug('[watchProducts]', err.message);\n }\n }\n\n async componentWillLoad() {\n i18next.changeLanguage(i18next.language);\n\n await this.loadSession();\n await this.loadConfigStore()\n await this.handleLoad();\n }\n\n async loadConfigStore() {\n await this.crmBonusService.getCustomization(this.storeName);\n }\n\n async handleLoad() {\n try {\n if (this.userId) {\n this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);\n console.log('customer', this.customer);\n }\n\n const amount = localStorage.getItem(this.cartId);\n\n if (amount) {\n this.canCancel = true;\n this.amountCancel = amount;\n }\n\n } catch (error) {\n console.log('info customer')\n }\n\n this.buildAndGetProducts();\n }\n\n\n async loadSession() {\n this.session = await this.crmBonusService.getToken(this.storeName);\n\n setTimeout(() => {\n this.loadSession()\n }, 1500000)\n\n }\n\n async buildAndGetProducts() {\n const key = `bc-products:${this.cartId}`;\n\n localStorage.setItem(key, this.productsInString);\n\n const productsInCart = JSON.parse(this.productsInString);\n const products_in_cache = JSON.parse(localStorage.getItem(key));\n\n const products: Array<IProductWake> = []\n\n for (const product_cart of productsInCart) {\n\n const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\n\n if (pro) {\n products.push({\n ...product_cart,\n PrecoPor: pro.PrecoPor,\n Quantidade: pro.Quantidade,\n Ajustes: pro.Ajustes\n })\n } else {\n products.push(product_cart)\n }\n\n }\n\n this.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);\n\n }\n\n public async sendPin(phone: string) {\n this.loading = true;\n this.message = \"\";\n\n try {\n\n const _phone = phone.replace(/\\D/g, '');\n this.phone = Number(_phone);\n\n this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n this.showModal = true;\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false\n }\n }\n\n public async sendPinName(customerName: string) {\n this.loading = true;\n this.message = \"\";\n\n try {\n this.customer.name = customerName;\n\n this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n this.showModal = true;\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false\n }\n }\n\n buildProducts(): IProduct[] {\n return buildProductsByWake(this.products);\n }\n\n handleCloseModal() {\n this.showModal = false;\n }\n\n save(amount: number) {\n localStorage.setItem(this.cartId, amount.toString());\n this.canCancel = true;\n this.amountCancel = amount.toString()\n }\n\n async cancel() {\n this.message = \"\";\n this.loading = true;\n try {\n await this.crmBonusService.cancel(this.cartId);\n this.canCancel = false;\n\n localStorage.removeItem(this.cartId);\n } catch (error) {\n this.message = \"Não consegui cancelar o bônus, tente novamente!\"\n } finally {\n this.loading = false;\n }\n }\n\n async handleSendPin(phone: string) {\n this.message = \"\"\n if (!phone) {\n this.message = \"Informe seu telefone\";\n return;\n }\n\n this.customer.phone = phone;\n const _phone = phone.replace(/\\D/g, '');\n this.phone = Number(_phone);\n\n if (this.customer.name) {\n return this.sendPin(phone)\n }\n\n await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);\n this.showModal = true;\n }\n\n render() {\n\n return (\n <loading-container loading={this.loading_reprocess} >\n <crm-giftback-form\n style={{ position: \"relative\" }}\n ref={ref => this.crmBonusRef = ref}\n storeName={this.storeName}\n products={this.buildProducts()}\n cartId={this.cartId}\n customer={this.customer}\n loadProducts={() => this.buildProducts()}\n \n />\n </loading-container>\n )\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,h as i}from"./p-24616d67.js";import{C as s}from"./p-9c859043.js";import{S as e}from"./p-a561251a.js";import{g as o}from"./p-75ba7b9a.js";import{i as a}from"./p-fb505488.js";import{g as n,U as r}from"./p-f9aeffc1.js";const h="*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{font-family:Roboto;font-size:var(--crmfont-sizebodymd);font-weight:400;line-height:var(--crmline-heightbodymd);letter-spacing:var(--crmletter-spacingtitle-md);text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn)}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";const c=h;const d=class{constructor(i){t(this,i);this.crmBonusService=s.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.customer=undefined;this.loadProducts=undefined;this.value=undefined;this.loading=false;this.message=undefined;this.phone=undefined;this.pinInfo=undefined;this.step=e.STEP_PHONE;this.bonus=undefined;this.sucess="";this.error="";this.config=undefined;this.hasApplyBonus=false}async setStep(t){this.step=t}async processBonus(t=[],i=false){this.sucess="";console.log("processBonus",[]);if(i){this.products=t}const s=localStorage.getItem(n(this.cartId));if(s){const t=JSON.parse(s);this.bonus=t;this.phone=t.phone;this.pinInfo={storeId:t.storeId,userId:t.userId};await this.validateBonus("2018");this.step=e.STEP_RESERVE}}async handleSendPin(t){this.message="";if(!t){this.message="Informe seu telefone";return}this.phone=t;this.sendPin()}async componentWillLoad(){this.sucess="";this.error="";this.config=o(this.storeName);await this.handleApply()}async handleApply(){console.log("processBonus");await this.processBonus()}convertStringToNumber(){const t=this.phone.replace(/\D/g,"");return Number(t)}async sendPin(){var t,i,s;this.loading=true;this.message="";this.sucess="";this.error="";try{const i=this.convertStringToNumber();this.pinInfo=await this.crmBonusService.sendPin(i,(t=this.customer)===null||t===void 0?void 0:t.name,this.storeName);if(localStorage.getItem(`bc:${this.phone}`)){await this.validateBonus("2018");this.step=e.STEP_RESERVE}else{this.step=e.STEP_PIN}}catch(t){this.message=(s=(i=t===null||t===void 0?void 0:t.response)===null||i===void 0?void 0:i.data)===null||s===void 0?void 0:s.message}finally{this.loading=false}}changePhone(){this.sucess="";this.error="";this.step=e.STEP_PHONE}async validateBonus(t){var i,s,o;this.loadProducts();const a=localStorage.getItem(r);if(a=="use"){this.step=e.STEP_RESERVE;return}this.loading=true;this.sucess="";this.error="";const h={pin:t,cellphone:this.phone.toString(),storeId:this.pinInfo.storeId.toString(),userId:this.pinInfo.userId.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:(i=this.customer)===null||i===void 0?void 0:i.name,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(h);if(!this.bonus.hasBonus){this.loading=false;this.step=e.STEP_NO_BONUS;return}this.sucess="Código validado com sucesso!";localStorage.setItem(n(this.cartId),JSON.stringify(Object.assign(Object.assign({},this.bonus),{phone:this.phone})));localStorage.setItem(`bc:${this.phone}`,"validate");this.step=e.STEP_RESERVE}catch(t){const i=(o=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||o===void 0?void 0:o.message;if(i.includes("Pin")){this.error="Código inválido!"}else{this.error=i;this.step=e.STEP_NO_BONUS}}finally{this.loading=false}}handleCancel(){this.cancel()}async cancel(){this.message="";this.loading=true;try{await this.crmBonusService.cancelBonus(this.cartId,this.storeName);this.save(0)}catch(t){this.message="Não consegui cancelar o bônus, tente novamente!"}finally{this.loading=false}}async reserveApply(t){this.loading=true;this.message="";try{await this.reserve(t);this.save(t)}catch(t){this.message="ocorreu um error ao solicitar a aplicação do bonus! tente novamente";this.step=e.STEP_NO_BONUS;localStorage.removeItem(this.cartId)}finally{this.loading=false}}save(t){localStorage.setItem(this.cartId,t.toString())}async reserve(t){await this.crmBonusService.reserve({redeemedBonus:t,cartId:this.cartId,ticket:this.cartId,grossValue:Number(this.bonus.totalValue),storeName:this.storeName,storeId:this.bonus.storeId.toString(),userId:this.bonus.userId})}render(){return i("div",{key:"b3ee46442ab6dfc062792ba9304153735ea5c221",class:"crm-container-form fbits-responsive-carrinho-desconto"},i("label",{key:"763cc526640bce84ece0b2389b2fb7e99519eab8",class:"crm-title"},this.config.giftbackTitle),this.step===e.STEP_PHONE&&i("phone-form",{key:"1696446b829fd16c006353ad3689c25f51ec6c90",value:this.customer.phone,config:this.config,loading:this.loading,handlerSubmit:t=>this.handleSendPin(t)}),this.step===e.STEP_PIN&&i("pin-form",{key:"0af5348ebf7ad7980b3f3f8364cd442e41ad9fe8",config:this.config,phone:this.phone,cancel:()=>this.changePhone(),resend:()=>this.sendPin(),validate:t=>this.validateBonus(t),loading:this.loading},this.sucess&&i("p",{key:"b11bfde8822d9acf404313f0a8d079189b35a40b",class:"crm-message-info"},this.sucess),this.error&&i("p",{key:"f848df71f4604122b87a59cb59b96e85d4a89057",class:"crm-message-error"},this.error)),this.step===e.STEP_RESERVE&&i("giftback-info",{key:"66480f6f9c5e93162ed2152192d8db76c01f459f",loading:this.loading,cancel:()=>this.handleCancel(),bonus:this.bonus,reserve:t=>this.reserveApply(t)}),this.step===e.STEP_NO_BONUS&&i("div",{key:"054f6a2b7d1bf73daa96d46665f4b840ae85ca64",class:"container-message"},a.t("noGiftback",{storename:this.config.giftbackTitle})))}};d.style=c;const l=".loading-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000;}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255, 255, 255, 0.3);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.relative-xy{position:relative}";const f=l;const p=class{constructor(i){t(this,i);this.loading=true}render(){return i("div",{key:"422b09da21c691f5eaeb4df9cb30531428409787",class:"relative-xy"},this.loading&&i("div",{key:"4777be23c24bb0b3190d8992ba97a5206eded534",class:"loading-container"},i("div",{key:"0f44c0f2d96890a604e60c2ae5163ef80f55b319",class:"loading-spinner"})),i("slot",{key:"a8f88a43a1fe8ea3348ecd0f5b6855102262f6c5"}))}};p.style=f;export{d as crm_giftback_form,p as loading_container};
2
+ //# sourceMappingURL=p-7d9e486b.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["giftbackFormCss","CrmGiftbackFormStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","StepFormEnum","STEP_PHONE","setStep","step","processBonus","products","hasNewProduct","sucess","console","log","_bonus","localStorage","getItem","getKeyReserveByCartId","cartId","bonus","JSON","parse","phone","pinInfo","storeId","userId","validateBonus","STEP_RESERVE","handleSendPin","message","sendPin","componentWillLoad","error","config","getInfoCustomization","storeName","handleApply","convertStringToNumber","_phone","replace","Number","loading","_a","customer","name","STEP_PIN","_c","_b","response","data","changePhone","pin","loadProducts","used_or_no","USED_KEY","payload","cellphone","toString","checkoutId","checkoutProducts","validatePinBonus","hasBonus","STEP_NO_BONUS","setItem","stringify","Object","assign","_error","includes","handleCancel","cancel","cancelBonus","save","reserveApply","amount","reserve","removeItem","redeemedBonus","ticket","grossValue","totalValue","render","h","key","class","giftbackTitle","value","handlerSubmit","resend","validate","amountRedeemed","i18next","t","storename","loadingContainerCss","LoadingContainerStyle0","LoadingContainer"],"sources":["src/components/giftback-form/giftback-form.css?tag=crm-giftback-form","src/components/giftback-form/giftback-form.tsx","src/components/loading-container/loading-container.css?tag=loading-container","src/components/loading-container/loading-container.tsx"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n:host {\n --crmfont-sizebodymd: 14px;\n --crmline-heightbodymd: 20px;\n --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n font-family: Roboto;\n font-size: var(--crmfont-sizebodymd);\n font-weight: 400;\n line-height: var(--crmline-heightbodymd);\n letter-spacing: var(--crmletter-spacingtitle-md);\n text-align: left;\n text-underline-position: from-font;\n text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n height: auto;\n padding: 20px 24px 20px 24px;\n border: 1px solid #CCCC;\n writing-mode: horizontal-tb;\n gap: 16px;\n border-top: 1px solid #ccc !important;\n border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n overflow: hidden;\n border: 1px solid #ccc;\n border-top: 0;\n border-bottom: 0;\n} */\n\n.crm-phone-form {\n display: flex;\n flex-direction: column;\n height: 100%;\n /* justify-content: space-around; */\n gap: 16px;\n}\n\n.crm-subtitle {\n font-size: 14px;\n color: var(--crm-btn);\n}\n\n.crm-title {\n font-weight: 700;\n line-height: 20px;\n color: #262626;\n font-size: 16px;\n}\n\n.crm-message-info {\n color: #619013;\n font-weight: 500;\n font-size: 12px;\n}\n\n.crm-message-error {\n color: #E11D48;\n font-weight: 500;\n font-size: 12px;\n}","import { Component, Method, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent'\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport i18next from \"../../i18n/i18n\"\nimport { USED_KEY, getKeyReserveByCartId } from \"../../utils/keys.storage\";\n\n@Component({\n tag: 'crm-giftback-form',\n styleUrl: 'giftback-form.css'\n})\nexport class CrmBonus {\n // private phoneInputMask: HTMLPhoneFormElement;\n\n private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n @Prop({ attribute: 'storename' }) storeName;\n @Prop() cartId;\n @Prop() products: Array<IProduct>;\n @Prop() customer: ICustomer;\n @Prop() loadProducts: () => void;\n\n @State() value: string;\n @State() loading: boolean = false;\n @State() message: string;\n @State() phone: string;\n @State() pinInfo: IPinSent;\n @State() step: StepFormEnum = StepFormEnum.STEP_PHONE;\n @State() bonus: IBonus;\n\n @State() sucess: string = \"\";\n @State() error: string = \"\";\n @State() config: IInfoStore;\n\n @State() hasApplyBonus = false;\n\n\n @Method()\n async setStep(step: StepFormEnum) {\n this.step = step\n }\n\n @Method()\n async processBonus(products: IProduct[] = [], hasNewProduct = false) {\n this.sucess = \"\";\n\n console.log('processBonus', [])\n if (hasNewProduct) {\n this.products = products;\n }\n const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n\n if (_bonus) {\n\n const bonus = JSON.parse(_bonus)\n\n this.bonus = bonus;\n\n this.phone = bonus.phone;\n this.pinInfo = {\n storeId: bonus.storeId,\n userId: bonus.userId\n }\n \n await this.validateBonus(\"2018\");\n this.step = StepFormEnum.STEP_RESERVE;\n\n }\n\n\n }\n\n async handleSendPin(phone: string) {\n\n this.message = \"\"\n if (!phone) {\n this.message = \"Informe seu telefone\";\n return;\n }\n\n this.phone = phone;\n\n this.sendPin()\n }\n\n async componentWillLoad() {\n this.sucess = \"\";\n this.error = \"\"\n this.config = getInfoCustomization(this.storeName);\n\n await this.handleApply()\n\n }\n\n async handleApply() {\n console.log('processBonus')\n await this.processBonus();\n\n // const bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\n\n // if (bonus) {\n // this.bonus = JSON.parse(bonus);\n // this.step = StepFormEnum.STEP_RESERVE; \n // }\n\n }\n\n private convertStringToNumber(): number {\n const _phone = this.phone.replace(/\\D/g, '');\n return Number(_phone);\n }\n\n public async sendPin() {\n this.loading = true;\n this.message = \"\";\n this.sucess = \"\";\n this.error = \"\"\n\n try {\n\n const _phone = this.convertStringToNumber()\n\n this.pinInfo = await this.crmBonusService.sendPin(_phone, this.customer?.name, this.storeName);\n\n if (localStorage.getItem(`bc:${this.phone}`)) {\n await this.validateBonus(\"2018\");\n this.step = StepFormEnum.STEP_RESERVE;\n } else {\n this.step = StepFormEnum.STEP_PIN;\n }\n\n } catch (error) {\n this.message = error?.response?.data?.message\n } finally {\n this.loading = false\n }\n }\n\n changePhone() {\n this.sucess = \"\";\n this.error = \"\"\n this.step = StepFormEnum.STEP_PHONE;\n }\n\n public async validateBonus(pin: string) {\n\n this.loadProducts();\n\n const used_or_no = localStorage.getItem(USED_KEY);\n\n if (used_or_no == \"use\") {\n this.step = StepFormEnum.STEP_RESERVE;\n return\n }\n\n this.loading = true;\n this.sucess = \"\";\n this.error = \"\";\n const payload: IProccesPinBonusDto = {\n pin: pin,\n cellphone: this.phone.toString(),\n storeId: this.pinInfo.storeId.toString(),\n userId: this.pinInfo.userId.toString(),\n checkoutId: this.cartId,\n checkoutProducts: this.products,\n name: this.customer?.name,\n storeName: this.storeName\n }\n\n try {\n this.bonus = await this.crmBonusService.validatePinBonus(payload);\n\n if (!this.bonus.hasBonus) {\n this.loading = false;\n this.step = StepFormEnum.STEP_NO_BONUS;\n return\n }\n\n this.sucess = \"Código validado com sucesso!\";\n localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\n localStorage.setItem(`bc:${this.phone}`, \"validate\")\n\n this.step = StepFormEnum.STEP_RESERVE;\n\n } catch (error) {\n const _error: string = error?.response?.data?.message;\n\n if (_error.includes(\"Pin\")) {\n this.error = \"Código inválido!\"\n } else {\n this.error = _error;\n this.step = StepFormEnum.STEP_NO_BONUS;\n }\n\n\n } finally {\n this.loading = false;\n }\n }\n\n public handleCancel() {\n // this.step = StepFormEnum.STEP_PHONE;\n this.cancel()\n }\n\n async cancel() {\n this.message = \"\";\n this.loading = true;\n try {\n await this.crmBonusService.cancelBonus(this.cartId, this.storeName);\n // localStorage.removeItem(this.cartId);\n this.save(0)\n } catch (error) {\n this.message = \"Não consegui cancelar o bônus, tente novamente!\"\n } finally {\n this.loading = false;\n }\n }\n\n public async reserveApply(amount: number) {\n this.loading = true;\n this.message = \"\";\n try {\n await this.reserve(amount);\n this.save(amount);\n\n } catch (error) {\n this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\n\n this.step = StepFormEnum.STEP_NO_BONUS;\n localStorage.removeItem(this.cartId);\n } finally {\n this.loading = false;\n }\n }\n\n save(amount: number) {\n localStorage.setItem(this.cartId, amount.toString());\n }\n\n public async reserve(amount: number) {\n\n await this.crmBonusService.reserve({\n redeemedBonus: amount,\n cartId: this.cartId,\n ticket: this.cartId,\n grossValue: Number(this.bonus.totalValue),\n storeName: this.storeName,\n storeId: this.bonus.storeId.toString(),\n userId: this.bonus.userId\n });\n }\n\n render() {\n return (\n <div class=\"crm-container-form fbits-responsive-carrinho-desconto\" >\n\n {/* <loading-container /> */}\n\n <label class=\"crm-title\">{this.config.giftbackTitle}</label>\n\n {this.step === StepFormEnum.STEP_PHONE &&\n <phone-form\n value={this.customer.phone}\n config={this.config}\n loading={this.loading}\n handlerSubmit={(phone) => this.handleSendPin(phone)}\n />}\n {\n this.step === StepFormEnum.STEP_PIN &&\n <pin-form\n config={this.config}\n phone={this.phone}\n cancel={() => this.changePhone()}\n resend={() => this.sendPin()}\n validate={(data) => this.validateBonus(data)}\n loading={this.loading}\n >\n {this.sucess && <p class=\"crm-message-info\">{this.sucess}</p>}\n {this.error && <p class=\"crm-message-error\">{this.error}</p>}\n\n </pin-form>\n }\n\n {\n this.step === StepFormEnum.STEP_RESERVE &&\n <giftback-info\n loading={this.loading}\n cancel={() => this.handleCancel()}\n bonus={this.bonus}\n reserve={(amountRedeemed: number) => this.reserveApply(amountRedeemed)}\n />\n }\n\n {\n this.step === StepFormEnum.STEP_NO_BONUS &&\n (\n <div class=\"container-message\">\n {i18next.t(\"noGiftback\", { storename: this.config.giftbackTitle })}\n </div>\n )\n\n }\n </div>\n )\n }\n}","/* Estilo para centralizar o container do loading */\n.loading-container {\n position: absolute;\n /* Fixa o loading na tela */\n top: 0;\n left: 0;\n width: 100%;\n /* Tamanho total da tela */\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n /* Fundo semitransparente */\n display: flex;\n /* Centraliza o conteúdo */\n justify-content: center;\n align-items: center;\n z-index: 1000;\n /* Coloca o loading acima de outros elementos */\n}\n\n/* Estilo do spinner (círculo giratório) */\n.loading-spinner {\n width: 50px;\n height: 50px;\n border: 5px solid rgba(255, 255, 255, 0.3);\n /* Borda semitransparente */\n border-top: 5px solid white;\n /* Borda que será animada */\n border-radius: 50%;\n /* Faz o círculo */\n animation: spin 1s linear infinite;\n /* Gira continuamente */\n}\n\n/* Keyframes para a animação de rotação */\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.relative-xy {\n position: relative;\n}","import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'loading-container',\n styleUrl: 'loading-container.css'\n})\nexport class LoadingContainer {\n\n @Prop() loading: boolean = true;\n\n render() {\n return (\n <div class=\"relative-xy\">\n {\n this.loading && (\n <div class=\"loading-container\">\n <div class=\"loading-spinner\">\n\n </div>\n \n </div>\n )\n }\n <slot></slot>\n </div>\n )\n }\n}"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,h as t}from"./p-24616d67.js";import{g as i}from"./p-75ba7b9a.js";import{C as a}from"./p-9c859043.js";import{g as o}from"./p-f9aeffc1.js";const c="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIvPg0KPHBhdGggZD0iTTE1IDkuOTQ3MjhDMTQuNSA5LjMgMTMuOCA4LjUgMTIgOC41QzEwLjIgOC41IDkgOS41MTM5MyA5IDkuOTQ3MjhDOSAxMC4zODA2IDkuMDY3ODYgMTAuOTI3NyAxMCAxMS41QzEwLjc1MjIgMTEuOTYxOCAxMi42Njg0IDEyLjA0MzkgMTMuNSAxMi41QzE0LjY3OSAxMy4xNDY3IDE0Ljg0OTcgMTMuODIwMiAxNC44NDk3IDE0LjA1MjJDMTQuODQ5NyAxNC42ODM3IDEzLjQxNzUgMTUuNDg1MiAxMiAxNS41QzEwLjUzNiAxNS41MTUzIDkuNSAxNC43IDkgMTQuMDUyMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTEyIDdWMTciIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+";const n=".note-container{border:1px solid #dddddd;padding:0 15px 15px;margin:0 0 26px 0px}.note-container hr{border:1px solid #CCC}.note-container .back-cart{display:flex;text-align:center}.note-header{display:flex;align-items:baseline;justify-content:space-between}.note-title{font-weight:700;text-align:left;display:flex;gap:6px;align-items:center;margin-top:11px;color:#000}.note-description{font-family:Arial;color:#6d6d5f;padding:0;margin:0 auto}.back-cart{font-size:.9em;color:#27272A;text-decoration:none;cursor:pointer;margin-top:11px}.note-description-2{color:var(--crm-scheme-fg-main-inverse, #262626);font-family:Roboto;font-size:var(--crm-font-size-body-lg, 16px);font-style:normal;font-weight:var(--crm-font-weight-body-bold, 400);line-height:var(--crm-line-height-body-md, 20px);letter-spacing:var(--crm-letter-spacing-title-md, 0px);margin-top:11px;color:#000}.note-description-not{font-size:16px}";const d=n;const s=class{constructor(t){e(this,t);this.cartId=undefined;this.storename=undefined;this.url=undefined;this.config=undefined}componentWillLoad(){this.upadateCheckToFreteAndGetUrl()}upadateCheckToFreteAndGetUrl(){this.config=i(this.storename);const e=document.getElementsByName("forma-envio");e.forEach((e=>{e.checked=false}));this.url=window.location.origin}handleHide(){const e=localStorage.getItem(this.cartId);return!!e}getAmount(){const e=localStorage.getItem(this.cartId);console.log("amount",e);return Number(e).toFixed(2).replace(".",",")||"0,00"}async handleCancel(){await a.getInstance().cancelBonus(this.cartId,this.storename);window.location.href=this.url;localStorage.removeItem(o(this.cartId))}render(){return t("div",{key:"75cafa0618e76798d63234ea6224eb5e081df101"},t("div",{key:"e372439c6656f4c08c22e0c810061150200fa528",class:"note-container"},t("div",{key:"3498e7ca54efa4c07ea464551ed9d985436d0d8e",class:"note-header"},t("p",{key:"4d018ad8567d68127a5c18a7c7957307ec33070c",class:"note-title"},t("img",{key:"568fca49338aa74d459f59fa40a6e80b091f40e2",src:c,width:23}),this.config.giftbackTitle),this.handleHide()&&t("p",{key:"3615e06410efc6dcf2379cfb41ab94f56d5d30c7",class:"back-cart",onClick:()=>this.handleCancel()},"Editar")),t("hr",{key:"739af06a409de815817978868a3b33bd0b194176"}),this.handleHide()&&t("p",{key:"280bc286979cc95d400e1686abe677252f80eb79",class:"note-description-2"},this.config.giftbackTitle||"Giftback"," aplicado ao pedido: ",t("strong",{key:"00b1d1882d9a76dcd4a0d036b88d31a014c631f4"},"R$ ",this.getAmount())),!this.handleHide()&&t("p",{key:"7922f409d435f32841c40f355a1e364663e48eba",class:"note-description-not"},"Não há ",this.config.giftbackTitle||"Giftback"," disponível para essa compra")))}};s.style=d;export{s as crm_bonus_note};
2
+ //# sourceMappingURL=p-805ea9db.entry.js.map