crmbonus-component-wake 2.0.128 → 2.0.130

package/dist/cjs/app-globals-3a1e7e63.js

@@ -0,0 +1,7 @@
+'use strict';
+
+const globalScripts = () => {};
+
+exports.globalScripts = globalScripts;
+
+//# sourceMappingURL=app-globals-3a1e7e63.js.map

package/dist/cjs/app-globals-3a1e7e63.js.map

@@ -0,0 +1 @@
+{"file":"app-globals-3a1e7e63.js","mappings":";;AAAY,MAAC,aAAa,GAAG,MAAM;;;;","names":[],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"version":3}

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

@@ -0,0 +1,28 @@
+'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

@@ -0,0 +1 @@
+{"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/cart.helper-d4d8d619.js

@@ -0,0 +1,77 @@
+'use strict';
+
+const crmbonus_service = require('./crmbonus.service-9067d00d.js');
+
+class CartWake {
+    constructor(cart) {
+        var _a;
+        this.products = [];
+        this.id = cart.Metadados.id || cart.Id;
+        this.middlewareId = (_a = cart.Metadados) === null || _a === void 0 ? void 0 : _a.id;
+        this.orderId = cart.PedidoId;
+        this.buildUserInfo(cart);
+        this.buildStoreInfo(cart);
+        this.products = this.buildStoreCart(cart.Produtos);
+    }
+    buildStoreCart(newProducts = []) {
+        const cache = localStorage.getItem("bc:cart");
+        if (!cache) {
+            return this.saveStore(newProducts);
+        }
+        const cacheProducts = JSON.parse(cache);
+        if (newProducts.length !== cacheProducts.length) {
+            return this.saveStore(newProducts);
+        }
+        for (const p of newProducts) {
+            const [cp] = cacheProducts.filter(cpp => cpp.ProdutoVarianteId == p.ProdutoVarianteId);
+            if (cp) {
+                return newProducts;
+            }
+        }
+        return cacheProducts;
+    }
+    saveStore(newProducts) {
+        localStorage.setItem("bc:cart", JSON.stringify(newProducts));
+        return newProducts;
+    }
+    buildUserInfo(cart) {
+        this.user = {
+            id: cart.Usuario ? cart.Usuario.Id : null
+        };
+    }
+    buildStoreInfo(cart) {
+        var _a;
+        this.store = {
+            name: (_a = cart.Loja) === null || _a === void 0 ? void 0 : _a.Nome
+        };
+    }
+}
+
+const crmBonusService = crmbonus_service.CrmBonusService.getInstance();
+const getCart = async () => {
+    const baseUrl = buildUrlBase(); // window.location.origin; //"https://bycoders.fbits.store" //window.location.origin;
+    console.log('[URL STORE]: ', baseUrl);
+    const cart = await crmBonusService.getInfoCart(baseUrl);
+    return new CartWake(cart);
+};
+const buildUrlBase = () => {
+    const url = window.location.origin; //"https://bycoders.checkout.fbits.store" //
+    if (url.includes('localhost')) {
+        return crmbonus_service.CHECKOUT_CART_WAKE;
+    }
+    if (url.includes('checkout')) {
+        return url;
+    }
+    if (url.includes('fbits')) {
+        return url;
+    }
+    if (url.includes("www.")) {
+        return url.replace("www", "checkout");
+    }
+    return `${window.location.protocol}//checkout.${window.location.host}`;
+};
+
+exports.CartWake = CartWake;
+exports.getCart = getCart;
+
+//# sourceMappingURL=cart.helper-d4d8d619.js.map

package/dist/cjs/cart.helper-d4d8d619.js.map

@@ -0,0 +1 @@
+{"file":"cart.helper-d4d8d619.js","mappings":"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","names":["CrmBonusService","CHECKOUT_CART_WAKE"],"sources":["src/objectvalues/cart.wake.ts","src/helpers/cart.helper.ts"],"sourcesContent":["import { IProductWake, IStore, IUser } from \"../dto/validate.pin.bonus\";\n\nexport class CartWake {\n    id: string;\n    middlewareId: string;\n    orderId: number;\n    products: IProductWake[] = [];\n    user: IUser;\n    store: IStore;\n\n    constructor(cart) {\n        this.id = cart.Metadados.id || cart.Id;\n        this.middlewareId = cart.Metadados?.id;\n        this.orderId = cart.PedidoId;\n        this.buildUserInfo(cart);\n        this.buildStoreInfo(cart);\n        this.products = this.buildStoreCart( cart.Produtos);\n    }\n\n    private buildStoreCart(newProducts = []) {\n        const cache = localStorage.getItem(\"bc:cart\");\n\n        if(!cache) {\n            return this.saveStore(newProducts)\n            \n        }\n        \n        const cacheProducts:IProductWake[] = JSON.parse(cache);\n\n        if(newProducts.length !== cacheProducts.length) {\n            return this.saveStore(newProducts);\n        }\n\n        for (const p of newProducts) {\n            const [cp] = cacheProducts.filter(cpp => cpp.ProdutoVarianteId == p.ProdutoVarianteId);\n\n            if(cp) {\n                cp.Quantidade != p.Quantidade;\n\n                return newProducts;\n            }\n        }\n\n        return cacheProducts;\n\n    }\n\n\n    private saveStore(newProducts) {\n        localStorage.setItem(\"bc:cart\", JSON.stringify(newProducts));\n\n        return newProducts;\n    }\n\n    private buildUserInfo(cart) {\n        this.user = {\n            id: cart.Usuario ? cart.Usuario.Id : null\n        }\n    }\n\n    private buildStoreInfo(cart) {\n        this.store = {\n            name: cart.Loja?.Nome\n        }\n    }\n}","import { CHECKOUT_CART_WAKE } from \"../../env\";\nimport { CartWake } from \"../objectvalues/cart.wake\";\nimport { CrmBonusService } from \"../services/crmbonus.service\";\n\nconst crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\nexport const getCart = async (): Promise<CartWake> => {\n    const baseUrl = buildUrlBase(); // window.location.origin; //\"https://bycoders.fbits.store\" //window.location.origin;\n    \n    console.log('[URL STORE]: ', baseUrl)\n\n    const cart = await crmBonusService.getInfoCart(baseUrl);\n\n    return new CartWake(cart);\n}\n\nconst buildUrlBase = () => {\n\n    const url =  window.location.origin; //\"https://bycoders.checkout.fbits.store\" //\n\n    if(url.includes('localhost')) {\n        return CHECKOUT_CART_WAKE;\n    }\n\n    if(url.includes('checkout')) {\n        return url;\n    }\n\n    if(url.includes('fbits')) {\n        return url;\n    }\n\n    if(url.includes(\"www.\")) {\n        return url.replace(\"www\", \"checkout\")\n    }\n\n    return `${window.location.protocol}//checkout.${window.location.host}`;\n\n}"],"version":3}

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

@@ -0,0 +1,63 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,104 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-d11684bd.js');
+const crmbonus_service = require('./crmbonus.service-9067d00d.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

@@ -0,0 +1 @@
+{"file":"crm-bonus-form.entry.cjs.js","mappings":"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","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

@@ -0,0 +1,101 @@
+'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 cart_helper = require('./cart.helper-d4d8d619.js');
+require('./crmbonus.service-9067d00d.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.cart = undefined;
+        this.cartWake = undefined;
+        this.url = undefined;
+        this.config = undefined;
+        this.bonus = undefined;
+        this.showEdit = false;
+    }
+    async componentWillLoad() {
+        await this.upadateCheckToFreteAndGetUrl();
+        this.startTime();
+    }
+    async upadateCheckToFreteAndGetUrl() {
+        this.cartWake = this.cart ? new cart_helper.CartWake(JSON.parse(this.cart)) : await cart_helper.getCart();
+        console.log('upadateCheckToFreteAndGetUrl', this.cartWake);
+        this.config = info_config_helper.getInfoCustomization(this.cartWake.store.name);
+        const envios = document.getElementsByName('forma-envio');
+        envios.forEach((envio) => {
+            envio.checked = false;
+        });
+        this.url = window.location.origin;
+    }
+    handleHide() {
+        const amount = localStorage.getItem(this.cartWake.id);
+        return !!amount;
+    }
+    getAmount() {
+        const amount = localStorage.getItem(this.cartWake.id);
+        return amount ? Number(amount).toFixed(2).replace(".", ",") || "0,00" : "0,00";
+    }
+    async backCart() {
+        window.location.href = this.url;
+    }
+    startTime() {
+        if (!localStorage.getItem("bc:time-allow")) {
+            localStorage.removeItem("bc:time");
+        }
+        setTime();
+    }
+    hasBonus() {
+        const _bonus = localStorage.getItem(keys_storage.getKeyReserveByCartId(this.cartWake.id));
+        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() {
+        var _a;
+        const giftbackname = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.giftbackTitle) || "Giftback";
+        const infobonus = this.hasBonus();
+        return (index.h("div", { key: '4617de820196995c8d4576ca28ce3b36a13ccec2' }, index.h("div", { key: '2ea9c4d26914b2e279a36fa893da8057964c1240', class: "note-container" }, index.h("div", { key: '72fe2cb3cb7ac7d0b0687fdd612b44944415deb8', class: "note-header" }, index.h("p", { key: '89d4eaf0cab5ec289f99c25ee0d2bb016cf3704a', class: "note-title" }, index.h("img", { key: 'b774851ed3f9b75fcf786c27602ce974835f68e9', src: moneyDollarsSvgrepoComSvg, width: 23 }), this.config.giftbackTitle), infobonus.hasBonus && (index.h("div", { key: '86dcc60b26bbbbb503aab29d3d88f8b7bd5b84b2' }, this.showEdit && (index.h("p", { key: '45a3b79566f90f8410054c63fce6d0859de5e150', class: "back-cart", onClick: () => this.backCart() }, i18n.instance.t("edit"))), !this.showEdit && index.h("countdown-timer", { key: 'e6fd69643fb5c0c5e44559309168509edb68a534', initialValue: this.getTime(), downtime: () => { this.showEdit = true; } })))), infobonus.hasBonus &&
+            (index.h("p", { key: '82d141d6b2ccb8c0885756c5d5704e2aa8a6c635', class: "note-description-2" }, i18n.instance.t("withApplyBonus", { giftbackname: giftbackname }), " ", index.h("strong", { key: '5993965e6ce5954730773c882a1437920537e1b7' }, "R$ ", this.getAmount(), "."))), (infobonus.requestBonus && !infobonus.hasBonus) &&
+            (index.h("p", { key: 'afcbb9fe6fb17064eacd1386c08c3509e673733c', class: "note-description-not" }, i18n.instance.t("noBonus", { giftbackname: giftbackname }))), !infobonus.requestBonus &&
+            (index.h("div", { key: '586036e3f5d205ed803902274da176f7eb230256', class: "description" }, index.h("p", { key: '5a0fa22781830ffa826a753bdd8e8c851075d1ec', class: "note-description-not" }, i18n.instance.t("backCart")), index.h("crm-button", { key: '1c5061ab7cdd4a985727df6e915067a67ad463fc', 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

@@ -0,0 +1 @@
+{"file":"crm-bonus-note.entry.cjs.js","mappings":"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","names":["CartWake","getCart","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\";\nimport { CartWake } from \"../../objectvalues/cart.wake\";\nimport { getCart } from \"../../helpers/cart.helper\";\n\n@Component({\n    tag: 'crm-bonus-note',\n    styleUrl: 'crm-bonus-note.css'\n})\nexport class CrmBonusNote {\n\n    @Prop() cart;\n\n    @State() cartWake: CartWake;\n    @State() url: string;\n    @State() config: IInfoStore;\n    @State() bonus: IBonus;\n    @State() showEdit: boolean = false;\n\n    async componentWillLoad() {\n        await this.upadateCheckToFreteAndGetUrl();\n        this.startTime();\n    }\n\n    async upadateCheckToFreteAndGetUrl() {\n\n        this.cartWake = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\n\n        console.log('upadateCheckToFreteAndGetUrl', this.cartWake)\n\n        this.config = getInfoCustomization(this.cartWake.store.name);\n\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.cartWake.id);\n        return !!amount;\n    }\n\n    getAmount() {\n        const amount = localStorage.getItem(this.cartWake.id);\n\n        return amount ? Number(amount).toFixed(2).replace(\".\", \",\") || \"0,00\" : \"0,00\";\n    }\n\n    async backCart() {\n        window.location.href = this.url;\n    }\n\n\n    private startTime() {\n\n        if (!localStorage.getItem(\"bc:time-allow\")) {\n            localStorage.removeItem(\"bc:time\")\n        }\n\n        setTime();\n    }\n\n\n    hasBonus() {\n        const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartWake.id));\n\n        const info = {\n            hasBonus: false,\n            requestBonus: false\n        }\n\n        if (_bonus) {\n            this.bonus = JSON.parse(_bonus);\n            info.hasBonus = this.bonus.hasBonus;\n            info.requestBonus = true;\n        }\n\n        return info;\n    }\n\n    getTime() {\n        const time = localStorage.getItem(\"bc:time\")\n\n        return time ? Number(time) : 0;\n    }\n\n    render() {\n\n        const giftbackname = this.config?.giftbackTitle || \"Giftback\";\n\n        const infobonus = this.hasBonus()\n\n        return (\n            <div>\n                <div class=\"note-container\">\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}