crmbonus-component-wake 2.0.51 → 2.0.52

package/dist/components/crm-bonus-form.js

@@ -0,0 +1,165 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-2f266d73.js';
+import { C as CrmBonusService } from './p-dd6f6ab7.js';
+import { S as StepFormEnum } from './p-a561251a.js';
+import { d as defineCustomElement$6 } from './p-f5fcff75.js';
+import { d as defineCustomElement$5 } from './p-4f18f4c0.js';
+import { d as defineCustomElement$4 } from './p-f168d5f6.js';
+import { d as defineCustomElement$3 } from './p-5c3fe5a8.js';
+import { d as defineCustomElement$2 } from './p-a30bd6b1.js';
+
+const crmBonusFormCss = ".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 CrmBonusFormStyle0 = crmBonusFormCss;
+
+const CrmBonusForm$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusForm extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.crmBonusService = CrmBonusService.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 = StepFormEnum.STEP_NAME;
+        this.message = undefined;
+        this.bonus = undefined;
+    }
+    async setStep(step) {
+        this.step = step;
+    }
+    async validateBonus(pin) {
+        var _a, _b;
+        this.loading = true;
+        this.message = "";
+        const payload = {
+            pin: pin,
+            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(payload);
+            this.step = StepFormEnum.STEP_RESERVE;
+        }
+        catch (error) {
+            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;
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async reserveApply(amount) {
+        this.loading = true;
+        this.message = "";
+        try {
+            await this.reserve(amount);
+            this.step = StepFormEnum.STEP_APPLY;
+            this.saveStore(amount);
+        }
+        catch (error) {
+            this.message = "ocorreu um error ao solicitar a aplicação do bonus! tente novamente";
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async reserve(amount) {
+        await this.crmBonusService.reserve({
+            redeemedBonus: amount,
+            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 = StepFormEnum.STEP_PHONE;
+        this.cancel();
+    }
+    render() {
+        return (h(Host, { key: '56bef07243aafe1abb78fdfd38922801b84c269b' }, this.step == StepFormEnum.STEP_NAME && h("name-input", { key: '685df95ea0cd693f9a62893798464834524f5168', loading: this.loadingModal, value: this.customer.name, applyName: (name) => this.handleCustomerName(name) }), this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: 'af82b751ed04382498e25614276ac08d5cade07a', cancel: () => this.handleCancel(), sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: '1b493c06bf11bc7596d672fcec789a9f93573751', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_APPLY && h("giftback-finish", { key: '272438aa4dbc8bb1ef9fdb45d3c2cc657d41ef4a' }), h("p", { key: 'a3a0e8a1be44d65b1edd34e28956d1b34b732fef', class: "message-error" }, this.message)));
+    }
+    static get style() { return CrmBonusFormStyle0; }
+}, [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]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["crm-bonus-form", "giftback-finish", "giftback-pin", "giftback-progress", "loading-spinner", "name-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "crm-bonus-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CrmBonusForm$1);
+            }
+            break;
+        case "giftback-finish":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "giftback-pin":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "giftback-progress":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "loading-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "name-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const CrmBonusForm = CrmBonusForm$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CrmBonusForm, defineCustomElement };
+
+//# sourceMappingURL=crm-bonus-form.js.map

package/dist/components/crm-bonus-form.js.map

@@ -0,0 +1 @@
+{"file":"crm-bonus-form.js","mappings":"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","names":["CrmBonusForm"],"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}"],"version":3}

package/dist/components/crm-bonus-note.js

@@ -0,0 +1,72 @@
+import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
+import { g as getInfoCustomization } from './p-75ba7b9a.js';
+
+const moneyDollarsSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIvPg0KPHBhdGggZD0iTTE1IDkuOTQ3MjhDMTQuNSA5LjMgMTMuOCA4LjUgMTIgOC41QzEwLjIgOC41IDkgOS41MTM5MyA5IDkuOTQ3MjhDOSAxMC4zODA2IDkuMDY3ODYgMTAuOTI3NyAxMCAxMS41QzEwLjc1MjIgMTEuOTYxOCAxMi42Njg0IDEyLjA0MzkgMTMuNSAxMi41QzE0LjY3OSAxMy4xNDY3IDE0Ljg0OTcgMTMuODIwMiAxNC44NDk3IDE0LjA1MjJDMTQuODQ5NyAxNC42ODM3IDEzLjQxNzUgMTUuNDg1MiAxMiAxNS41QzEwLjUzNiAxNS41MTUzIDkuNSAxNC43IDkgMTQuMDUyMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTEyIDdWMTciIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+';
+
+const crmBonusNoteCss = ".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}.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)}";
+const CrmBonusNoteStyle0 = crmBonusNoteCss;
+
+const CrmBonusNote$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusNote extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.cartId = undefined;
+        this.storename = undefined;
+        this.url = undefined;
+        this.config = undefined;
+    }
+    componentWillLoad() {
+        this.upadateCheckToFreteAndGetUrl();
+    }
+    upadateCheckToFreteAndGetUrl() {
+        this.config = getInfoCustomization(this.storename);
+        console.log('this.config', this.config);
+        const envios = document.getElementsByName('forma-envio');
+        console.log('envios', envios.length);
+        envios.forEach((envio) => {
+            envio.checked = false;
+        });
+        this.url = window.location.origin;
+    }
+    handleHide() {
+        const amount = localStorage.getItem(this.cartId);
+        return !!amount;
+    }
+    getAmount() {
+        console.log("this.cartId", this.cartId);
+        const amount = localStorage.getItem(this.cartId);
+        return Number(amount).toFixed(2).replace(".", ",") || "0,00";
+    }
+    render() {
+        return (h("div", { key: '4996a99825bb06e75efbd57fc79e130ebcb8a587' }, h("div", { key: 'b8b3b10441580cfd0bb6376ca4f0172dad49d418', class: "note-container" }, h("div", { key: '77dfb07e5aaaa186f0f841d83d0c39f0bfda61da', class: "note-header" }, h("p", { key: '2aa33670787826779af793835d5324cae29fd37b', class: "note-title" }, h("img", { key: 'f019843e36291049e4aca9146fd1b1a95a7d8cac', src: moneyDollarsSvgrepoComSvg, width: 23 }), this.config.giftbackTitle), this.handleHide() && (h("a", { key: '34b05fdd4cef623227d63a93e41a84566452de7c', class: "back-cart", href: this.url }, "Editar"))), h("hr", { key: '477840ea440db0659eb462ac0e6d1633c41015f5' }), this.handleHide() &&
+            (h("p", { key: '26cb21c8f3eb7aca6b99fe08d197b180c4dd1c05', class: "note-description-2" }, this.config.giftbackTitle || "Giftback", " aplicado ao pedido: ", h("strong", { key: '3269c80c593282a306ad2a5fc7dc24476e9ddb91' }, "R$ ", this.getAmount()))), !this.handleHide() &&
+            (h("p", { key: '268698552db89d22c452cb487c3a99257204fccb', class: "note-description-2" }, "N\u00E3o h\u00E1 ", this.config.giftbackTitle || "Giftback", " dispon\u00EDvel para essa compra")))));
+    }
+    static get style() { return CrmBonusNoteStyle0; }
+}, [0, "crm-bonus-note", {
+        "cartId": [8, "cartid"],
+        "storename": [8],
+        "url": [32],
+        "config": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["crm-bonus-note"];
+    components.forEach(tagName => { switch (tagName) {
+        case "crm-bonus-note":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CrmBonusNote$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const CrmBonusNote = CrmBonusNote$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CrmBonusNote, defineCustomElement };
+
+//# sourceMappingURL=crm-bonus-note.js.map

package/dist/components/crm-bonus-note.js.map

@@ -0,0 +1 @@
+{"file":"crm-bonus-note.js","mappings":";;;AAAA,MAAM,yBAAyB,GAAG,ghCAAghC;;ACAljC,MAAM,eAAe,GAAG,8yBAA8yB,CAAC;AACv0B,2BAAe,eAAe;;MCQjBA,cAAY;;;;;;;;;IAQrB,iBAAiB;QACb,IAAI,CAAC,4BAA4B,EAAE,CAAA;KACtC;IAED,4BAA4B;QAExB,IAAI,CAAC,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEnD,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAExC,MAAM,MAAM,GAAG,QAAQ,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;QAEzD,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;QAErC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAU;YACtB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;SACzB,CAAC,CAAC;QAEH,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;KACrC;IAED,UAAU;QACN,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjD,OAAO,CAAC,CAAC,MAAM,CAAC;KACnB;IAED,SAAS;QACL,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;QACvC,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAEjD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,MAAM,CAAA;KAC/D;IAED,MAAM;QAEF,QACI,8DACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,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,EAGA,IAAI,CAAC,UAAU,EAAE,KACb,0DAAG,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,aAE/B,CACP,CAGH,EAEN,4DAAM,EAEF,IAAI,CAAC,UAAU,EAAE;aAEb,0DAAG,KAAK,EAAC,oBAAoB,IACxB,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,UAAU,2BAAsB,wEAAY,IAAI,CAAC,SAAS,EAAE,CAAU,CACpG,CACP,EAID,CAAC,IAAI,CAAC,UAAU,EAAE;aAEd,0DAAG,KAAK,EAAC,oBAAoB,yBACjB,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,UAAU,sCAC/C,CACP,CAOH,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CrmBonusNote","money"],"sources":["src/assets/svg/money-dollars-svgrepo-com.svg","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 -->\r\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#000000\" stroke-width=\"2\"/>\r\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\"/>\r\n<path d=\"M12 7V17\" stroke=\"#000000\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>",".note-container {\n    border: 1px solid #dddddd;\n    padding: 0 15px 15px;\n    margin: 0 0 26px 0px;\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}\n\n.note-description {\n    font-family: Arial;\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\n.note-description-2 {\n    color: var(--crm-scheme-fg-main-inverse, #262626);\n    font-family: Roboto;\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}","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'\n\n@Component({\n    tag: 'crm-bonus-note',\n    styleUrl: 'crm-bonus-note.css'\n})\nexport class CrmBonusNote {\n\n    @Prop({ attribute: 'cartid' }) cartId;\n    @Prop({ attribute: \"storename\" }) storename;\n\n    @State() url: string;\n    @State() config: IInfoStore;\n\n    componentWillLoad() {\n        this.upadateCheckToFreteAndGetUrl()\n    }\n\n    upadateCheckToFreteAndGetUrl() {\n\n        this.config = getInfoCustomization(this.storename);\n\n        console.log('this.config', this.config);\n\n        const envios = document.getElementsByName('forma-envio');\n\n        console.log('envios', envios.length);\n\n        envios.forEach((envio: any) => {\n            envio.checked = false;\n        });\n\n        this.url = window.location.origin;\n    }\n\n    handleHide() {\n        const amount = localStorage.getItem(this.cartId);\n        return !!amount;\n    }\n\n    getAmount() {\n        console.log(\"this.cartId\", this.cartId)\n        const amount = localStorage.getItem(this.cartId);\n\n        return Number(amount).toFixed(2).replace(\".\", \",\") || \"0,00\"\n    }\n\n    render() {\n\n        return (\n            <div>\n                <div class=\"note-container\">\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                        {\n                            this.handleHide() && (\n                                <a class=\"back-cart\" href={this.url}>\n                                    Editar\n                                </a>\n                            )\n                        }\n\n                    </div>\n\n                    <hr />\n                    {\n                        this.handleHide() &&\n                        (\n                            <p class=\"note-description-2\">\n                                {this.config.giftbackTitle || \"Giftback\"} aplicado ao pedido: <strong>R$ {this.getAmount()}</strong>\n                            </p>\n                        )\n                    }\n\n                    {\n                        !this.handleHide() &&\n                        (\n                            <p class=\"note-description-2\">\n                                Não há {this.config.giftbackTitle || \"Giftback\"} disponível para essa compra\n                            </p>\n                        )\n                    }\n\n\n                    {/* <a class=\"back-cart\" href={this.url}>\n                        Voltar ao carrinho\n                    </a> */}\n                </div>\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/components/crm-bonus.js

@@ -0,0 +1,282 @@
+import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
+import { C as CrmBonusService } from './p-dd6f6ab7.js';
+import { S as StepFormEnum } from './p-a561251a.js';
+import { i as instance } from './p-fb505488.js';
+import { d as defineCustomElement$9 } from './p-39d680b6.js';
+import { d as defineCustomElement$8 } from './p-e4ac17bf.js';
+import { d as defineCustomElement$7 } from './p-73e75b43.js';
+import { d as defineCustomElement$6 } from './p-f579d773.js';
+import { d as defineCustomElement$5 } from './p-5c3fe5a8.js';
+import { d as defineCustomElement$4 } from './p-9f68d2a1.js';
+import { d as defineCustomElement$3 } from './p-57ec707e.js';
+import { d as defineCustomElement$2 } from './p-f4244087.js';
+
+const crmBonusCss = ".container-button{cursor:pointer;padding:5px 5px 5px 14px;}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm{margin-top:10px}.section-cart-crm p{padding:0;margin:0px 0px 0px 15px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer;margin-left:10px;height:70px}.form-container{width:97%;display:flex;justify-content:space-around}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container .btnCrm{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert{font-family:sans-serif;color:#df4d4d;margin-top:5px}";
+const CrmBonusStyle0 = crmBonusCss;
+
+console.log('i18next', instance.language);
+const CrmBonus$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.crmBonusService = CrmBonusService.getInstance();
+        this.showModal = false;
+        this.userId = undefined;
+        this.storeName = undefined;
+        this.productsInString = undefined;
+        this.cartId = undefined;
+        this.products = undefined;
+        this.customer = {
+            birthDate: "",
+            document: "",
+            name: "",
+            phone: ""
+        };
+        this.loading = false;
+        this.message = undefined;
+        this.phone = undefined;
+        this.canCancel = false;
+        this.amountCancel = undefined;
+        this.sent = undefined;
+        this.session = undefined;
+    }
+    async componentWillLoad() {
+        instance.changeLanguage(instance.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);
+            }
+            const amount = localStorage.getItem(this.cartId);
+            if (amount) {
+                this.canCancel = true;
+                this.amountCancel = amount;
+            }
+        }
+        catch (error) {
+            console.log('info customer');
+        }
+        this.buildAndGetProducts();
+    }
+    async loadSession() {
+        this.session = await this.crmBonusService.getToken(this.storeName);
+        setTimeout(() => {
+            this.loadSession();
+        }, 1500000);
+    }
+    async buildAndGetProducts() {
+        const key = `bc-products:${this.cartId}`;
+        const cache_products = localStorage.getItem(key);
+        if (!cache_products) {
+            localStorage.setItem(key, this.productsInString);
+        }
+        const productsInCart = JSON.parse(this.productsInString);
+        const products_in_cache = JSON.parse(localStorage.getItem(key));
+        const products = [];
+        for (const product_cart of productsInCart) {
+            const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId);
+            if (pro) {
+                products.push(Object.assign(Object.assign({}, product_cart), { PrecoPor: pro.PrecoPor }));
+            }
+            else {
+                products.push(product_cart);
+            }
+        }
+        this.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);
+    }
+    async sendPin(phone) {
+        var _a, _b;
+        this.loading = true;
+        this.message = "";
+        try {
+            const _phone = phone.replace(/\D/g, '');
+            this.phone = Number(_phone);
+            this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);
+            await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);
+            this.showModal = true;
+        }
+        catch (error) {
+            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;
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async sendPinName(customerName) {
+        var _a, _b;
+        this.loading = true;
+        this.message = "";
+        try {
+            this.customer.name = customerName;
+            this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);
+            await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);
+            this.showModal = true;
+        }
+        catch (error) {
+            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;
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    buildProducts() {
+        return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), productVariantId: product.ProdutoVarianteId.toString(), quantity: product.Quantidade }));
+    }
+    handleCloseModal() {
+        this.showModal = false;
+    }
+    save(amount) {
+        localStorage.setItem(this.cartId, amount.toString());
+        this.canCancel = true;
+        this.amountCancel = amount.toString();
+    }
+    async cancel() {
+        this.message = "";
+        this.loading = true;
+        try {
+            await this.crmBonusService.cancel(this.cartId);
+            this.canCancel = false;
+            localStorage.removeItem(this.cartId);
+        }
+        catch (error) {
+            this.message = "Não consegui cancelar o bônus, tente novamente!";
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async handleSendPin(phone) {
+        this.message = "";
+        if (!phone) {
+            this.message = "Informe seu telefone";
+            return;
+        }
+        this.customer.phone = phone;
+        const _phone = phone.replace(/\D/g, '');
+        this.phone = Number(_phone);
+        if (this.customer.name) {
+            return this.sendPin(phone);
+        }
+        await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);
+        this.showModal = true;
+    }
+    render() {
+        return (h("crm-giftback-form", { key: '79182d3759f4942334af4a8c0bf0da42b3752db3', storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId })
+        // <div class="section-cart-crm">
+        //   <p class="text-left fbits-responsive-carrinho-desconto-texto">Giftback</p>
+        //   <div class="container-button">
+        //     {/* <img src={logo} onClick={() => (this.showModal = true)} /> */}
+        //     {
+        //       this.canCancel ? <phone-cancel-input value={this.amountCancel} sendPin={() => { this.cancel() }} loading={this.loading} />
+        //         : <phone-input value={this.customer.phone} sendPin={(phone) => { this.handleSendPin(phone) }} loading={this.loading} />
+        //     }
+        //   </div>
+        //   <p class="message-alert" >{this.message}</p>
+        //   <app-modal
+        //     isOpen={this.showModal}
+        //     modalTitle={`Giftback`}
+        //     onModalClosed={() => (this.showModal = false)}
+        //   >
+        //     <crm-bonus-form
+        //       loadingModal={this.loading}
+        //       saveStore={(amount: number) => this.save(amount)}
+        //       ref={ref => this.crmBonusRef = ref}
+        //       sent={this.sent}
+        //       phone={this.phone}
+        //       cancel={() => this.handleCloseModal()}
+        //       storeName={this.storeName}
+        //       products={this.buildProducts()}
+        //       cartId={this.cartId} customer={this.customer}
+        //       handleCustomerName={(name: string) => this.sendPinName(name)}
+        //     />
+        //   </app-modal>
+        // </div>
+        );
+    }
+    static get assetsDirs() { return ["assets"]; }
+    static get style() { return CrmBonusStyle0; }
+}, [1, "crm-bonus", {
+        "userId": [2, "userid"],
+        "storeName": [8, "storename"],
+        "productsInString": [1, "products"],
+        "cartId": [8, "cartid"],
+        "showModal": [32],
+        "products": [32],
+        "customer": [32],
+        "loading": [32],
+        "message": [32],
+        "phone": [32],
+        "canCancel": [32],
+        "amountCancel": [32],
+        "sent": [32],
+        "session": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["crm-bonus", "countdown-timer", "crm-button", "crm-giftback-form", "giftback-info", "loading-spinner", "phone-form", "phone-input-mask", "pin-form"];
+    components.forEach(tagName => { switch (tagName) {
+        case "crm-bonus":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CrmBonus$1);
+            }
+            break;
+        case "countdown-timer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "crm-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "crm-giftback-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "giftback-info":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "loading-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "phone-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "phone-input-mask":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "pin-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const CrmBonus = CrmBonus$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CrmBonus, defineCustomElement };
+
+//# sourceMappingURL=crm-bonus.js.map

package/dist/components/crm-bonus.js.map

@@ -0,0 +1 @@
+{"file":"crm-bonus.js","mappings":"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","names":["i18next","CrmBonus"],"sources":["src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["\n.container-button {\n  /* max-width: 100%; */\n  cursor: pointer;\n  padding: 5px 5px 5px 14px;\n  /* display: flex; */\n}\n\n/* padding: 0 15px 15px;\nborder: 1px solid #ddd;\nmargin-bottom: 20px; */\n\n.section-crm {\n  border: 1px solid #dbd4d4;\n  /* min-height: 50px; */\n  text-align: -webkit-center;\n  margin-bottom: 20px;\n}\n\n.section-cart-crm {\n  margin-top: 10px;\n}\n\n.section-cart-crm p {\n  padding: 0;\n  margin: 0px 0px 0px 15px;\n}\n\n.button {\n  top: 50%;\n  background-color: #6c6c7e;\n  color: #fff;\n  border: none;\n  /* border-radius: 10px; */\n  padding: 15px;\n  min-height: 30px;\n  min-width: 120px;\n  font-size: 20px;\n  cursor: pointer;\n  margin-left: 10px;\n  height: 70px;\n}\n\n.form-container {\n  width: 97%;\n  display: flex;\n  justify-content: space-around;\n}\n\n\n.btn {\n  display: inline-block;\n  padding: 6px 12px;\n  margin-bottom: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.42857143;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-image: none;\n  border: 1px solid transparent;\n  border-radius: 0px;\n}\n\n.form-container .btnCrm {\n  background: #00162e;\n  border-color: #00162e;\n  width: 30%;\n  color: #fff;\n}\n\n.message-alert {\n  font-family: sans-serif;\n  color: #df4d4d;\n  margin-top: 5px;\n}","import { Component, Prop, State, h } from '@stencil/core';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\nimport { IPinSent } from '../../components';\nimport { StepFormEnum } from '../../contants';\n\nimport i18next from '../../i18n/i18n'\n\nconsole.log('i18next', i18next.language)\n\n@Component({\n  tag: 'crm-bonus',\n  styleUrl: 'crm-bonus.css',\n  shadow: true,\n  assetsDirs: ['assets']\n})\nexport class CrmBonus {\n\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n  private crmBonusRef: HTMLCrmBonusFormElement;\n\n  @State() showModal: boolean = false;\n  @Prop({ attribute: 'userid' }) userId: number;\n  @Prop({ attribute: 'storename' }) storeName;\n  @Prop({ attribute: 'products' }) productsInString: string;\n  @Prop({ attribute: 'cartid' }) cartId;\n\n  @State() products: Array<IProductWake>;\n  @State() customer: ICustomer = {\n    birthDate: \"\",\n    document: \"\",\n    name: \"\",\n    phone: \"\"\n  };\n\n  @State() loading: boolean = false;\n  @State() message: string;\n  @State() phone: number;\n  @State() canCancel: boolean = false;\n  @State() amountCancel: string;\n  @State() sent: IPinSent;\n\n  @State() session: string;\n\n  async componentWillLoad() {\n    i18next.changeLanguage(i18next.language);\n\n    await this.loadSession();\n    await this.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      }\n\n      const amount = localStorage.getItem(this.cartId);\n\n      if (amount) {\n        this.canCancel = true;\n        this.amountCancel = amount;\n      }\n\n    } catch (error) {\n      console.log('info customer')\n    }\n    \n    this.buildAndGetProducts();\n  }\n\n\n  async loadSession() {\n    this.session =  await this.crmBonusService.getToken(this.storeName);\n\n    setTimeout(() => {\n      this.loadSession()\n    }, 1500000)\n\n  }\n\n  async buildAndGetProducts() {\n    const key = `bc-products:${this.cartId}`;\n    const cache_products = localStorage.getItem(key)\n\n    if (!cache_products) {\n      localStorage.setItem(key, this.productsInString);\n    }\n\n    const productsInCart = JSON.parse(this.productsInString);\n    const products_in_cache = JSON.parse(localStorage.getItem(key));\n\n    const products: Array<IProductWake> = []\n\n    for (const product_cart of productsInCart) {\n\n      const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\n\n      if (pro) {\n        products.push({\n          ...product_cart,\n          PrecoPor: pro.PrecoPor\n        })\n      } else {\n        products.push(product_cart)\n      }\n      \n    }\n\n    this.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);\n\n  }\n\n  public async sendPin(phone: string) {\n    this.loading = true;\n    this.message = \"\";\n\n    try {\n\n      const _phone = phone.replace(/\\D/g, '');\n      this.phone = Number(_phone);\n\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  public async sendPinName(customerName: string) {\n    this.loading = true;\n    this.message = \"\";\n\n    try {\n      this.customer.name = customerName;\n\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  buildProducts(): IProduct[] {\n    return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), productVariantId: product.ProdutoVarianteId.toString(), quantity: product.Quantidade }))\n  }\n\n  handleCloseModal() {\n    this.showModal = false;\n  }\n\n  save(amount: number) {\n    localStorage.setItem(this.cartId, amount.toString());\n    this.canCancel = true;\n    this.amountCancel = amount.toString()\n  }\n\n  async cancel() {\n    this.message = \"\";\n    this.loading = true;\n    try {\n      await this.crmBonusService.cancel(this.cartId);\n      this.canCancel = false;\n\n      localStorage.removeItem(this.cartId);\n    } catch (error) {\n      this.message = \"Não consegui cancelar o bônus, tente novamente!\"\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  async handleSendPin(phone: string) {\n    this.message = \"\"\n    if (!phone) {\n      this.message = \"Informe seu telefone\";\n      return;\n    }\n\n    this.customer.phone = phone;\n    const _phone = phone.replace(/\\D/g, '');\n    this.phone = Number(_phone);\n\n    if (this.customer.name) {\n      return this.sendPin(phone)\n    }\n\n    await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);\n    this.showModal = true;\n  }\n\n  render() {\n\n    return (\n      <crm-giftback-form \n        storeName={this.storeName}\n        products={this.buildProducts()}\n        cartId={this.cartId}\n      />\n      // <div class=\"section-cart-crm\">\n      //   <p class=\"text-left fbits-responsive-carrinho-desconto-texto\">Giftback</p>\n      //   <div class=\"container-button\">\n      //     {/* <img src={logo} onClick={() => (this.showModal = true)} /> */}\n      //     {\n      //       this.canCancel ? <phone-cancel-input value={this.amountCancel} sendPin={() => { this.cancel() }} loading={this.loading} />\n      //         : <phone-input value={this.customer.phone} sendPin={(phone) => { this.handleSendPin(phone) }} loading={this.loading} />\n      //     }\n      //   </div>\n      //   <p class=\"message-alert\" >{this.message}</p>\n      //   <app-modal\n      //     isOpen={this.showModal}\n      //     modalTitle={`Giftback`}\n      //     onModalClosed={() => (this.showModal = false)}\n      //   >\n      //     <crm-bonus-form\n      //       loadingModal={this.loading}\n      //       saveStore={(amount: number) => this.save(amount)}\n      //       ref={ref => this.crmBonusRef = ref}\n      //       sent={this.sent}\n      //       phone={this.phone}\n      //       cancel={() => this.handleCloseModal()}\n      //       storeName={this.storeName}\n      //       products={this.buildProducts()}\n      //       cartId={this.cartId} customer={this.customer}\n      //       handleCustomerName={(name: string) => this.sendPinName(name)}\n      //     />\n      //   </app-modal>\n      // </div>\n    )\n  }\n}\n"],"version":3}

package/dist/components/crm-button.js

@@ -0,0 +1,8 @@
+import { B as Button, d as defineCustomElement$1 } from './p-e4ac17bf.js';
+
+const CrmButton = Button;
+const defineCustomElement = defineCustomElement$1;
+
+export { CrmButton, defineCustomElement };
+
+//# sourceMappingURL=crm-button.js.map

package/dist/components/crm-button.js.map

@@ -0,0 +1 @@
+{"file":"crm-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/crm-giftback-form.js

@@ -0,0 +1,8 @@
+import { C as CrmBonus, d as defineCustomElement$1 } from './p-73e75b43.js';
+
+const CrmGiftbackForm = CrmBonus;
+const defineCustomElement = defineCustomElement$1;
+
+export { CrmGiftbackForm, defineCustomElement };
+
+//# sourceMappingURL=crm-giftback-form.js.map

package/dist/components/crm-giftback-form.js.map

@@ -0,0 +1 @@
+{"file":"crm-giftback-form.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/giftback-finish.js

@@ -0,0 +1,8 @@
+import { G as GiftbackFinish$1, d as defineCustomElement$1 } from './p-f5fcff75.js';
+
+const GiftbackFinish = GiftbackFinish$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GiftbackFinish, defineCustomElement };
+
+//# sourceMappingURL=giftback-finish.js.map

package/dist/components/giftback-finish.js.map

@@ -0,0 +1 @@
+{"file":"giftback-finish.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/giftback-info.js

@@ -0,0 +1,8 @@
+import { G as GiftbackInfo$1, d as defineCustomElement$1 } from './p-f579d773.js';
+
+const GiftbackInfo = GiftbackInfo$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GiftbackInfo, defineCustomElement };
+
+//# sourceMappingURL=giftback-info.js.map

package/dist/components/giftback-info.js.map

@@ -0,0 +1 @@
+{"file":"giftback-info.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/giftback-pin.js

@@ -0,0 +1,8 @@
+import { G as GiftbackPin$1, d as defineCustomElement$1 } from './p-4f18f4c0.js';
+
+const GiftbackPin = GiftbackPin$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GiftbackPin, defineCustomElement };
+
+//# sourceMappingURL=giftback-pin.js.map