crmbonus-component-wake 2.1.18-homolog → 2.1.21-homolog-tray
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.
- package/dist/cjs/app-modal.cjs.entry.js +1 -1
- package/dist/cjs/{cart.helper-d216033e.js → cart.helper-0a401d80.js} +2 -2
- package/dist/cjs/{cart.helper-d216033e.js.map → cart.helper-0a401d80.js.map} +1 -1
- package/dist/cjs/countdown-timer-v2.cjs.entry.js +77 -0
- package/dist/cjs/countdown-timer-v2.cjs.entry.js.map +1 -0
- package/dist/cjs/countdown-timer.cjs.entry.js +31 -50
- package/dist/cjs/countdown-timer.cjs.entry.js.map +1 -1
- package/dist/cjs/crm-bonus-form.cjs.entry.js +1 -1
- package/dist/cjs/crm-bonus-note.cjs.entry.js +15 -6
- package/dist/cjs/crm-bonus-note.cjs.entry.js.map +1 -1
- package/dist/cjs/crm-bonus-tray.cjs.entry.js +18 -0
- package/dist/cjs/crm-bonus-tray.cjs.entry.js.map +1 -0
- package/dist/cjs/crm-bonus.cjs.entry.js +3 -3
- package/dist/cjs/crm-giftback-form_2.cjs.entry.js +10 -8
- package/dist/cjs/crm-giftback-form_2.cjs.entry.js.map +1 -1
- package/dist/cjs/crm-tooltip_4.cjs.entry.js +29 -14
- package/dist/cjs/crm-tooltip_4.cjs.entry.js.map +1 -1
- package/dist/cjs/crmbonus-component-wake.cjs.js +1 -1
- package/dist/cjs/{crmbonus.service-5537cef5.js → crmbonus.service-7a4f6786.js} +2 -2
- package/dist/cjs/{crmbonus.service-5537cef5.js.map → crmbonus.service-7a4f6786.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/pedido-finalizado.cjs.entry.js +3 -3
- package/dist/cjs/phone-input-mask.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/countdown-timer/countdown-timer.js +60 -67
- package/dist/collection/components/countdown-timer/countdown-timer.js.map +1 -1
- package/dist/collection/components/countdown-timer/countdown-timer.v2.js +134 -0
- package/dist/collection/components/countdown-timer/countdown-timer.v2.js.map +1 -0
- package/dist/collection/components/crm-bonus/crm-bonus.js +1 -1
- package/dist/collection/components/giftback-form/giftback-form.js +7 -5
- package/dist/collection/components/giftback-form/giftback-form.js.map +1 -1
- package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js +28 -9
- package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js.map +1 -1
- package/dist/collection/components/giftback-form/subcomponents/phone-form/phone-form.js +1 -1
- package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.js +14 -1
- package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.js.map +1 -1
- package/dist/collection/components/loading-container/loading-container.js +1 -1
- package/dist/collection/components/loading-spinner/loading-spinner.js +1 -1
- package/dist/collection/components/modal/app-modal.js +1 -1
- package/dist/collection/components/note/crm-bonus-note.js +15 -5
- package/dist/collection/components/note/crm-bonus-note.js.map +1 -1
- package/dist/collection/components/pedido/pedido.js +1 -1
- package/dist/collection/components/phone/phone-input-mask.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/collection/tray-ecommerce/crm-bonus-tray.js +8 -0
- package/dist/collection/tray-ecommerce/crm-bonus-tray.js.map +1 -0
- package/dist/components/app-modal.js +1 -1
- package/dist/components/countdown-timer-v2.d.ts +11 -0
- package/dist/components/{p-30d12b1b.js → countdown-timer-v2.js} +15 -11
- package/dist/components/countdown-timer-v2.js.map +1 -0
- package/dist/components/countdown-timer.js +1 -1
- package/dist/components/crm-bonus-form.js +5 -5
- package/dist/components/crm-bonus-note.js +18 -8
- package/dist/components/crm-bonus-note.js.map +1 -1
- package/dist/components/crm-bonus-tray.d.ts +11 -0
- package/dist/components/crm-bonus-tray.js +32 -0
- package/dist/components/crm-bonus-tray.js.map +1 -0
- package/dist/components/crm-bonus.js +13 -13
- package/dist/components/crm-button.js +1 -1
- package/dist/components/crm-giftback-form.js +1 -1
- package/dist/components/crm-tooltip.js +1 -1
- package/dist/components/giftback-info.js +1 -1
- package/dist/components/giftback-pin.js +1 -1
- package/dist/components/giftback-progress.js +1 -1
- package/dist/components/loading-container.js +1 -1
- package/dist/components/loading-spinner.js +1 -1
- package/dist/components/name-input.js +1 -1
- package/dist/components/{p-8f1485e7.js → p-39cc3ce4.js} +2 -2
- package/dist/components/{p-8f1485e7.js.map → p-39cc3ce4.js.map} +1 -1
- package/dist/components/{p-ef285153.js → p-4ac2b98e.js} +18 -5
- package/dist/components/p-4ac2b98e.js.map +1 -0
- package/dist/components/{p-c6153eb6.js → p-5a7b0549.js} +2 -2
- package/dist/components/{p-c6153eb6.js.map → p-5a7b0549.js.map} +1 -1
- package/dist/components/{p-a7809d51.js → p-63ca9208.js} +5 -5
- package/dist/components/{p-a7809d51.js.map → p-63ca9208.js.map} +1 -1
- package/dist/components/p-86b95c83.js +74 -0
- package/dist/components/p-86b95c83.js.map +1 -0
- package/dist/components/{p-b57fbd6d.js → p-9ca28ea7.js} +2 -2
- package/dist/components/{p-b57fbd6d.js.map → p-9ca28ea7.js.map} +1 -1
- package/dist/components/{p-3eba0eba.js → p-a428d5df.js} +2 -2
- package/dist/components/{p-3eba0eba.js.map → p-a428d5df.js.map} +1 -1
- package/dist/components/{p-b42db369.js → p-a70a82a3.js} +2 -2
- package/dist/components/{p-b42db369.js.map → p-a70a82a3.js.map} +1 -1
- package/dist/components/{p-220754a5.js → p-c4788672.js} +2 -2
- package/dist/components/{p-220754a5.js.map → p-c4788672.js.map} +1 -1
- package/dist/components/{p-fc6f781f.js → p-cd108989.js} +2 -2
- package/dist/components/{p-fc6f781f.js.map → p-cd108989.js.map} +1 -1
- package/dist/components/{p-1a20b231.js → p-d8bd654a.js} +17 -14
- package/dist/components/p-d8bd654a.js.map +1 -0
- package/dist/components/{p-34803421.js → p-dc1871cf.js} +2 -2
- package/dist/components/{p-34803421.js.map → p-dc1871cf.js.map} +1 -1
- package/dist/components/{p-82ea12ff.js → p-e25a1b64.js} +2 -2
- package/dist/components/{p-82ea12ff.js.map → p-e25a1b64.js.map} +1 -1
- package/dist/components/{p-83249636.js → p-e81cd527.js} +2 -2
- package/dist/components/{p-83249636.js.map → p-e81cd527.js.map} +1 -1
- package/dist/components/{p-8b7e3ba9.js → p-ec317fb9.js} +18 -16
- package/dist/components/p-ec317fb9.js.map +1 -0
- package/dist/components/pedido-finalizado.js +3 -3
- package/dist/components/phone-cancel-input.js +2 -2
- package/dist/components/phone-form.js +1 -1
- package/dist/components/phone-input-mask.js +1 -1
- package/dist/components/phone-input.js +2 -2
- package/dist/components/pin-form.js +1 -1
- package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +1 -1
- package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js.map +1 -1
- package/dist/crmbonus-component-wake/{p-68b058e9.entry.js → p-0055876c.entry.js} +2 -2
- package/dist/crmbonus-component-wake/p-0a40bcba.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-0a40bcba.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/{p-402ead13.entry.js → p-154b5318.entry.js} +2 -2
- package/dist/crmbonus-component-wake/{p-09e26da2.entry.js → p-35b95848.entry.js} +2 -2
- package/dist/crmbonus-component-wake/p-4792c140.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-4792c140.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/p-5aa35e0f.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-5aa35e0f.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/{p-a6a4a314.entry.js → p-77d8e96c.entry.js} +2 -2
- package/dist/crmbonus-component-wake/p-81ec64ff.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-81ec64ff.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/p-8e2d6659.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-8e2d6659.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/{p-b57fbd6d.js → p-9ca28ea7.js} +2 -2
- package/dist/crmbonus-component-wake/{p-3eba0eba.js → p-a428d5df.js} +2 -2
- package/dist/crmbonus-component-wake/{p-3eba0eba.js.map → p-a428d5df.js.map} +1 -1
- package/dist/crmbonus-component-wake/p-b2941d60.entry.js +2 -0
- package/dist/crmbonus-component-wake/{p-d3ed9573.entry.js → p-e4aae2ed.entry.js} +2 -2
- package/dist/crmbonus-component-wake/{p-b307cbed.entry.js → p-ed22d88f.entry.js} +2 -2
- package/dist/crmbonus-component-wake/p-ed22d88f.entry.js.map +1 -0
- package/dist/env.js +1 -1
- package/dist/env.js.map +1 -1
- package/dist/esm/app-modal.entry.js +1 -1
- package/dist/esm/{cart.helper-8be1bc35.js → cart.helper-c6fd0b36.js} +2 -2
- package/dist/esm/{cart.helper-8be1bc35.js.map → cart.helper-c6fd0b36.js.map} +1 -1
- package/dist/esm/countdown-timer-v2.entry.js +73 -0
- package/dist/esm/countdown-timer-v2.entry.js.map +1 -0
- package/dist/esm/countdown-timer.entry.js +31 -50
- package/dist/esm/countdown-timer.entry.js.map +1 -1
- package/dist/esm/crm-bonus-form.entry.js +1 -1
- package/dist/esm/crm-bonus-note.entry.js +15 -6
- package/dist/esm/crm-bonus-note.entry.js.map +1 -1
- package/dist/esm/crm-bonus-tray.entry.js +14 -0
- package/dist/esm/crm-bonus-tray.entry.js.map +1 -0
- package/dist/esm/crm-bonus.entry.js +3 -3
- package/dist/esm/crm-giftback-form_2.entry.js +10 -8
- package/dist/esm/crm-giftback-form_2.entry.js.map +1 -1
- package/dist/esm/crm-tooltip_4.entry.js +29 -14
- package/dist/esm/crm-tooltip_4.entry.js.map +1 -1
- package/dist/esm/crmbonus-component-wake.js +1 -1
- package/dist/esm/{crmbonus.service-5bc16be9.js → crmbonus.service-0bd0a5ac.js} +2 -2
- package/dist/esm/{crmbonus.service-5bc16be9.js.map → crmbonus.service-0bd0a5ac.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/loading-spinner.entry.js +1 -1
- package/dist/esm/pedido-finalizado.entry.js +3 -3
- package/dist/esm/phone-input-mask.entry.js +1 -1
- package/dist/types/components/countdown-timer/countdown-timer.d.ts +6 -10
- package/dist/types/components/countdown-timer/countdown-timer.v2.d.ts +17 -0
- package/dist/types/components/giftback-form/subcomponents/giftback-info/giftback-info.d.ts +1 -0
- package/dist/types/components/giftback-form/subcomponents/pin-form/pin-form.d.ts +1 -0
- package/dist/types/components/note/crm-bonus-note.d.ts +3 -1
- package/dist/types/components.d.ts +38 -2
- package/dist/types/home/darlison/Projects/Bycoders/crmbonus/crmbonus-component/.stencil/env.d.ts +1 -1
- package/dist/types/tray-ecommerce/crm-bonus-tray.d.ts +3 -0
- package/package.json +1 -1
- package/dist/components/p-1a20b231.js.map +0 -1
- package/dist/components/p-30d12b1b.js.map +0 -1
- package/dist/components/p-8b7e3ba9.js.map +0 -1
- package/dist/components/p-ef285153.js.map +0 -1
- package/dist/crmbonus-component-wake/p-08af385f.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-5cfc2702.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-5cfc2702.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-898ab1b3.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-898ab1b3.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-b307cbed.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-ee132b98.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-ee132b98.entry.js.map +0 -1
- /package/dist/crmbonus-component-wake/{p-68b058e9.entry.js.map → p-0055876c.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-402ead13.entry.js.map → p-154b5318.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-09e26da2.entry.js.map → p-35b95848.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-a6a4a314.entry.js.map → p-77d8e96c.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-b57fbd6d.js.map → p-9ca28ea7.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-08af385f.entry.js.map → p-b2941d60.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-d3ed9573.entry.js.map → p-e4aae2ed.entry.js.map} +0 -0
@@ -1,10 +1,10 @@
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
|
2
2
|
import { g as getInfoCustomization } from './p-1b441909.js';
|
3
|
-
import { g as getKeyReserveByCartId } from './p-
|
3
|
+
import { g as getKeyReserveByCartId } from './p-a428d5df.js';
|
4
4
|
import { i as instance } from './p-c53241bf.js';
|
5
|
-
import { C as CartWake, g as getCart, a as getInfoBonusByCartIdAndStoreName } from './p-
|
5
|
+
import { C as CartWake, g as getCart, a as getInfoBonusByCartIdAndStoreName } from './p-9ca28ea7.js';
|
6
6
|
import { d as defaultStyles } from './p-ecc51430.js';
|
7
|
-
import { d as defineCustomElement$2 } from './p-
|
7
|
+
import { d as defineCustomElement$2 } from './p-86b95c83.js';
|
8
8
|
|
9
9
|
const moneyDollarsSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTE1IDkuOTQ3MjhDMTQuNSA5LjMgMTMuOCA4LjUgMTIgOC41QzEwLjIgOC41IDkgOS41MTM5MyA5IDkuOTQ3MjhDOSAxMC4zODA2IDkuMDY3ODYgMTAuOTI3NyAxMCAxMS41QzEwLjc1MjIgMTEuOTYxOCAxMi42Njg0IDEyLjA0MzkgMTMuNSAxMi41QzE0LjY3OSAxMy4xNDY3IDE0Ljg0OTcgMTMuODIwMiAxNC44NDk3IDE0LjA1MjJDMTQuODQ5NyAxNC42ODM3IDEzLjQxNzUgMTUuNDg1MiAxMiAxNS41QzEwLjUzNiAxNS41MTUzIDkuNSAxNC43IDkgMTQuMDUyMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgN1YxNyIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==';
|
10
10
|
|
@@ -34,6 +34,7 @@ const CrmBonusNote$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusNote exten
|
|
34
34
|
this.bonus = undefined;
|
35
35
|
this.showEdit = false;
|
36
36
|
this.styles = defaultStyles;
|
37
|
+
this.info = undefined;
|
37
38
|
}
|
38
39
|
async componentWillLoad() {
|
39
40
|
await this.upadateCheckToFreteAndGetUrl();
|
@@ -56,6 +57,8 @@ const CrmBonusNote$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusNote exten
|
|
56
57
|
if ((_a = info === null || info === void 0 ? void 0 : info.metadata) === null || _a === void 0 ? void 0 : _a.url) {
|
57
58
|
this.url = (_b = info === null || info === void 0 ? void 0 : info.metadata) === null || _b === void 0 ? void 0 : _b.url;
|
58
59
|
}
|
60
|
+
console.log('info', info);
|
61
|
+
this.info = info;
|
59
62
|
}
|
60
63
|
catch (error) {
|
61
64
|
localStorage.removeItem(key);
|
@@ -87,6 +90,12 @@ const CrmBonusNote$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusNote exten
|
|
87
90
|
}
|
88
91
|
setTime();
|
89
92
|
}
|
93
|
+
buildTime() {
|
94
|
+
var _a, _b, _c, _d;
|
95
|
+
if (!((_b = (_a = this.info) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.createdAt))
|
96
|
+
return "";
|
97
|
+
return new Date((_d = (_c = this.info) === null || _c === void 0 ? void 0 : _c.metadata) === null || _d === void 0 ? void 0 : _d.createdAt).toString();
|
98
|
+
}
|
90
99
|
hasBonus() {
|
91
100
|
const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartWake.id));
|
92
101
|
const info = {
|
@@ -108,10 +117,10 @@ const CrmBonusNote$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusNote exten
|
|
108
117
|
var _a;
|
109
118
|
const giftbackname = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.giftbackTitle) || "Giftback";
|
110
119
|
const infobonus = this.hasBonus();
|
111
|
-
return (h("div", { key: '
|
112
|
-
(h("p", { key: '
|
113
|
-
(h("p", { key: '
|
114
|
-
(h("div", { key: '
|
120
|
+
return (h("div", { key: '4a533319aa37125573d1b97fff762beba1e21b73' }, h("div", { key: '48dce1be2670c11ac3b78e595a24117127ace8c8', class: "note-container", style: this.styles }, h("div", { key: 'fa59aa8bd0d0a7ccf5ca9e8ee5b44d0a9626516f', class: "note-header" }, h("p", { key: '89f0ee41f4c0e275339038b2f7561328abc971d2', class: "note-title" }, h("img", { key: 'de17828dfec537a452ff1b79ca0b6c42f9cedd47', src: moneyDollarsSvgrepoComSvg, width: 23 }), this.config.giftbackTitle), infobonus.hasBonus && (h("div", { key: '1a963fa9e86cb8c93c738d92ebbcc74aee46c1fc' }, this.showEdit && (h("p", { key: 'e9ab4dcc36fb81ef844ddbe2451f3c822b53a465', class: "back-cart", onClick: () => this.backCart() }, instance.t("edit"))), !this.showEdit && h("countdown-timer", { key: '82f77de37ed0a714f7a96faefd0790481597e3f6', dataCriacao: this.buildTime(), downtime: () => { this.showEdit = true; } })))), infobonus.hasBonus &&
|
121
|
+
(h("p", { key: '6f2a3eeb27a64ab131fdbc92bcb4f5ce261b522e', class: "note-description-2" }, instance.t("withApplyBonus", { giftbackname: giftbackname }), " ", h("strong", { key: '4a2b5829e8c5df8275a393f78dbead011a882cb9' }, "R$ ", this.getAmount(), "."))), (infobonus.requestBonus && !infobonus.hasBonus) &&
|
122
|
+
(h("p", { key: '54607ce969f8b7b8ac9abf3e51b31b5d4c5bb253', class: "note-description-not" }, instance.t("noBonus", { giftbackname: giftbackname }))), !infobonus.requestBonus &&
|
123
|
+
(h("div", { key: '2981b854d04078013f1051890fcd1de676a4da9e', class: "description" }, h("p", { key: '8a3fc01141db28d93025b1cc80816406c3a5879c', class: "note-description-not" }, instance.t("noBonus", { giftbackname: giftbackname })))))));
|
115
124
|
}
|
116
125
|
static get style() { return CrmBonusNoteStyle0; }
|
117
126
|
}, [0, "crm-bonus-note", {
|
@@ -121,7 +130,8 @@ const CrmBonusNote$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusNote exten
|
|
121
130
|
"config": [32],
|
122
131
|
"bonus": [32],
|
123
132
|
"showEdit": [32],
|
124
|
-
"styles": [32]
|
133
|
+
"styles": [32],
|
134
|
+
"info": [32]
|
125
135
|
}]);
|
126
136
|
function defineCustomElement$1() {
|
127
137
|
if (typeof customElements === "undefined") {
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"crm-bonus-note.js","mappings":";;;;;;;;AAAA,MAAM,yBAAyB,GAAG,4gCAA4gC;;SCA9hC,OAAO;IAEnB,IAAG,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;QACtC,OAAM;KACT;IAED,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAE7C,IAAG,CAAC,IAAI,EAAE;QACN,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACvC,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC9C,OAAM;KACT;AACL;;ACbA,MAAM,eAAe,GAAG,g1CAAg1C,CAAC;AACz2C,2BAAe,eAAe;;MCejBA,cAAY;;;;;;;;;wBAQQ,KAAK;sBAChB,aAAa;;IAC/B,MAAM,iBAAiB;QACnB,MAAM,IAAI,CAAC,4BAA4B,EAAE,CAAC;KAC7C;IAED,MAAM,4BAA4B;;QAE9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,OAAO,EAAE,CAAC;QAElF,MAAM,GAAG,GAAG,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACpD,IAAI;YACA,MAAM,IAAI,GAAG,MAAM,gCAAgC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEhG,IAAI,IAAI,CAAC,YAAY,EAAE;gBACnB,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;gBAC1D,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC;oBACrC,QAAQ,EAAE,IAAI;iBACjB,CAAC,CAAC,CAAC;aACP;YAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACvB,IAAI,CAAC,SAAS,EAAE,CAAC;aACpB;YAED,IAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,GAAG,EAAE;gBACpB,IAAI,CAAC,GAAG,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,0CAAE,GAAG,CAAC;aAClC;SAEJ;QAAC,OAAO,KAAK,EAAE;YACZ,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAC7B,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SAC7C;QAED,IAAI,CAAC,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE7D,IAAI,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAE;YACjC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;SACtB;QAED,MAAM,MAAM,GAAG,QAAQ,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;QACzD,MAAM,CAAC,OAAO,CAAC,CAAC,KAAU;YACtB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;SACzB,CAAC,CAAC;KAEN;IAED,UAAU;QACN,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACtD,OAAO,CAAC,CAAC,MAAM,CAAC;KACnB;IAED,SAAS;QACL,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEtD,OAAO,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,MAAM,GAAG,MAAM,CAAC;KAClF;IAED,MAAM,QAAQ;QACV,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;KACnC;IAGO,SAAS;QAEb,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;YACxC,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC,CAAA;SACrC;QAED,OAAO,EAAE,CAAC;KACb;IAGD,QAAQ;QACJ,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;QAE7E,MAAM,IAAI,GAAG;YACT,QAAQ,EAAE,KAAK;YACf,YAAY,EAAE,KAAK;SACtB,CAAA;QAED,IAAI,MAAM,EAAE;YACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACpC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC5B;QAED,OAAO,IAAI,CAAC;KACf;IAED,OAAO;QACH,MAAM,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QAE5C,OAAO,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAClC;IAED,MAAM;;QAEF,MAAM,YAAY,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,aAAa,KAAI,UAAU,CAAC;QAE9D,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAA;QAEjC,QACI,8DACI,4DAAK,KAAK,EAAC,gBAAgB,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,IAC1C,4DAAK,KAAK,EAAC,aAAa,IAEpB,0DAAG,KAAK,EAAC,YAAY,IACjB,4DAAK,GAAG,EAAEC,yBAAK,EAAE,KAAK,EAAE,EAAE,GAAI,EAC7B,IAAI,CAAC,MAAM,CAAC,aAAa,CAC1B,EAEA,SAAS,CAAC,QAAQ,KACd,8DACK,IAAI,CAAC,QAAQ,KACV,0DAAG,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAC9CC,QAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAClB,CACP,EACA,CAAC,IAAI,CAAC,QAAQ,IAAI,wEAAiB,YAAY,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA,EAAE,GAAI,CAC5G,CACT,CAEH,EAGF,SAAS,CAAC,QAAQ;aAEd,0DAAG,KAAK,EAAC,oBAAoB,IACxBA,QAAO,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,OAAE,wEAAY,IAAI,CAAC,SAAS,EAAE,MAAW,CACrG,CACP,EAID,CAAC,SAAS,CAAC,YAAY,IAAI,CAAC,SAAS,CAAC,QAAQ;aAE1C,0DAAG,KAAK,EAAC,sBAAsB,IAC1BA,QAAO,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,CACrD,CACP,EAID,CAAC,SAAS,CAAC,YAAY;aAEnB,4DAAK,KAAK,EAAC,aAAa,IACpB,0DAAG,KAAK,EAAC,sBAAsB,IAC1BA,QAAO,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC,CACrD,CACF,CACT,CAEH,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CrmBonusNote","money","i18next"],"sources":["src/assets/svg/money-dollars-svgrepo-com.svg","src/helpers/time.helper.ts","src/components/note/crm-bonus-note.css?tag=crm-bonus-note","src/components/note/crm-bonus-note.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#000000\" stroke-width=\"2\"/>\n<path d=\"M15 9.94728C14.5 9.3 13.8 8.5 12 8.5C10.2 8.5 9 9.51393 9 9.94728C9 10.3806 9.06786 10.9277 10 11.5C10.7522 11.9618 12.6684 12.0439 13.5 12.5C14.679 13.1467 14.8497 13.8202 14.8497 14.0522C14.8497 14.6837 13.4175 15.4852 12 15.5C10.536 15.5153 9.5 14.7 9 14.0522\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 7V17\" stroke=\"#000000\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>","export function setTime() {\n\n if(localStorage.getItem(\"bc:time-allow\")) {\n return\n }\n\n const time = localStorage.getItem(\"bc:time\");\n\n if(!time) {\n localStorage.setItem(\"bc:time\", \"360\");\n localStorage.setItem(\"bc:time-allow\", \"true\");\n return\n } \n}",".note-container {\n border: 1px solid #dddddd;\n padding: 0 15px 15px;\n margin: 0 0 26px 0px;\n display: flex;\n flex-direction: column;\n gap: 13px;\n\n\n & .description {\n display: flex;\n flex-direction: column;\n gap: 13px;\n }\n}\n\n.note-container hr {\n border: 1px solid #CCC;\n}\n\n.note-container .back-cart {\n display: flex;\n text-align: center;\n}\n\n.note-header {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n}\n\n.note-title {\n font-weight: 700;\n text-align: left;\n display: flex;\n gap: 6px;\n align-items: center;\n margin-top: 11px;\n color: #000;\n}\n\n.note-description {\n color: #6d6d5f;\n padding: 0;\n margin: 0 auto;\n}\n\n.back-cart {\n /* font-size: .9em; */\n color: #27272A;\n text-decoration: none;\n cursor: pointer;\n margin-top: 11px;\n}\n\n.note-description-2 {\n color: var(--crm-scheme-fg-main-inverse, #262626);\n /* font-size: var(--crm-font-size-body-lg, 16px); */\n font-style: normal;\n font-weight: var(--crm-font-weight-body-bold, 400);\n line-height: var(--crm-line-height-body-md, 20px);\n letter-spacing: var(--crm-letter-spacing-title-md, 0px);\n margin-top: 11px;\n color: #000;\n}\n\n.note-description-not {\n /* font-size: 16px; */\n}","import { Component, Prop, State, h } from \"@stencil/core\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport money from '../../assets/svg/money-dollars-svgrepo-com.svg'\nimport { getKeyReserveByCartId } from \"../../utils/keys.storage\";\nimport i18next from \"../../i18n/i18n\"\nimport { IBonus } from \"../../components\";\nimport { setTime } from \"../../helpers/time.helper\";\nimport { CartWake } from \"../../objectvalues/cart.wake\";\nimport { getCart, getInfoBonusByCartIdAndStoreName } from \"../../helpers/cart.helper\";\nimport { defaultStyles } from \"../../contants\";\n\n@Component({\n tag: 'crm-bonus-note',\n styleUrl: 'crm-bonus-note.css'\n})\nexport class CrmBonusNote {\n\n @Prop() cart;\n\n @State() cartWake: CartWake;\n @State() url: string;\n @State() config: IInfoStore;\n @State() bonus: IBonus;\n @State() showEdit: boolean = false;\n @State() styles = defaultStyles;\n async componentWillLoad() {\n await this.upadateCheckToFreteAndGetUrl();\n }\n\n async upadateCheckToFreteAndGetUrl() {\n\n this.cartWake = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\n\n const key = getKeyReserveByCartId(this.cartWake.id);\n try {\n const info = await getInfoBonusByCartIdAndStoreName(this.cartWake.id, this.cartWake.store.name);\n\n if (info.bonusBalance) {\n localStorage.setItem(this.cartWake.id, info.bonusBalance);\n localStorage.setItem(key, JSON.stringify({\n hasBonus: true,\n }));\n }\n\n if (info.isBonusProcessed) {\n this.startTime();\n }\n\n if(info?.metadata?.url) {\n this.url = info?.metadata?.url;\n }\n\n } catch (error) {\n localStorage.removeItem(key);\n localStorage.removeItem(this.cartWake.id);\n }\n\n this.config = getInfoCustomization(this.cartWake.store.name);\n\n if (this.config.keepStoreFrontStyle) {\n this.styles = null;\n }\n\n const envios = document.getElementsByName('forma-envio');\n envios.forEach((envio: any) => {\n envio.checked = false;\n });\n\n }\n\n handleHide() {\n const amount = localStorage.getItem(this.cartWake.id);\n return !!amount;\n }\n\n getAmount() {\n const amount = localStorage.getItem(this.cartWake.id);\n\n return amount ? Number(amount).toFixed(2).replace(\".\", \",\") || \"0,00\" : \"0,00\";\n }\n\n async backCart() {\n window.location.href = this.url;\n }\n\n\n private startTime() {\n\n if (!localStorage.getItem(\"bc:time-allow\")) {\n localStorage.removeItem(\"bc:time\")\n }\n\n setTime();\n }\n\n\n hasBonus() {\n const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartWake.id));\n\n const info = {\n hasBonus: false,\n requestBonus: false\n }\n\n if (_bonus) {\n this.bonus = JSON.parse(_bonus);\n info.hasBonus = this.bonus.hasBonus;\n info.requestBonus = true;\n }\n\n return info;\n }\n\n getTime() {\n const time = localStorage.getItem(\"bc:time\")\n\n return time ? Number(time) : 0;\n }\n\n render() {\n\n const giftbackname = this.config?.giftbackTitle || \"Giftback\";\n\n const infobonus = this.hasBonus()\n\n return (\n <div>\n <div class=\"note-container\" style={this.styles}>\n <div class=\"note-header\">\n\n <p class=\"note-title\">\n <img src={money} width={23} />\n {this.config.giftbackTitle}\n </p>\n {\n infobonus.hasBonus && (\n <div>\n {this.showEdit && (\n <p class=\"back-cart\" onClick={() => this.backCart()}>\n {i18next.t(\"edit\")}\n </p>\n )}\n {!this.showEdit && <countdown-timer initialValue={this.getTime()} downtime={() => { this.showEdit = true }} />}\n </div>\n )\n }\n </div>\n\n {\n infobonus.hasBonus &&\n (\n <p class=\"note-description-2\">\n {i18next.t(\"withApplyBonus\", { giftbackname: giftbackname })} <strong>R$ {this.getAmount()}.</strong>\n </p>\n )\n }\n\n {\n (infobonus.requestBonus && !infobonus.hasBonus) &&\n (\n <p class=\"note-description-not\">\n {i18next.t(\"noBonus\", { giftbackname: giftbackname })}\n </p>\n )\n }\n\n {\n !infobonus.requestBonus &&\n (\n <div class=\"description\">\n <p class=\"note-description-not\">\n {i18next.t(\"noBonus\", { giftbackname: giftbackname })}\n </p>\n </div>\n )\n }\n </div>\n </div>\n )\n }\n}"],"version":3}
|
1
|
+
{"file":"crm-bonus-note.js","mappings":"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","names":["CrmBonusNote","money","i18next"],"sources":["src/assets/svg/money-dollars-svgrepo-com.svg","src/helpers/time.helper.ts","src/components/note/crm-bonus-note.css?tag=crm-bonus-note","src/components/note/crm-bonus-note.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#000000\" stroke-width=\"2\"/>\n<path d=\"M15 9.94728C14.5 9.3 13.8 8.5 12 8.5C10.2 8.5 9 9.51393 9 9.94728C9 10.3806 9.06786 10.9277 10 11.5C10.7522 11.9618 12.6684 12.0439 13.5 12.5C14.679 13.1467 14.8497 13.8202 14.8497 14.0522C14.8497 14.6837 13.4175 15.4852 12 15.5C10.536 15.5153 9.5 14.7 9 14.0522\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M12 7V17\" stroke=\"#000000\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>","export function setTime() {\n\n if(localStorage.getItem(\"bc:time-allow\")) {\n return\n }\n\n const time = localStorage.getItem(\"bc:time\");\n\n if(!time) {\n localStorage.setItem(\"bc:time\", \"360\");\n localStorage.setItem(\"bc:time-allow\", \"true\");\n return\n } \n}",".note-container {\n border: 1px solid #dddddd;\n padding: 0 15px 15px;\n margin: 0 0 26px 0px;\n display: flex;\n flex-direction: column;\n gap: 13px;\n\n\n & .description {\n display: flex;\n flex-direction: column;\n gap: 13px;\n }\n}\n\n.note-container hr {\n border: 1px solid #CCC;\n}\n\n.note-container .back-cart {\n display: flex;\n text-align: center;\n}\n\n.note-header {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n}\n\n.note-title {\n font-weight: 700;\n text-align: left;\n display: flex;\n gap: 6px;\n align-items: center;\n margin-top: 11px;\n color: #000;\n}\n\n.note-description {\n color: #6d6d5f;\n padding: 0;\n margin: 0 auto;\n}\n\n.back-cart {\n /* font-size: .9em; */\n color: #27272A;\n text-decoration: none;\n cursor: pointer;\n margin-top: 11px;\n}\n\n.note-description-2 {\n color: var(--crm-scheme-fg-main-inverse, #262626);\n /* font-size: var(--crm-font-size-body-lg, 16px); */\n font-style: normal;\n font-weight: var(--crm-font-weight-body-bold, 400);\n line-height: var(--crm-line-height-body-md, 20px);\n letter-spacing: var(--crm-letter-spacing-title-md, 0px);\n margin-top: 11px;\n color: #000;\n}\n\n.note-description-not {\n /* font-size: 16px; */\n}","import { Component, Prop, State, h } from \"@stencil/core\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport money from '../../assets/svg/money-dollars-svgrepo-com.svg'\nimport { getKeyReserveByCartId } from \"../../utils/keys.storage\";\nimport i18next from \"../../i18n/i18n\"\nimport { IBonus, ReservedInfoDTO } from \"../../components\";\nimport { setTime } from \"../../helpers/time.helper\";\nimport { CartWake } from \"../../objectvalues/cart.wake\";\nimport { getCart, getInfoBonusByCartIdAndStoreName } from \"../../helpers/cart.helper\";\nimport { defaultStyles } from \"../../contants\";\n\n@Component({\n tag: 'crm-bonus-note',\n styleUrl: 'crm-bonus-note.css'\n})\nexport class CrmBonusNote {\n\n @Prop() cart;\n\n @State() cartWake: CartWake;\n @State() url: string;\n @State() config: IInfoStore;\n @State() bonus: IBonus;\n @State() showEdit: boolean = false;\n\n @State() styles = defaultStyles;\n @State() info: ReservedInfoDTO;\n\n async componentWillLoad() {\n await this.upadateCheckToFreteAndGetUrl();\n }\n\n async upadateCheckToFreteAndGetUrl() {\n\n this.cartWake = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\n\n const key = getKeyReserveByCartId(this.cartWake.id);\n try {\n const info = await getInfoBonusByCartIdAndStoreName(this.cartWake.id, this.cartWake.store.name);\n\n if (info.bonusBalance) {\n localStorage.setItem(this.cartWake.id, info.bonusBalance);\n localStorage.setItem(key, JSON.stringify({\n hasBonus: true,\n }));\n }\n\n if (info.isBonusProcessed) {\n this.startTime();\n }\n\n if(info?.metadata?.url) {\n this.url = info?.metadata?.url;\n }\n\n console.log('info', info);\n\n this.info = info;\n } catch (error) {\n localStorage.removeItem(key);\n localStorage.removeItem(this.cartWake.id);\n }\n\n this.config = getInfoCustomization(this.cartWake.store.name);\n\n if (this.config.keepStoreFrontStyle) {\n this.styles = null;\n }\n\n const envios = document.getElementsByName('forma-envio');\n envios.forEach((envio: any) => {\n envio.checked = false;\n });\n\n }\n\n handleHide() {\n const amount = localStorage.getItem(this.cartWake.id);\n return !!amount;\n }\n\n getAmount() {\n const amount = localStorage.getItem(this.cartWake.id);\n\n return amount ? Number(amount).toFixed(2).replace(\".\", \",\") || \"0,00\" : \"0,00\";\n }\n\n async backCart() {\n window.location.href = this.url;\n }\n\n\n private startTime() {\n\n if (!localStorage.getItem(\"bc:time-allow\")) {\n localStorage.removeItem(\"bc:time\")\n }\n\n setTime();\n }\n\n private buildTime() {\n if(!this.info?.metadata?.createdAt)\n return \"\";\n\n return new Date(this.info?.metadata?.createdAt).toString();\n }\n\n\n hasBonus() {\n const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartWake.id));\n\n const info = {\n hasBonus: false,\n requestBonus: false\n }\n\n if (_bonus) {\n this.bonus = JSON.parse(_bonus);\n info.hasBonus = this.bonus.hasBonus;\n info.requestBonus = true;\n }\n\n return info;\n }\n\n getTime() {\n const time = localStorage.getItem(\"bc:time\")\n\n return time ? Number(time) : 0;\n }\n\n render() {\n\n const giftbackname = this.config?.giftbackTitle || \"Giftback\";\n\n const infobonus = this.hasBonus()\n\n return (\n <div>\n <div class=\"note-container\" style={this.styles}>\n <div class=\"note-header\">\n\n <p class=\"note-title\">\n <img src={money} width={23} />\n {this.config.giftbackTitle}\n </p>\n {\n infobonus.hasBonus && (\n <div>\n {this.showEdit && (\n <p class=\"back-cart\" onClick={() => this.backCart()}>\n {i18next.t(\"edit\")}\n </p>\n )}\n {!this.showEdit && <countdown-timer dataCriacao={this.buildTime()} downtime={() => { this.showEdit = true }} />}\n </div>\n )\n }\n </div>\n\n {\n infobonus.hasBonus &&\n (\n <p class=\"note-description-2\">\n {i18next.t(\"withApplyBonus\", { giftbackname: giftbackname })} <strong>R$ {this.getAmount()}.</strong>\n </p>\n )\n }\n\n {\n (infobonus.requestBonus && !infobonus.hasBonus) &&\n (\n <p class=\"note-description-not\">\n {i18next.t(\"noBonus\", { giftbackname: giftbackname })}\n </p>\n )\n }\n\n {\n !infobonus.requestBonus &&\n (\n <div class=\"description\">\n <p class=\"note-description-not\">\n {i18next.t(\"noBonus\", { giftbackname: giftbackname })}\n </p>\n </div>\n )\n }\n </div>\n </div>\n )\n }\n}"],"version":3}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
2
|
+
|
3
|
+
interface CrmBonusTray extends Components.CrmBonusTray, HTMLElement {}
|
4
|
+
export const CrmBonusTray: {
|
5
|
+
prototype: CrmBonusTray;
|
6
|
+
new (): CrmBonusTray;
|
7
|
+
};
|
8
|
+
/**
|
9
|
+
* Used to define this component and all nested components recursively.
|
10
|
+
*/
|
11
|
+
export const defineCustomElement: () => void;
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
|
2
|
+
|
3
|
+
const crmBonusTray = /*@__PURE__*/ proxyCustomElement(class crmBonusTray extends H {
|
4
|
+
constructor() {
|
5
|
+
super();
|
6
|
+
this.__registerHost();
|
7
|
+
}
|
8
|
+
render() {
|
9
|
+
return (h("div", { key: 'b14a932e4fe5118f73c319e9fcd1c7f6ca6466fb' }, "COMPONENT BYCODER"));
|
10
|
+
}
|
11
|
+
}, [0, "crm-bonus-tray"]);
|
12
|
+
function defineCustomElement$1() {
|
13
|
+
if (typeof customElements === "undefined") {
|
14
|
+
return;
|
15
|
+
}
|
16
|
+
const components = ["crm-bonus-tray"];
|
17
|
+
components.forEach(tagName => { switch (tagName) {
|
18
|
+
case "crm-bonus-tray":
|
19
|
+
if (!customElements.get(tagName)) {
|
20
|
+
customElements.define(tagName, crmBonusTray);
|
21
|
+
}
|
22
|
+
break;
|
23
|
+
} });
|
24
|
+
}
|
25
|
+
defineCustomElement$1();
|
26
|
+
|
27
|
+
const CrmBonusTray = crmBonusTray;
|
28
|
+
const defineCustomElement = defineCustomElement$1;
|
29
|
+
|
30
|
+
export { CrmBonusTray, defineCustomElement };
|
31
|
+
|
32
|
+
//# sourceMappingURL=crm-bonus-tray.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"crm-bonus-tray.js","mappings":";;MAKa,YAAY;;;;;IAErB,MAAM;QACF,QACI,kFAA4B,EAC/B;KACJ;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/tray-ecommerce/crm-bonus-tray.tsx"],"sourcesContent":["import { Component, h } from \"@stencil/core\";\n\n@Component({\n tag: 'crm-bonus-tray'\n})\nexport class crmBonusTray {\n\n render() {\n return (\n <div>COMPONENT BYCODER</div>\n )\n }\n}"],"version":3}
|
@@ -1,18 +1,18 @@
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
|
2
|
-
import { C as CrmBonusService, U as USED_KEY } from './p-
|
2
|
+
import { C as CrmBonusService, U as USED_KEY } from './p-a428d5df.js';
|
3
3
|
import { d as defaultStyles, S as StepFormEnum } from './p-ecc51430.js';
|
4
4
|
import { i as instance } from './p-c53241bf.js';
|
5
|
-
import { g as getCart, a as getInfoBonusByCartIdAndStoreName, C as CartWake } from './p-
|
6
|
-
import { d as defineCustomElement$b } from './p-
|
7
|
-
import { d as defineCustomElement$a } from './p-
|
8
|
-
import { d as defineCustomElement$9 } from './p-
|
9
|
-
import { d as defineCustomElement$8 } from './p-
|
10
|
-
import { d as defineCustomElement$7 } from './p-
|
11
|
-
import { d as defineCustomElement$6 } from './p-
|
12
|
-
import { d as defineCustomElement$5 } from './p-
|
13
|
-
import { d as defineCustomElement$4 } from './p-
|
14
|
-
import { d as defineCustomElement$3 } from './p-
|
15
|
-
import { d as defineCustomElement$2 } from './p-
|
5
|
+
import { g as getCart, a as getInfoBonusByCartIdAndStoreName, C as CartWake } from './p-9ca28ea7.js';
|
6
|
+
import { d as defineCustomElement$b } from './p-86b95c83.js';
|
7
|
+
import { d as defineCustomElement$a } from './p-39cc3ce4.js';
|
8
|
+
import { d as defineCustomElement$9 } from './p-ec317fb9.js';
|
9
|
+
import { d as defineCustomElement$8 } from './p-a70a82a3.js';
|
10
|
+
import { d as defineCustomElement$7 } from './p-d8bd654a.js';
|
11
|
+
import { d as defineCustomElement$6 } from './p-cd108989.js';
|
12
|
+
import { d as defineCustomElement$5 } from './p-e25a1b64.js';
|
13
|
+
import { d as defineCustomElement$4 } from './p-63ca9208.js';
|
14
|
+
import { d as defineCustomElement$3 } from './p-5a7b0549.js';
|
15
|
+
import { d as defineCustomElement$2 } from './p-4ac2b98e.js';
|
16
16
|
|
17
17
|
var AjustesTipoEnum;
|
18
18
|
(function (AjustesTipoEnum) {
|
@@ -260,7 +260,7 @@ const CrmBonus$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
|
|
260
260
|
this.showModal = true;
|
261
261
|
}
|
262
262
|
render() {
|
263
|
-
return (h("loading-container", { key: '
|
263
|
+
return (h("loading-container", { key: '8a8c5fe7b3e0b44b964d293fe7d645949b132d4f', loading: this.loading_reprocess }, h("crm-giftback-form", { key: '80d297d2b957e49f34fadc974f57e7746cf8202c', customStyles: this.styles, style: { position: "relative" }, ref: ref => this.crmBonusRef = ref, storeName: this.cartWake.store.name, products: this.buildProducts(), cartId: this.cartWake.id, customer: this.customer, loadProducts: () => this.buildProducts(), loadAll: () => this.handleLoad(), reservedInfo: this.reservedInfo })));
|
264
264
|
}
|
265
265
|
static get assetsDirs() { return ["assets"]; }
|
266
266
|
static get style() { return CrmBonusStyle0; }
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { G as GiftbackProgress$1, d as defineCustomElement$1 } from './p-
|
1
|
+
import { G as GiftbackProgress$1, d as defineCustomElement$1 } from './p-c4788672.js';
|
2
2
|
|
3
3
|
const GiftbackProgress = GiftbackProgress$1;
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { L as LoadingContainer$1, d as defineCustomElement$1 } from './p-
|
1
|
+
import { L as LoadingContainer$1, d as defineCustomElement$1 } from './p-cd108989.js';
|
2
2
|
|
3
3
|
const LoadingContainer = LoadingContainer$1;
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
|
2
|
-
import { d as defineCustomElement$1 } from './p-
|
2
|
+
import { d as defineCustomElement$1 } from './p-e25a1b64.js';
|
3
3
|
|
4
4
|
const crmButtonCss = "input,button{margin:0;padding:10px;}.crm-contaner-button{height:auto;width:auto}.crm-button{height:48px;width:100%;border:1px solid #000;padding:14px 20px;background-color:#000;color:#fff;line-height:20px;font-weight:500;cursor:pointer}";
|
5
5
|
const CrmButtonStyle0 = crmButtonCss;
|
@@ -43,4 +43,4 @@ defineCustomElement();
|
|
43
43
|
|
44
44
|
export { Button as B, defineCustomElement as d };
|
45
45
|
|
46
|
-
//# sourceMappingURL=p-
|
46
|
+
//# sourceMappingURL=p-39cc3ce4.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-39cc3ce4.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,8OAA8O,CAAC;AACpQ,wBAAe,YAAY;;MCKd,MAAM;;;;;;;;IAOf,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,qBAAqB,IAC5B,+DAAQ,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAEpD,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEzE,CACP,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button/crm-button.css?tag=crm-button","src/components/button/index.tsx"],"sourcesContent":["input, button {\n margin: 0;\n padding: 10px; /* Ajuste o valor conforme necessário */\n}\n\n.crm-contaner-button {\n height: auto;\n width: auto;\n}\n\n.crm-button {\n height: 48px;\n width: 100%;\n border: 1px solid #000;\n padding: 14px 20px;\n background-color: #000;\n color: #fff;\n /* font-size: 14px; */\n line-height: 20px;\n font-weight: 500;\n cursor: pointer;\n}","import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'crm-button',\n styleUrl: 'crm-button.css'\n})\nexport class Button {\n\n @Prop() txtBtn: string;\n @Prop() loading: boolean;\n\n @Prop() handleClick: () => void;\n\n render() {\n return (\n <div class=\"crm-contaner-button\">\n <button class=\"crm-button\" onClick={() => this.handleClick()}>\n {\n !this.loading ? this.txtBtn : <loading-spinner size=\"15px\" color=\"#fff\" />\n }\n </button>\n </div>\n )\n }\n}"],"version":3}
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
|
2
2
|
import { i as instance } from './p-c53241bf.js';
|
3
|
-
import { d as defineCustomElement$3 } from './p-
|
4
|
-
import { d as defineCustomElement$2 } from './p-
|
5
|
-
import { d as defineCustomElement$1 } from './p-
|
3
|
+
import { d as defineCustomElement$3 } from './p-86b95c83.js';
|
4
|
+
import { d as defineCustomElement$2 } from './p-39cc3ce4.js';
|
5
|
+
import { d as defineCustomElement$1 } from './p-e25a1b64.js';
|
6
6
|
|
7
7
|
const pinFormCss = ":host{display:block}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}.pin-container input{width:100%;height:48px;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;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;cursor:pointer}.crm-description{width:100%;display:flex;gap:9px;flex-wrap:wrap}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";
|
8
8
|
const PinFormStyle0 = pinFormCss;
|
@@ -41,6 +41,7 @@ const GiftbackPin = /*@__PURE__*/ proxyCustomElement(class GiftbackPin extends H
|
|
41
41
|
this.pin = [...this.pin];
|
42
42
|
}
|
43
43
|
validatePin() {
|
44
|
+
localStorage.removeItem("bc:resend");
|
44
45
|
this.validate(this.pin.join(""));
|
45
46
|
}
|
46
47
|
verifyPin() {
|
@@ -50,16 +51,28 @@ const GiftbackPin = /*@__PURE__*/ proxyCustomElement(class GiftbackPin extends H
|
|
50
51
|
}
|
51
52
|
}
|
52
53
|
handleTimeout() {
|
54
|
+
localStorage.removeItem("bc:resend");
|
53
55
|
this.canResend = true;
|
54
56
|
}
|
55
57
|
async handleResend() {
|
56
58
|
await this.resend();
|
57
59
|
this.canResend = false;
|
58
60
|
this.pin = ['', '', '', ''];
|
61
|
+
localStorage.removeItem("bc:resend");
|
62
|
+
}
|
63
|
+
buildTime() {
|
64
|
+
const resendDate = localStorage.getItem("bc:resend");
|
65
|
+
if (resendDate) {
|
66
|
+
return resendDate;
|
67
|
+
}
|
68
|
+
const date = new Date();
|
69
|
+
date.setSeconds(date.getSeconds() + 30);
|
70
|
+
localStorage.setItem("bc:resend", date.toString());
|
71
|
+
return date.toString();
|
59
72
|
}
|
60
73
|
render() {
|
61
74
|
var _a;
|
62
|
-
return (h("div", { key: '
|
75
|
+
return (h("div", { key: '190042377a7f0e1837bf3680e7447b819fe62ddb', class: "crm-phone-form" }, h("label", { key: '6e4deaad2d2b0d840bdae8b00d33e27e21e61f2c', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: 'cb8942dd64dfa53f3d4d0b4f8005b683cf7e0414' }, "+55 ", this.phone)), h("div", { key: 'af31bb510091bc25346ede3cd4084c5e51648917', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) })))), h("slot", { key: 'cbb6201f65b6a30e897697d11eb28cb4f90f580d' }), h("p", { key: '2ee78c98d57a66ef1f50c4f5ae0c7967f322a9d5', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: 'd3699dd40e2c1a3ba25c2af5f47965e1a8b00b4c' }, " Reenviar em", h("countdown-timer", { key: '0f8c0f6881aa4a45266eb8c873920a95fbd888fd', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '5bb4dfb686db4ef67e5fb49140f7c4e0a4c26b9a' }, h("a", { key: 'fae2ffb3f1b2c618316471a198a8492df04ab07e', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: '8ad3ce7f8a29398f7c5b4f2ff5373e48ede49070', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '367ddb80c24e0282db737dfac6621b8091bcb67e', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
|
63
76
|
}
|
64
77
|
static get style() { return PinFormStyle0 + PinFormStyle1; }
|
65
78
|
}, [1, "pin-form", {
|
@@ -106,4 +119,4 @@ defineCustomElement();
|
|
106
119
|
|
107
120
|
export { GiftbackPin as G, defineCustomElement as d };
|
108
121
|
|
109
|
-
//# sourceMappingURL=p-
|
122
|
+
//# sourceMappingURL=p-4ac2b98e.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"p-4ac2b98e.js","mappings":"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","names":["i18next"],"sources":["src/components/giftback-form/subcomponents/pin-form/pin-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/giftback-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/subcomponents/pin-form/pin-form.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\n.form-container-pin {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.pin-container {\n display: flex;\n /* margin: 26px 0; */\n justify-content: start;\n gap: 10px;\n}\n\n.pin-container input {\n width: 100%;\n height: 48px;\n /* font-size: 14px; */\n text-align: center;\n border: 1px solid #ccc;\n border-radius: 5px;\n}\n\nbutton {\n padding: 10px 20px;\n background-color: #ddd;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\n\n.success {\n color: green;\n margin-top: 10px;\n}\n\n.button {\n top: 50%;\n background-color: #6c6c7e;\n color: #fff;\n border: none;\n border-radius: 10px;\n padding: 15px;\n min-height: 30px;\n min-width: 120px;\n /* font-size: 20px; */\n cursor: pointer;\n}\n\n.button-cancel {\n top: 50%;\n background-color: #ffffff;\n color: #1e1c1c;\n border: 1px solid gray;\n border-radius: 10px;\n padding: 10px;\n min-height: 30px;\n min-width: 120px;\n /* font-size: 19px; */\n cursor: pointer;\n}\n\n.crm-description {\n /* font-size: 14px; */\n width: 100%;\n display: flex;\n gap: 9px;\n flex-wrap: wrap;\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-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 font-size: .875rem;\n line-height: 1.25rem;\n \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 localStorage.removeItem(\"bc:resend\")\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 localStorage.removeItem(\"bc:resend\")\n this.canResend = true;\n }\n\n async handleResend() {\n await this.resend();\n\n this.canResend = false;\n this.pin = ['', '', '', ''];\n localStorage.removeItem(\"bc:resend\")\n }\n\n buildTime() {\n const resendDate = localStorage.getItem(\"bc:resend\");\n\n if(resendDate) {\n return resendDate;\n }\n\n const date = new Date();\n date.setSeconds(date.getSeconds() + 30);\n localStorage.setItem(\"bc:resend\", date.toString());\n\n return date.toString();\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 \n <countdown-timer minutos={0} segundos={30} dataCriacao={this.buildTime()} 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"],"version":3}
|
@@ -49,7 +49,7 @@ const PhoneInputMask = /*@__PURE__*/ proxyCustomElement(class PhoneInputMask ext
|
|
49
49
|
return this.phone;
|
50
50
|
}
|
51
51
|
render() {
|
52
|
-
return (h("div", { key: '
|
52
|
+
return (h("div", { key: '44d9a3f88829cdf269da2ea029ca81197a9ca31e' }, h("input", { key: '4af46e5c7eb38f108f3a3b58937b3b5560a0757d', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(99) 99999 9999" }), h("p", { key: '5058284a0a7bda9e750cbf4e1134fdc47c7de83e', class: "crm-erro-msg" }, this.message)));
|
53
53
|
}
|
54
54
|
static get style() { return PhoneInputMaskStyle0; }
|
55
55
|
}, [1, "phone-input-mask", {
|
@@ -76,4 +76,4 @@ defineCustomElement();
|
|
76
76
|
|
77
77
|
export { PhoneInputMask as P, defineCustomElement as d };
|
78
78
|
|
79
|
-
//# sourceMappingURL=p-
|
79
|
+
//# sourceMappingURL=p-5a7b0549.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-5a7b0549.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,ssBAAssB,CAAC;AACjuB,6BAAe,iBAAiB;;MCOnB,cAAc;;;;;qBACE,EAAE;uBACA,EAAE;;;;IAK7B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAEO,WAAW,CAAC,KAAa;QAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAE7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;KACrC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACvC,IAAI,CAAC,OAAO,GAAG,4BAA4B,CAAA;SAC9C;aAAM;YACH,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;SACpB;QAED,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;KACnC;IAED,mBAAmB,CAAC,KAAa;QAC7B,IAAG,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE;YAClB,OAAO,IAAI,CAAA;SACd;QACD,MAAM,UAAU,GAAG,yBAAyB,CAAC;QAC7C,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjC;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,8DACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACF,0DAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,EAER;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":["* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\n.phone {\n display: block;\n width: 100%;\n height: 24px;\n padding: 6px 12px;\n /* font-size: 14px; */\n line-height: 1.42857143;\n color: #555;\n background-color: #fff;\n background-image: none;\n border: 1px solid #ccc;\n border-radius: 0px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n\n.phone-input-form {\n width: 100%;\n height: 48px;\n padding: 13px 16px 13px 16px;\n border: 1px solid #CCCCCC;\n /* font-size: 14px; */\n}\n\n.crm-erro-msg {\n color: #E11D48;\n /* font-size: 12px; */\n font-weight: 500;\n margin-top: 11px;\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\nimport { MESSAGE_ERROR_INVALID_NUMBER } from '../../contants';\n\n@Component({\n tag: 'phone-input-mask',\n styleUrl: 'phone-input-mask.css',\n shadow: true,\n})\nexport class PhoneInputMask {\n @State() phone: string = '';\n @State() message: string = \"\";\n\n @Prop() initialValue: string;\n @Prop() disabled: boolean;\n\n componentWillLoad() {\n this.phone = this.initialValue;\n }\n\n private formatPhone(value: string): string {\n\n const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n\n if (!match) return value;\n\n const part1 = match[1] ? `(${match[1]}` : '';\n const part2 = match[2] ? `) ${match[2]}` : '';\n const part3 = match[3] ? ` ${match[3]}` : '';\n\n return `${part1}${part2}${part3}`;\n }\n\n private handleInput(event: Event): void {\n const input = event.target as HTMLInputElement;\n this.phone = this.formatPhone(input.value);\n\n if(!this.validatePhoneNumber(input.value)) {\n this.message = MESSAGE_ERROR_INVALID_NUMBER\n } else {\n this.message = \"\"\n }\n\n console.log('phone', this.phone)\n }\n\n validatePhoneNumber(phone: string): boolean {\n if(phone.length < 15) {\n return true\n }\n const phoneRegex = /^\\(\\d{2}\\) \\d{5} \\d{4}$/; // Valida formato (99) 99999-9999\n return phoneRegex.test(phone);\n }\n\n @Method()\n public async getPhone() {\n return this.phone;\n }\n\n render() {\n return (\n <div>\n <input\n disabled={this.disabled}\n id=\"phone\"\n type=\"text\"\n class=\"phone-input-form\"\n value={this.phone}\n onInput={(event) => this.handleInput(event)}\n placeholder=\"(99) 99999 9999\"\n />\n <p class=\"crm-erro-msg\">{this.message}</p>\n </div>\n\n );\n }\n}\n"],"version":3}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { p as proxyCustomElement, H, h, d as Host } from './p-9d950d25.js';
|
2
|
-
import { d as defineCustomElement$3 } from './p-
|
3
|
-
import { d as defineCustomElement$2 } from './p-
|
4
|
-
import { d as defineCustomElement$1 } from './p-
|
2
|
+
import { d as defineCustomElement$3 } from './p-39cc3ce4.js';
|
3
|
+
import { d as defineCustomElement$2 } from './p-e25a1b64.js';
|
4
|
+
import { d as defineCustomElement$1 } from './p-5a7b0549.js';
|
5
5
|
|
6
6
|
const giftbackFormCss = "*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{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:.875rem;line-height:1.25rem}.crm-title{font-weight:700;line-height:20px;color:#262626;}.crm-message-info{color:#619013;font-weight:500;}.crm-message-error{color:#E11D48;font-weight:500;}";
|
7
7
|
const PhoneFormStyle0 = giftbackFormCss;
|
@@ -21,7 +21,7 @@ const PhoneForm = /*@__PURE__*/ proxyCustomElement(class PhoneForm extends H {
|
|
21
21
|
}
|
22
22
|
render() {
|
23
23
|
var _a;
|
24
|
-
return (h(Host, { key: '
|
24
|
+
return (h(Host, { key: '05b900838ae89b5ad7f3cc52aca24253636c19ef', class: "crm-phone-form" }, h("p", { key: '03779c38d3762c0d3a6b1f810086a5ece9b69614', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), h("phone-input-mask", { key: 'a3e1ec8445208627d6eb977dcf3fda068e3f7e1c', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '9148871287f30ff91aac845428f564ad79118bd7', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
|
25
25
|
}
|
26
26
|
static get style() { return PhoneFormStyle0; }
|
27
27
|
}, [0, "phone-form", {
|
@@ -62,4 +62,4 @@ defineCustomElement();
|
|
62
62
|
|
63
63
|
export { PhoneForm as P, defineCustomElement as d };
|
64
64
|
|
65
|
-
//# sourceMappingURL=p-
|
65
|
+
//# sourceMappingURL=p-63ca9208.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-63ca9208.js","mappings":";;;;;AAAA,MAAM,eAAe,GAAG,k3BAAk3B,CAAC;AAC34B,wBAAe,eAAe;;MCOjB,SAAS;;;;;;;;;IAWlB,MAAM,WAAW;QAEb,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAA;QAElD,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KACnC;IAGD,MAAM;;QACF,QACI,EAAC,IAAI,qDAAC,KAAK,EAAC,gBAAgB,IACxB,0DAAG,KAAK,EAAC,cAAc,4FAAiF,EACxG,yEAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI,EAErF,mEAAY,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,kBAAkB,KAAI,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,GAAK,CAChI,EACV;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/giftback-form/giftback-form.css?tag=phone-form","src/components/giftback-form/subcomponents/phone-form/phone-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-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 font-size: .875rem;\n line-height: 1.25rem;\n \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 shadow: false\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 <p class=\"crm-subtitle\" >Digite o seu celular para verificar se há desconto disponível nessa compra:</p>\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}"],"version":3}
|
@@ -0,0 +1,74 @@
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
|
2
|
+
|
3
|
+
const CountdownTimer = /*@__PURE__*/ proxyCustomElement(class CountdownTimer extends H {
|
4
|
+
constructor() {
|
5
|
+
super();
|
6
|
+
this.__registerHost();
|
7
|
+
this.downtime = undefined;
|
8
|
+
this.dataCriacao = undefined;
|
9
|
+
this.minutos = 6;
|
10
|
+
this.segundos = 60;
|
11
|
+
this.tempoRestante = undefined;
|
12
|
+
}
|
13
|
+
componentWillLoad() {
|
14
|
+
const tempoTotal = this.minutos * this.segundos * 1000;
|
15
|
+
const data = new Date(this.dataCriacao);
|
16
|
+
const agora = new Date();
|
17
|
+
const tempoPassado = agora.getTime() - data.getTime();
|
18
|
+
if (tempoPassado >= tempoTotal) {
|
19
|
+
this.tempoRestante = 0;
|
20
|
+
this.onTempoEsgotado();
|
21
|
+
}
|
22
|
+
else {
|
23
|
+
this.tempoRestante = tempoTotal - tempoPassado;
|
24
|
+
this.startCountdown();
|
25
|
+
}
|
26
|
+
}
|
27
|
+
disconnectedCallback() {
|
28
|
+
clearInterval(this.intervalId);
|
29
|
+
}
|
30
|
+
startCountdown() {
|
31
|
+
this.intervalId = setInterval(() => {
|
32
|
+
this.tempoRestante -= 1000;
|
33
|
+
if (this.tempoRestante <= 0) {
|
34
|
+
this.tempoRestante = 0;
|
35
|
+
clearInterval(this.intervalId);
|
36
|
+
this.onTempoEsgotado();
|
37
|
+
}
|
38
|
+
}, 1000);
|
39
|
+
}
|
40
|
+
onTempoEsgotado() {
|
41
|
+
console.log('Tempo esgotado! Executando ação...');
|
42
|
+
this.downtime();
|
43
|
+
}
|
44
|
+
render() {
|
45
|
+
const minutos = Math.floor(this.tempoRestante / 60000);
|
46
|
+
const segundos = Math.floor((this.tempoRestante % 60000) / 1000);
|
47
|
+
const tempoFormatado = `${String(minutos).padStart(2, '0')}:${String(segundos).padStart(2, '0')}`;
|
48
|
+
return (h("label", { key: '6190afd08b9a61e6521e5420962b095ff287ccdc' }, " ", tempoFormatado));
|
49
|
+
}
|
50
|
+
}, [0, "countdown-timer", {
|
51
|
+
"downtime": [16],
|
52
|
+
"dataCriacao": [1, "data-criacao"],
|
53
|
+
"minutos": [2],
|
54
|
+
"segundos": [2],
|
55
|
+
"tempoRestante": [32]
|
56
|
+
}]);
|
57
|
+
function defineCustomElement() {
|
58
|
+
if (typeof customElements === "undefined") {
|
59
|
+
return;
|
60
|
+
}
|
61
|
+
const components = ["countdown-timer"];
|
62
|
+
components.forEach(tagName => { switch (tagName) {
|
63
|
+
case "countdown-timer":
|
64
|
+
if (!customElements.get(tagName)) {
|
65
|
+
customElements.define(tagName, CountdownTimer);
|
66
|
+
}
|
67
|
+
break;
|
68
|
+
} });
|
69
|
+
}
|
70
|
+
defineCustomElement();
|
71
|
+
|
72
|
+
export { CountdownTimer as C, defineCustomElement as d };
|
73
|
+
|
74
|
+
//# sourceMappingURL=p-86b95c83.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"p-86b95c83.js","mappings":";;MAKa,cAAc;;;;;;uBAIG,CAAC;wBACA,EAAE;;;IAM7B,iBAAiB;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACxC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAEtD,IAAI,YAAY,IAAI,UAAU,EAAE;YAC5B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;YACvB,IAAI,CAAC,eAAe,EAAE,CAAC;SAC1B;aAAM;YACH,IAAI,CAAC,aAAa,GAAG,UAAU,GAAG,YAAY,CAAC;YAC/C,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;KACJ;IAED,oBAAoB;QAChB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAClC;IAED,cAAc;QACV,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC;YAC1B,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC;YAC3B,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,EAAE;gBACzB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;gBACvB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;aAC1B;SACJ,EAAE,IAAI,CAAC,CAAC;KACZ;IAED,eAAe;QACX,OAAO,CAAC,GAAG,CAAC,oCAAoC,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,EAAE,CAAA;KAClB;IAED,MAAM;QACF,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,CAAC;QACvD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,IAAI,IAAI,CAAC,CAAC;QACjE,MAAM,cAAc,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;QAElG,QACI,qEAAS,cAAc,CAAS,EAClC;KACL;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\n\n@Component({\n tag: 'countdown-timer',\n})\nexport class CountdownTimer {\n\n @Prop() downtime: () => void;\n @Prop() dataCriacao: string;\n @Prop() minutos: number = 6;\n @Prop() segundos: number = 60;\n\n @State() tempoRestante: number; // em milissegundos\n\n private intervalId: any;\n\n componentWillLoad() {\n const tempoTotal = this.minutos * this.segundos * 1000;\n const data = new Date(this.dataCriacao);\n const agora = new Date();\n const tempoPassado = agora.getTime() - data.getTime();\n\n if (tempoPassado >= tempoTotal) {\n this.tempoRestante = 0;\n this.onTempoEsgotado();\n } else {\n this.tempoRestante = tempoTotal - tempoPassado;\n this.startCountdown();\n }\n }\n\n disconnectedCallback() {\n clearInterval(this.intervalId);\n }\n\n startCountdown() {\n this.intervalId = setInterval(() => {\n this.tempoRestante -= 1000;\n if (this.tempoRestante <= 0) {\n this.tempoRestante = 0;\n clearInterval(this.intervalId);\n this.onTempoEsgotado();\n }\n }, 1000);\n }\n\n onTempoEsgotado() {\n console.log('Tempo esgotado! Executando ação...');\n this.downtime()\n }\n\n render() {\n const minutos = Math.floor(this.tempoRestante / 60000);\n const segundos = Math.floor((this.tempoRestante % 60000) / 1000);\n const tempoFormatado = `${String(minutos).padStart(2, '0')}:${String(segundos).padStart(2, '0')}`;\n\n return (\n <label> {tempoFormatado}</label>\n );\n }\n}\n"],"version":3}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { C as CrmBonusService, a as CHECKOUT_CART_WAKE } from './p-
|
1
|
+
import { C as CrmBonusService, a as CHECKOUT_CART_WAKE } from './p-a428d5df.js';
|
2
2
|
|
3
3
|
class CartWake {
|
4
4
|
constructor(cart) {
|
@@ -110,4 +110,4 @@ const buildUrlBase = () => {
|
|
110
110
|
|
111
111
|
export { CartWake as C, getInfoBonusByCartIdAndStoreName as a, getCart as g, persisteMetadata as p };
|
112
112
|
|
113
|
-
//# sourceMappingURL=p-
|
113
|
+
//# sourceMappingURL=p-9ca28ea7.js.map
|