crmbonus-component-wake 2.0.114 → 2.0.116

package/dist/cjs/app-modal.cjs.entry.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d11684bd.js');
-
-const appModalCss = ".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:none;justify-content:center;align-items:center;z-index:1000}.modal-backdrop.visible{display:flex}.modal{background:white;border-radius:8px;padding:1rem;max-width:500px;width:90%;box-shadow:0 2px 10px rgba(0, 0, 0, 0.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;margin-bottom:1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body{}";
-const AppModalStyle0 = appModalCss;
-
-const AppModal = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.modalClosed = index.createEvent(this, "modalClosed", 7);
-        this.isOpen = false;
-        this.modalTitle = undefined;
-    }
-    closeModal() {
-        this.modalClosed.emit();
-    }
-    render() {
-        return (index.h("div", { key: '3f44609d2835224eea0668475f6851eab807cfce', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, index.h("div", { key: 'c7998d2ab6ce04ce722a52712267b0493495cb29', class: "modal" }, index.h("div", { key: 'dcc7438d690866d20972f04c6c9ad39f4f2e84da', class: "modal-header" }, index.h("h3", { key: '0257c585eeec3daf72b7b371b557ae699891dba9' }, this.modalTitle), index.h("button", { key: 'e0b4f89907a4da774c021bcc3797f5b2fb1f0c0e', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), index.h("div", { key: 'e9efd84c1fd89da8b9df15970b71beae66ea6fb8', class: "modal-body" }, index.h("slot", { key: '6e3371866a4a2adf86a04e30e7a1ed843e7492fb' })))));
-    }
-};
-AppModal.style = AppModalStyle0;
-
-exports.app_modal = AppModal;
-
-//# sourceMappingURL=app-modal.cjs.entry.js.map

package/dist/cjs/app-modal.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"app-modal.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,+hBAA+hB,CAAC;AACpjB,uBAAe,WAAW;;MCMb,QAAQ;;;;sBAG0B,KAAK;;;IAQxC,UAAU;QACd,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KAC3B;IAED,MAAM;QACF,QACIA,kEAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,IACxDA,kEAAK,KAAK,EAAC,OAAO,IACdA,kEAAK,KAAK,EAAC,cAAc,IACrBA,mEAAK,IAAI,CAAC,UAAU,CAAM,EAC1BA,qEAAQ,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,aAEpD,CACP,EACNA,kEAAK,KAAK,EAAC,YAAY,IACnBA,oEAAQ,CACN,CACJ,CACJ,EACT;KACJ;;;;;;","names":["h"],"sources":["src/components/modal/app-modal.css?tag=app-modal&encapsulation=shadow","src/components/modal/app-modal.tsx"],"sourcesContent":[".modal-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: none;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n  }\n  \n  .modal-backdrop.visible {\n    display: flex;\n  }\n  \n  .modal {\n    background: white;\n    border-radius: 8px;\n    padding: 1rem;\n    max-width: 500px;\n    width: 90%;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n  }\n  \n  .modal-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: 1px solid #ddd;\n    margin-bottom: 1rem;\n  }\n  \n  .close-button {\n    background: none;\n    border: none;\n    font-size: 1.5rem;\n    cursor: pointer;\n  }\n  \n  .modal-body {\n    /* padding: 1rem 0; */\n  }\n  ","import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'app-modal',\n    styleUrl: 'app-modal.css',\n    shadow: true,\n})\nexport class AppModal {\n\n    // Controle da visibilidade do modal\n    @Prop({ reflect: true }) isOpen: boolean = false;\n\n    // Título do modal\n    @Prop() modalTitle: string;\n\n    // Evento emitido ao fechar o modal\n    @Event() modalClosed: EventEmitter<void>;\n\n    private closeModal() {\n        this.modalClosed.emit();\n    }\n\n    render() {\n        return (\n            <div class={`modal-backdrop ${this.isOpen ? 'visible' : ''}`}>\n                <div class=\"modal\">\n                    <div class=\"modal-header\">\n                        <h3>{this.modalTitle}</h3>\n                        <button class=\"close-button\" onClick={() => this.closeModal()}>\n                            ×\n                        </button>\n                    </div>\n                    <div class=\"modal-body\">\n                        <slot />\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/cjs/countdown-timer_2.cjs.entry.js

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d11684bd.js');
-
-const CountdownTimer = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.downtime = undefined;
-        this.initialValue = 0;
-        this.seconds = 0;
-    }
-    componentWillLoad() {
-        const initial = localStorage.getItem("bc:time");
-        this.seconds = initial ? Number(initial) : this.initialValue;
-        this.intervalId = setInterval(() => {
-            if (this.seconds > 0) {
-                this.seconds--;
-                localStorage.setItem("bc:time", this.seconds.toString());
-            }
-            else {
-                clearInterval(this.intervalId);
-                this.downtime();
-                localStorage.removeItem("bc:time");
-            }
-        }, 1000); // Intervalo de 1 segundo
-    }
-    disconnectedCallback() {
-        clearInterval(this.intervalId);
-    }
-    padLeft() {
-        const minutes = this.seconds / 60;
-        const seconds = this.seconds % 60;
-        if (minutes < 1)
-            return `${seconds}s`;
-        return `${parseInt(minutes.toString())}m ${seconds}s`;
-    }
-    render() {
-        return (index.h("label", { key: '6fe8811ce04f0f95d31404c2257124f454ab3cfa' }, this.padLeft()));
-    }
-};
-
-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;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}";
-const CrmButtonStyle0 = crmButtonCss;
-
-const Button = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.txtBtn = undefined;
-        this.loading = undefined;
-        this.handleClick = undefined;
-    }
-    render() {
-        return (index.h("div", { key: '848df9f754a114343163eae85d34a2acb6b04863', class: "crm-contaner-button" }, index.h("button", { key: '517b761b39ced2615dd04fc42d5aaa98a7d749f6', class: "crm-button", onClick: () => this.handleClick() }, !this.loading ? this.txtBtn : index.h("loading-spinner", { size: "15px", color: "#fff" }))));
-    }
-};
-Button.style = CrmButtonStyle0;
-
-exports.countdown_timer = CountdownTimer;
-exports.crm_button = Button;
-
-//# sourceMappingURL=countdown-timer_2.cjs.entry.js.map

package/dist/cjs/countdown-timer_2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"countdown-timer.crm-button.entry.cjs.js","mappings":";;;;;;MAMa,cAAc;;;;4BAGQ,CAAC;uBAEL,CAAC;;IAI5B,iBAAiB;QACb,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAEhD,IAAI,CAAC,OAAO,GAAI,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;QAE9D,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC;YAC1B,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE;gBAClB,IAAI,CAAC,OAAO,EAAE,CAAC;gBAEf,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;aAC5D;iBAAM;gBACH,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAE/B,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAEhB,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;aACtC;SACJ,EAAE,IAAI,CAAC,CAAC;KACZ;IAED,oBAAoB;QAChB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAClC;IAED,OAAO;QACH,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAElC,IAAG,OAAO,GAAG,CAAC;YAAE,OAAO,GAAG,OAAO,GAAG,CAAA;QAEpC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,OAAO,GAAG,CAAA;KACxD;IAED,MAAM;QACF,QACIA,sEAAQ,IAAI,CAAC,OAAO,EAAE,CAAS,EACjC;KACL;;;ACpDL,MAAM,YAAY,GAAG,6PAA6P,CAAC;AACnR,wBAAe,YAAY;;MCKd,MAAM;;;;;;;IAOf,MAAM;QACF,QACIA,kEAAK,KAAK,EAAC,qBAAqB,IAC5BA,qEAAQ,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAEpD,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,GAAGA,6BAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEzE,CACP,EACT;KACJ;;;;;;;","names":["h"],"sources":["src/components/countdown-timer/countdown-timer.tsx","src/components/button/crm-button.css?tag=crm-button","src/components/button/index.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'countdown-timer',\n    shadow: true,\n})\nexport class CountdownTimer {\n\n    @Prop() downtime: () => void;\n    @Prop() initialValue: number = 0;\n\n    @State() seconds: number = 0;\n\n    private intervalId: NodeJS.Timer;\n\n    componentWillLoad() {\n        const initial = localStorage.getItem(\"bc:time\");\n\n        this.seconds =  initial ? Number(initial) : this.initialValue;\n        \n        this.intervalId = setInterval(() => {\n            if (this.seconds > 0) {\n                this.seconds--;\n\n                localStorage.setItem(\"bc:time\", this.seconds.toString());\n            } else {\n                clearInterval(this.intervalId);\n\n                this.downtime();\n\n                localStorage.removeItem(\"bc:time\");\n            }\n        }, 1000); // Intervalo de 1 segundo\n    }\n\n    disconnectedCallback() {\n        clearInterval(this.intervalId);\n    }\n\n    padLeft() {\n        const minutes = this.seconds / 60;  \n        const seconds = this.seconds % 60;\n\n        if(minutes < 1) return `${seconds}s`\n        \n        return `${parseInt(minutes.toString())}m ${seconds}s`\n    }\n\n    render() {\n        return (\n            <label>{this.padLeft()}</label>\n        );\n    }\n}\n","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}

package/dist/cjs/crm-bonus-form.cjs.entry.js

@@ -1,104 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d11684bd.js');
-const crmbonus_service = require('./crmbonus.service-b31b7396.js');
-const index$1 = require('./index-6054ed44.js');
-require('./keys.storage-de7744aa.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 = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.crmBonusService = crmbonus_service.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 = index$1.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: parseInt(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 = index$1.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 = index$1.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 = index$1.StepFormEnum.STEP_PHONE;
-        this.cancel();
-    }
-    render() {
-        return (index.h(index.Host, { key: '2d736cd603436521bf15f0ef8eaf0670ad9f6a42' }, this.step == index$1.StepFormEnum.STEP_NAME && index.h("name-input", { key: 'bfa12463c1f29bb65814368790f201dcab869dd9', loading: this.loadingModal, value: this.customer.name, applyName: (name) => this.handleCustomerName(name) }), this.step === index$1.StepFormEnum.STEP_PIN && index.h("giftback-pin", { key: '3fdf1c285b5d777289b42fcfbcf80dfc92579f29', cancel: () => this.handleCancel(), sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === index$1.StepFormEnum.STEP_RESERVE && index.h("giftback-progress", { key: 'f06df8cab7361a51d1b89b4f0f0a1a8ceb7a7e30', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === index$1.StepFormEnum.STEP_APPLY && index.h("giftback-finish", { key: 'eaacf1438652b04cfd607e5bac81dffbe4b542bb' }), index.h("p", { key: 'a2014780bbb5dfb23cf6165500f43c6fcca700d3', class: "message-error" }, this.message)));
-    }
-};
-CrmBonusForm.style = CrmBonusFormStyle0;
-
-exports.crm_bonus_form = CrmBonusForm;
-
-//# sourceMappingURL=crm-bonus-form.cjs.entry.js.map

package/dist/cjs/crm-bonus-form.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"crm-bonus-form.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,eAAe,GAAG,wOAAwO,CAAC;AACjQ,2BAAe,eAAe;;MCUjB,YAAY;;;QAEb,oBAAe,GAAoBA,gCAAe,CAAC,WAAW,EAAE,CAAC;;;;wBAK3C;YAC1B,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,EAAE;SACX;;;;;;;;uBAY2B,KAAK;oBAETC,oBAAY,CAAC,SAAS;;;;IAO9C,MAAM,OAAO,CAAC,IAAkB;QAC5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;KACnB;IAEM,MAAM,aAAa,CAAC,GAAW;;QAClC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,MAAM,OAAO,GAAwB;YACjC,GAAG,EAAE,GAAG;YACR,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC1C,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACrC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YACnC,UAAU,EAAE,IAAI,CAAC,MAAM;YACvB,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,IAAI,CAAC,SAAS;SAC5B,CAAA;QAED,IAAI;YACA,IAAI,CAAC,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YAElE,IAAI,CAAC,IAAI,GAAGA,oBAAY,CAAC,YAAY,CAAC;SACzC;QAAC,OAAO,KAAK,EAAE;YACZ,IAAI,CAAC,OAAO,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,IAAI,0CAAE,OAAO,CAAA;SAChD;gBAAS;YACN,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACxB;KACJ;IAEM,MAAM,YAAY,CAAC,MAAc;QACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI;YACA,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAE3B,IAAI,CAAC,IAAI,GAAGA,oBAAY,CAAC,UAAU,CAAC;YAEpC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SAC1B;QAAC,OAAO,KAAK,EAAE;YACZ,IAAI,CAAC,OAAO,GAAG,qEAAqE,CAAA;SACvF;gBAAS;YACN,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACxB;KACJ;IAEM,MAAM,OAAO,CAAC,MAAc;QAC/B,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;YAC/B,aAAa,EAAE,MAAM;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;YACtC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;SAC5B,CAAC,CAAC;KACN;IAEM,YAAY;QACf,IAAI,CAAC,IAAI,GAAGA,oBAAY,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,MAAM,EAAE,CAAA;KAChB;IAED,MAAM;QACF,QACIC,QAACC,UAAI,uDAGA,IAAI,CAAC,IAAI,IAAIF,oBAAY,CAAC,SAAS,IAAIC,yEAAY,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAI,EAChK,IAAI,CAAC,IAAI,KAAKD,oBAAY,CAAC,QAAQ,IAAIC,2EAAc,MAAM,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAI,EAEhL,IAAI,CAAC,IAAI,KAAKD,oBAAY,CAAC,YAAY,IAAIC,gFAAmB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,cAAsB,KAAK,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,GAAI,EACrN,IAAI,CAAC,IAAI,KAAKD,oBAAY,CAAC,UAAU,IAAIC,+EAAmB,EAC7DA,gEAAG,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,EACV;KACJ;;;;;;","names":["CrmBonusService","StepFormEnum","h","Host"],"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: parseInt(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/cjs/crm-bonus-note.cjs.entry.js

@@ -1,98 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d11684bd.js');
-const info_config_helper = require('./info.config.helper-c5d9f781.js');
-const keys_storage = require('./keys.storage-de7744aa.js');
-const i18n = require('./i18n-f2a6f60e.js');
-
-const moneyDollarsSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTE1IDkuOTQ3MjhDMTQuNSA5LjMgMTMuOCA4LjUgMTIgOC41QzEwLjIgOC41IDkgOS41MTM5MyA5IDkuOTQ3MjhDOSAxMC4zODA2IDkuMDY3ODYgMTAuOTI3NyAxMCAxMS41QzEwLjc1MjIgMTEuOTYxOCAxMi42Njg0IDEyLjA0MzkgMTMuNSAxMi41QzE0LjY3OSAxMy4xNDY3IDE0Ljg0OTcgMTMuODIwMiAxNC44NDk3IDE0LjA1MjJDMTQuODQ5NyAxNC42ODM3IDEzLjQxNzUgMTUuNDg1MiAxMiAxNS41QzEwLjUzNiAxNS41MTUzIDkuNSAxNC43IDkgMTQuMDUyMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgN1YxNyIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==';
-
-function setTime() {
-    if (localStorage.getItem("bc:time-allow")) {
-        return;
-    }
-    const time = localStorage.getItem("bc:time");
-    if (!time) {
-        localStorage.setItem("bc:time", "360");
-        localStorage.setItem("bc:time-allow", "true");
-        return;
-    }
-}
-
-const crmBonusNoteCss = ".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    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.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    margin-top: 11px;\n    color: #000;\n}\n\n.note-description-not {\n    font-size: 16px;\n}";
-const CrmBonusNoteStyle0 = crmBonusNoteCss;
-
-const CrmBonusNote = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.cartId = undefined;
-        this.storename = undefined;
-        this.url = undefined;
-        this.config = undefined;
-        this.bonus = undefined;
-        this.showEdit = false;
-    }
-    componentWillLoad() {
-        this.upadateCheckToFreteAndGetUrl();
-        this.startTime();
-    }
-    upadateCheckToFreteAndGetUrl() {
-        this.config = info_config_helper.getInfoCustomization(this.storename);
-        const envios = document.getElementsByName('forma-envio');
-        envios.forEach((envio) => {
-            envio.checked = false;
-        });
-        this.url = window.location.origin;
-    }
-    handleHide() {
-        const amount = localStorage.getItem(this.cartId);
-        return !!amount;
-    }
-    getAmount() {
-        const amount = localStorage.getItem(this.cartId);
-        return amount ? Number(amount).toFixed(2).replace(".", ",") || "0,00" : "0,00";
-    }
-    async backCart() {
-        window.location.href = this.url;
-    }
-    startTime() {
-        if (document.location.pathname == '/Fechamento') {
-            if (!localStorage.getItem("bc:time-allow")) {
-                localStorage.removeItem("bc:time");
-            }
-            setTime();
-        }
-    }
-    hasBonus() {
-        const _bonus = localStorage.getItem(keys_storage.getKeyReserveByCartId(this.cartId));
-        const info = {
-            hasBonus: false,
-            requestBonus: false
-        };
-        if (_bonus) {
-            this.bonus = JSON.parse(_bonus);
-            info.hasBonus = this.bonus.hasBonus;
-            info.requestBonus = true;
-        }
-        return info;
-    }
-    getTime() {
-        const time = localStorage.getItem("bc:time");
-        return time ? Number(time) : 0;
-    }
-    render() {
-        const giftbackname = this.config.giftbackTitle || "Giftback";
-        const infobonus = this.hasBonus();
-        return (index.h("div", { key: '5e6af682c8a1d449c7b44372cc8392c23d3b8c37' }, index.h("div", { key: 'fdaac56b3f905ccd34ac19f8d26472d13f2e6060', class: "note-container" }, index.h("div", { key: '532921493fa0e6d84628ce344a04c7f3e4c1188b', class: "note-header" }, index.h("p", { key: '09fb8be7eb83b7e5a2cad2a6c8e4ac42bcc8843f', class: "note-title" }, index.h("img", { key: 'b50b4bb1d2b087fdf51d94b66a7618156f4e02b8', src: moneyDollarsSvgrepoComSvg, width: 23 }), this.config.giftbackTitle), infobonus.hasBonus && (index.h("div", { key: 'c4bbcfac356814745248ca0e03b31691dbbfc68e' }, this.showEdit && (index.h("p", { key: '8139ff2556944583c367106d205de783a68793d8', class: "back-cart", onClick: () => this.backCart() }, i18n.instance.t("edit"))), !this.showEdit && index.h("countdown-timer", { key: '9720653f739eadc70b4f44c44f9c10c215350fe4', initialValue: this.getTime(), downtime: () => { this.showEdit = true; } })))), infobonus.hasBonus &&
-            (index.h("p", { key: 'e0a6d0b9aa09699aeaf86633d9a24fe7550ffbe6', class: "note-description-2" }, i18n.instance.t("withApplyBonus", { giftbackname: giftbackname }), " ", index.h("strong", { key: '39728d345ed3cbcf76be108e894095bc0b6f844c' }, "R$ ", this.getAmount(), "."))), (infobonus.requestBonus && !infobonus.hasBonus) &&
-            (index.h("p", { key: 'a92ac10c9e2db555a0244497c5be9654f17cb53b', class: "note-description-not" }, i18n.instance.t("noBonus", { giftbackname: giftbackname }))), !infobonus.requestBonus &&
-            (index.h("div", { key: 'fe95768f91165bd89f4eed467f69122e1c0a2d49', class: "description" }, index.h("p", { key: 'fe0360269c159032c1b8cab772b4613900dd6ce3', class: "note-description-not" }, i18n.instance.t("backCart")), index.h("crm-button", { key: 'da883a2fc5bb08f0435ce4493619c6a9952e6391', txtBtn: "VOLTAR AO CARRINHO", handleClick: () => this.backCart() }))))));
-    }
-};
-CrmBonusNote.style = CrmBonusNoteStyle0;
-
-exports.crm_bonus_note = CrmBonusNote;
-
-//# sourceMappingURL=crm-bonus-note.cjs.entry.js.map

package/dist/cjs/crm-bonus-note.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"crm-bonus-note.entry.cjs.js","mappings":"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","names":["getInfoCustomization","getKeyReserveByCartId","h","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    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.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    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\";\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    @State() bonus: IBonus;\n\n    @State() showEdit: boolean = false;\n\n    componentWillLoad() {\n        this.upadateCheckToFreteAndGetUrl();\n        this.startTime();\n    }\n\n    upadateCheckToFreteAndGetUrl() {\n\n        this.config = getInfoCustomization(this.storename);\n        const envios = document.getElementsByName('forma-envio');\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        const amount = localStorage.getItem(this.cartId);\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        if(document.location.pathname == '/Fechamento') {\n\n            if(!localStorage.getItem(\"bc:time-allow\")) {\n                localStorage.removeItem(\"bc:time\")\n            }\n\n            setTime();\n        }\n    }\n\n\n    hasBonus() {\n        const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\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\">\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(\"backCart\")}\n                                </p>\n                                <crm-button txtBtn=\"VOLTAR AO CARRINHO\" handleClick={() => this.backCart()} />\n                            </div>\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/cjs/crm-bonus.cjs.entry.js

@@ -1,252 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-d11684bd.js');
-const crmbonus_service = require('./crmbonus.service-b31b7396.js');
-const index$1 = require('./index-6054ed44.js');
-const i18n = require('./i18n-f2a6f60e.js');
-require('./keys.storage-de7744aa.js');
-
-var AjustesTipoEnum;
-(function (AjustesTipoEnum) {
-    AjustesTipoEnum["P"] = "Promocao";
-})(AjustesTipoEnum || (AjustesTipoEnum = {}));
-
-function buildProductsByWake(productsWake = []) {
-    const products = [];
-    for (const pw of productsWake) {
-        let discounts = getDiscount(pw.Ajustes);
-        products.push({
-            sku: pw.SKU,
-            value: (pw.PrecoPor * pw.Quantidade),
-            productVariantId: pw.ProdutoVarianteId.toString(),
-            quantity: pw.Quantidade,
-            discount: (discounts * -1)
-        });
-    }
-    return products;
-}
-function getDiscount(ajustes = []) {
-    let discounts = 0;
-    for (const discount of ajustes) {
-        if (discount.Tipo === AjustesTipoEnum.P) {
-            discounts += discount.Valor;
-        }
-    }
-    return discounts;
-}
-
-const crmBonusCss = ".container-button.sc-crm-bonus{cursor:pointer;padding:5px 5px 5px 14px}.section-crm.sc-crm-bonus{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm.sc-crm-bonus{margin-top:10px}.section-cart-crm.sc-crm-bonus p.sc-crm-bonus{padding:0;margin:0px 0px 0px 15px}.button.sc-crm-bonus{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer;margin-left:10px;height:70px}.form-container.sc-crm-bonus{width:97%;display:flex;justify-content:space-around}.btn.sc-crm-bonus{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container.sc-crm-bonus .btnCrm.sc-crm-bonus{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert.sc-crm-bonus{font-family:sans-serif;color:#df4d4d;margin-top:5px}";
-const CrmBonusStyle0 = crmBonusCss;
-
-const CrmBonus = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.crmBonusService = crmbonus_service.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;
-        this.loading_reprocess = false;
-    }
-    async resetBonus() {
-        console.log('[START RESET BONUS]!!!!!');
-        // const used = localStorage.getItem("bc:used");
-        // if (used == "use") {
-        //   await this.crmBonusService.cancelBonus(this.cartId, this.storeName);
-        // }
-        try {
-            await this.crmBonusRef.processBonus(this.buildProducts(), true);
-            console.log('[BONUS RESETADO]!!!!!');
-        }
-        catch (err) {
-            this.loading = false;
-            console.log('[error ao reprocessar bonous]');
-            await this.crmBonusRef.setStep(index$1.StepFormEnum.STEP_PHONE);
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    async reprocess(products) {
-        this.loading_reprocess = true;
-        try {
-            this.productsInString = JSON.stringify(products);
-            await this.handleLoad();
-            await this.resetBonus();
-        }
-        catch (err) {
-            console.debug('[watchProducts]', err.message);
-        }
-        finally {
-            this.loading_reprocess = false;
-        }
-    }
-    async watchProducts(newValue) {
-        try {
-            console.log('[update products list]');
-            this.productsInString = newValue;
-            await this.handleLoad();
-            await this.resetBonus();
-        }
-        catch (err) {
-            console.debug('[watchProducts]', err.message);
-        }
-    }
-    async componentWillLoad() {
-        i18n.instance.changeLanguage(i18n.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);
-                console.log('customer', this.customer);
-            }
-            const amount = localStorage.getItem(this.cartId);
-            if (amount) {
-                this.canCancel = true;
-                this.amountCancel = amount;
-            }
-        }
-        catch (error) {
-            console.log('info customer');
-        }
-        await 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 cart = await this.crmBonusService.getInfoCart();
-        this.productsInString = JSON.stringify(cart.Produtos);
-        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);
-            const [ajuste = { Valor: 0 }] = pro.Ajustes.filter(aj => aj.Tipo === "Formula");
-            if (pro) {
-                products.push(Object.assign(Object.assign({}, product_cart), { PrecoPor: pro.PrecoPor + (ajuste.Valor * -1), Quantidade: pro.Quantidade, Ajustes: pro.Ajustes }));
-            }
-            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(index$1.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(index$1.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 buildProductsByWake(this.products);
-    }
-    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(index$1.StepFormEnum.STEP_NAME);
-        this.showModal = true;
-    }
-    render() {
-        return (index.h("loading-container", { key: 'fe4b22419f15c995446952127a3dde3f8fdc4f87', loading: this.loading_reprocess }, index.h("crm-giftback-form", { key: 'd5ba2f9f949ab9ff94c37419f3b59a01cf548ae8', style: { position: "relative" }, ref: ref => this.crmBonusRef = ref, storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId, customer: this.customer, loadProducts: () => this.buildProducts() })));
-    }
-    static get assetsDirs() { return ["assets"]; }
-    static get watchers() { return {
-        "productsInString": ["watchProducts"]
-    }; }
-};
-CrmBonus.style = CrmBonusStyle0;
-
-exports.crm_bonus = CrmBonus;
-
-//# sourceMappingURL=crm-bonus.cjs.entry.js.map