crmbonus-component-wake 1.0.47 → 2.0.48

package/dist/collection/components/phone/phone-input-mask.js

@@ -1,7 +1,9 @@
 import { h } from "@stencil/core";
+import { MESSAGE_ERROR_INVALID_NUMBER } from "../../contants";
 export class PhoneInputMask {
     constructor() {
         this.phone = '';
+        this.message = "";
         this.initialValue = undefined;
         this.disabled = undefined;
     }
@@ -15,18 +17,29 @@ export class PhoneInputMask {
             return value;
         const part1 = match[1] ? `(${match[1]}` : '';
         const part2 = match[2] ? `) ${match[2]}` : '';
-        const part3 = match[3] ? `-${match[3]}` : '';
+        const part3 = match[3] ? ` ${match[3]}` : '';
         return `${part1}${part2}${part3}`;
     }
     handleInput(event) {
         const input = event.target;
         this.phone = this.formatPhone(input.value);
+        if (!this.validatePhoneNumber(input.value)) {
+            this.message = MESSAGE_ERROR_INVALID_NUMBER;
+        }
+        else {
+            this.message = "";
+        }
+    }
+    validatePhoneNumber(phone) {
+        console.log('phone', phone);
+        const phoneRegex = /^\(\d{2}\) \d{5} \d{4}$/; // Valida formato (99) 99999-9999
+        return phoneRegex.test(phone);
     }
     async getPhone() {
         return this.phone;
     }
     render() {
-        return (h("input", { key: '300e113a7a6983334145e9ce0ef78344bbb63974', disabled: this.disabled, id: "phone", type: "tel", class: "phone", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }));
+        return (h("div", { key: '34e88e02195fceb8d73970aa33dcfad2efd05b0f' }, h("input", { key: '22b65d69b7ab13ad41ee36a5e81f26b3d8ffeb1b', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }), h("p", { key: 'd46cef24b15f4886f7e503b91aeebeaf92dfc3fd', class: "crm-erro-msg" }, this.message)));
     }
     static get is() { return "phone-input-mask"; }
     static get encapsulation() { return "shadow"; }
@@ -80,7 +93,8 @@ export class PhoneInputMask {
     }
     static get states() {
         return {
-            "phone": {}
+            "phone": {},
+            "message": {}
         };
     }
     static get methods() {

package/dist/collection/components/phone/phone-input-mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone-input-mask.js","sourceRoot":"","sources":["../../../../src/components/phone/phone-input-mask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,cAAc;;qBACE,EAAE;;;;IAI3B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;IACnC,CAAC;IAEO,WAAW,CAAC,KAAa;QAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,iCAAiC;QAC3E,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAC7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;IACtC,CAAC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAGM,KAAK,CAAC,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,MAAM;QACF,OAAO,CACH,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,CACL,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Method, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'phone-input-mask',\n    styleUrl: 'phone-input-mask.css',\n    shadow: true,\n})\nexport class PhoneInputMask {\n    @State() phone: string = '';\n    @Prop() initialValue: string;\n    @Prop() disabled: boolean;\n\n    componentWillLoad() {\n        this.phone = this.initialValue;   \n    }\n\n    private formatPhone(value: string): string {\n        const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n        const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n        if (!match) return value;\n\n        const part1 = match[1] ? `(${match[1]}` : '';\n        const part2 = match[2] ? `) ${match[2]}` : '';\n        const part3 = match[3] ? `-${match[3]}` : '';\n\n        return `${part1}${part2}${part3}`;\n    }\n\n    private handleInput(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        this.phone = this.formatPhone(input.value);\n    }\n\n    @Method()\n    public async getPhone() {\n        return this.phone;\n    }\n\n    render() {\n        return (\n            <input\n                disabled={this.disabled}\n                id=\"phone\"\n                type=\"tel\"\n                class=\"phone\"\n                value={this.phone}\n                onInput={(event) => this.handleInput(event)}\n                placeholder=\"(12) 94567-8910\"\n            />\n        );\n    }\n}\n"]}
+{"version":3,"file":"phone-input-mask.js","sourceRoot":"","sources":["../../../../src/components/phone/phone-input-mask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAO9D,MAAM,OAAO,cAAc;;qBACE,EAAE;uBACA,EAAE;;;;IAK7B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;IACnC,CAAC;IAEO,WAAW,CAAC,KAAa;QAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,iCAAiC;QAC3E,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAE7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;IACtC,CAAC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACxC,IAAI,CAAC,OAAO,GAAG,4BAA4B,CAAA;QAC/C,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;QACrB,CAAC;IACL,CAAC;IAED,mBAAmB,CAAC,KAAa;QAC7B,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAC3B,MAAM,UAAU,GAAG,yBAAyB,CAAC,CAAC,iCAAiC;QAC/E,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAGM,KAAK,CAAC,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,MAAM;QACF,OAAO,CACH;YACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B;YACF,0DAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,CAET,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Method, Prop, State } from '@stencil/core';\nimport { MESSAGE_ERROR_INVALID_NUMBER } from '../../contants';\n\n@Component({\n    tag: 'phone-input-mask',\n    styleUrl: 'phone-input-mask.css',\n    shadow: true,\n})\nexport class PhoneInputMask {\n    @State() phone: string = '';\n    @State() message: string = \"\";\n\n    @Prop() initialValue: string;\n    @Prop() disabled: boolean;\n\n    componentWillLoad() {\n        this.phone = this.initialValue;\n    }\n\n    private formatPhone(value: string): string {\n\n        const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n        const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n\n        if (!match) return value;\n\n        const part1 = match[1] ? `(${match[1]}` : '';\n        const part2 = match[2] ? `) ${match[2]}` : '';\n        const part3 = match[3] ? ` ${match[3]}` : '';\n\n        return `${part1}${part2}${part3}`;\n    }\n\n    private handleInput(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        this.phone = this.formatPhone(input.value);\n\n        if(!this.validatePhoneNumber(input.value)) {\n            this.message = MESSAGE_ERROR_INVALID_NUMBER\n        } else {\n            this.message = \"\"\n        }\n    }\n\n    validatePhoneNumber(phone: string): boolean {\n        console.log('phone', phone)\n        const phoneRegex = /^\\(\\d{2}\\) \\d{5} \\d{4}$/; // Valida formato (99) 99999-9999\n        return phoneRegex.test(phone);\n    }\n\n    @Method()\n    public async getPhone() {\n        return this.phone;\n    }\n\n    render() {\n        return (\n            <div>\n                <input\n                    disabled={this.disabled}\n                    id=\"phone\"\n                    type=\"text\"\n                    class=\"phone-input-form\"\n                    value={this.phone}\n                    onInput={(event) => this.handleInput(event)}\n                    placeholder=\"(12) 94567-8910\"\n                />\n                <p class=\"crm-erro-msg\">{this.message}</p>\n            </div>\n\n        );\n    }\n}\n"]}

package/dist/collection/contants/index.js

@@ -5,5 +5,7 @@ export var StepFormEnum;
     StepFormEnum[StepFormEnum["STEP_PIN"] = 2] = "STEP_PIN";
     StepFormEnum[StepFormEnum["STEP_RESERVE"] = 3] = "STEP_RESERVE";
     StepFormEnum[StepFormEnum["STEP_APPLY"] = 4] = "STEP_APPLY";
+    StepFormEnum[StepFormEnum["STEP_NO_BONUS"] = 5] = "STEP_NO_BONUS";
 })(StepFormEnum || (StepFormEnum = {}));
+export const MESSAGE_ERROR_INVALID_NUMBER = "Número inválido";
 //# sourceMappingURL=index.js.map

package/dist/collection/contants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contants/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAMX;AAND,WAAY,YAAY;IACpB,yDAAa,CAAA;IACb,2DAAc,CAAA;IACd,uDAAY,CAAA;IACZ,+DAAgB,CAAA;IAChB,2DAAc,CAAA;AAClB,CAAC,EANW,YAAY,KAAZ,YAAY,QAMvB","sourcesContent":["export enum StepFormEnum {\n    STEP_NAME = 0,\n    STEP_PHONE = 1,\n    STEP_PIN = 2,\n    STEP_RESERVE = 3,\n    STEP_APPLY = 4\n}"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contants/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAOX;AAPD,WAAY,YAAY;IACpB,yDAAa,CAAA;IACb,2DAAc,CAAA;IACd,uDAAY,CAAA;IACZ,+DAAgB,CAAA;IAChB,2DAAc,CAAA;IACd,iEAAiB,CAAA;AACrB,CAAC,EAPW,YAAY,KAAZ,YAAY,QAOvB;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAE,iBAAiB,CAAA","sourcesContent":["export enum StepFormEnum {\n    STEP_NAME = 0,\n    STEP_PHONE = 1,\n    STEP_PIN = 2,\n    STEP_RESERVE = 3,\n    STEP_APPLY = 4,\n    STEP_NO_BONUS = 5\n}\n\nexport const MESSAGE_ERROR_INVALID_NUMBER= \"Número inválido\""]}

package/dist/collection/helpers/info.config.helper.js

@@ -0,0 +1,11 @@
+export function getInfoCustomization(storeName) {
+    const infos = localStorage.getItem(`bc:${storeName}`);
+    if (infos)
+        return JSON.parse(infos);
+    return {
+        btnApplyBonusLabel: "Avançar",
+        confirmationMessage: "",
+        giftbackTitle: "Giftback"
+    };
+}
+//# sourceMappingURL=info.config.helper.js.map

package/dist/collection/helpers/info.config.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info.config.helper.js","sourceRoot":"","sources":["../../../src/helpers/info.config.helper.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,oBAAoB,CAAC,SAAiB;IAClD,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,SAAS,EAAE,CAAC,CAAC;IAEtD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE5B,OAAO;QACH,kBAAkB,EAAE,SAAS;QAC7B,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,UAAU;KAC5B,CAAA;AAEL,CAAC","sourcesContent":["export interface IInfoStore {\n    btnApplyBonusLabel: string;\n    confirmationMessage: string;\n    giftbackTitle: string;\n}\n\n\nexport function getInfoCustomization(storeName: string): IInfoStore {\n    const infos = localStorage.getItem(`bc:${storeName}`);\n\n    if (infos)\n        return JSON.parse(infos)\n\n    return {\n        btnApplyBonusLabel: \"Avançar\",\n        confirmationMessage: \"\",\n        giftbackTitle: \"Giftback\"\n    }\n\n}"]}

package/dist/collection/i18n/i18n.js

@@ -0,0 +1,25 @@
+import i18next from "i18next";
+i18next.init({
+    lng: 'pt', // Idioma padrão
+    fallbackLng: 'en', // Idioma de fallback
+    resources: {
+        en: {
+            translation: {
+                welcome: "Welcome",
+                description: "This is an example",
+                'pin-sutitle': "Enter the 4-digit code sent via SMS to the number"
+            },
+        },
+        pt: {
+            translation: {
+                welcome: "Bem-vindo",
+                description: "Este é um exemplo",
+                'pin-sutitle': "Digite o código de 4 dígitos enviado por SMS ao número",
+                giftDescription: "Você tem até <strong>R$ {{amount}}</strong> de {{custom_name}}",
+                noGiftback: "Você não possui Giftback disponível para essa compra."
+            },
+        },
+    },
+});
+export default i18next;
+//# sourceMappingURL=i18n.js.map

package/dist/collection/i18n/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,OAAO,CAAC,IAAI,CAAC;IACX,GAAG,EAAE,IAAI,EAAE,gBAAgB;IAC3B,WAAW,EAAE,IAAI,EAAE,qBAAqB;IACxC,SAAS,EAAE;QACT,EAAE,EAAE;YACF,WAAW,EAAE;gBACX,OAAO,EAAE,SAAS;gBAClB,WAAW,EAAE,oBAAoB;gBACjC,aAAa,EAAE,mDAAmD;aACnE;SACF;QACD,EAAE,EAAE;YACF,WAAW,EAAE;gBACX,OAAO,EAAE,WAAW;gBACpB,WAAW,EAAE,mBAAmB;gBAChC,aAAa,EAAE,wDAAwD;gBACvE,eAAe,EAAE,gEAAgE;gBACjF,UAAU,EAAE,uDAAuD;aACpE;SACF;KACF;CACF,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC","sourcesContent":["import i18next from 'i18next';\n\ni18next.init({\n  lng: 'pt', // Idioma padrão\n  fallbackLng: 'en', // Idioma de fallback\n  resources: {\n    en: {\n      translation: {\n        welcome: \"Welcome\",\n        description: \"This is an example\",\n        'pin-sutitle': \"Enter the 4-digit code sent via SMS to the number\"\n      },\n    },\n    pt: {\n      translation: {\n        welcome: \"Bem-vindo\",\n        description: \"Este é um exemplo\",\n        'pin-sutitle': \"Digite o código de 4 dígitos enviado por SMS ao número\",\n        giftDescription: \"Você tem até <strong>R$ {{amount}}</strong> de {{custom_name}}\",\n        noGiftback: \"Você não possui Giftback disponível para essa compra.\"\n      },\n    },\n  },\n});\n\nexport default i18next;\n"]}

package/dist/collection/services/crmbonus.service.js

@@ -83,6 +83,14 @@ export class CrmBonusService {
         localStorage.setItem("@BYCODERS_KEY", this.token);
         return (_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.token;
     }
+    async getCustomization(storeName) {
+        const headers = {
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${this.token}`
+        };
+        const response = await this.axiosInstance.get(`/stores/${storeName}/customizations`, { headers });
+        localStorage.setItem(`bc:${storeName}`, JSON.stringify(response.data));
+    }
 }
 CrmBonusService._instance = null;
 //# sourceMappingURL=crmbonus.service.js.map

package/dist/collection/services/crmbonus.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"crmbonus.service.js","sourceRoot":"","sources":["../../../src/services/crmbonus.service.ts"],"names":[],"mappings":"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","sourcesContent":["import axios, { AxiosInstance } from 'axios';\nimport { CRM_BONUS_API_URL } from '../../env'\nimport { IPinSent } from '../dto/pin.sent';\nimport { IBonus, IProccesPinBonusDto, IReserveDTO } from '../dto/validate.pin.bonus';\nimport { UpdateOrderDTO } from '../dto/update.order.dto';\n\nexport class CrmBonusService {\n    private axiosInstance: AxiosInstance;\n    private token: string;\n\n    private static _instance: CrmBonusService = null;\n\n    constructor() {\n        this.axiosInstance = axios.create({\n            baseURL: CRM_BONUS_API_URL,\n            headers: {\n                'Content-Type': 'application/json',\n                'accept': 'application/json',\n            },\n        });\n    }\n\n    public static getInstance(): CrmBonusService {\n        if (this._instance) {\n            return this._instance;\n        }\n\n        this._instance = new CrmBonusService()\n\n        return this._instance;\n    }\n\n    async getCustomer(userId: number, store: string) {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n\n        const response = await this.axiosInstance.get(`/store/${store}/customer/${userId}`, { headers: headers })\n\n        this.token = response?.data?.token\n\n        return response?.data?.customer\n    }\n\n    async updateOrder(updateOrderDTO: UpdateOrderDTO) {\n\n        const token = localStorage.getItem(\"@BYCODERS_KEY\");\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${token}`\n        }\n\n        await this.axiosInstance.patch(`/checkouts/${updateOrderDTO.cartId}/updateOrder`,\n            {\n                orderId: updateOrderDTO.orderId,\n                externalId: updateOrderDTO.cartIdCrm\n            }, { headers: headers })\n\n        localStorage.removeItem(\"@BYCODERS_KEY\");\n    }\n\n    async sendPin(phone: number, name: string, store: string): Promise<IPinSent> {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n\n\n        const response = await this.axiosInstance.post(\"/crmbonus/send-pin\", { cellphone: phone, name: name, storeName: store }, { headers: headers });\n        return {\n            storeId: response.data.storeId,\n            userId: response.data.userId\n        }\n    }\n\n    async validatePinBonus(payload: IProccesPinBonusDto): Promise<IBonus> {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n\n        const response = await this.axiosInstance.post(\"/crmbonus/process-pin-bonus\", payload, { headers })\n\n        return response.data;\n    }\n\n    async reserve(payload: IReserveDTO) {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n\n        const response = await this.axiosInstance.post(\"/crmbonus/redeem-bonus\", payload, { headers });\n        return response.data;\n    }\n\n    async cancel(cartId: string) {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n\n        const response = await this.axiosInstance.post(\"/crmbonus/cancel-apply-bonus\", {\n            ticket: cartId\n        }, { headers });\n        return response.data;\n    }\n\n    async getToken(store: string): Promise<string> {\n        const response = await this.axiosInstance.post(\"/wake/requestToken\", { storeName: store })\n        this.token = response?.data?.token;\n\n        localStorage.setItem(\"@BYCODERS_KEY\", this.token);\n\n        return response?.data?.token;\n    }\n}"]}
+{"version":3,"file":"crmbonus.service.js","sourceRoot":"","sources":["../../../src/services/crmbonus.service.ts"],"names":[],"mappings":"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","sourcesContent":["import axios, { AxiosInstance } from 'axios';\nimport { CRM_BONUS_API_URL } from '../../env'\nimport { IPinSent } from '../dto/pin.sent';\nimport { IBonus, IProccesPinBonusDto, IReserveDTO } from '../dto/validate.pin.bonus';\nimport { UpdateOrderDTO } from '../dto/update.order.dto';\n\nexport class CrmBonusService {\n    private axiosInstance: AxiosInstance;\n    private token: string;\n\n    private static _instance: CrmBonusService = null;\n\n    constructor() {\n        this.axiosInstance = axios.create({\n            baseURL: CRM_BONUS_API_URL,\n            headers: {\n                'Content-Type': 'application/json',\n                'accept': 'application/json',\n            },\n        });\n    }\n\n    public static getInstance(): CrmBonusService {\n        if (this._instance) {\n            return this._instance;\n        }\n\n        this._instance = new CrmBonusService()\n\n        return this._instance;\n    }\n\n    async getCustomer(userId: number, store: string) {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n\n        const response = await this.axiosInstance.get(`/store/${store}/customer/${userId}`, { headers: headers })\n\n        this.token = response?.data?.token\n\n        return response?.data?.customer\n    }\n\n    async updateOrder(updateOrderDTO: UpdateOrderDTO) {\n\n        const token = localStorage.getItem(\"@BYCODERS_KEY\");\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${token}`\n        }\n\n        await this.axiosInstance.patch(`/checkouts/${updateOrderDTO.cartId}/updateOrder`,\n            {\n                orderId: updateOrderDTO.orderId,\n                externalId: updateOrderDTO.cartIdCrm\n            }, { headers: headers })\n\n        localStorage.removeItem(\"@BYCODERS_KEY\");\n    }\n\n    async sendPin(phone: number, name: string, store: string): Promise<IPinSent> {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n\n\n        const response = await this.axiosInstance.post(\"/crmbonus/send-pin\", { cellphone: phone, name: name, storeName: store }, { headers: headers });\n        return {\n            storeId: response.data.storeId,\n            userId: response.data.userId\n        }\n    }\n\n    async validatePinBonus(payload: IProccesPinBonusDto): Promise<IBonus> {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n\n        const response = await this.axiosInstance.post(\"/crmbonus/process-pin-bonus\", payload, { headers })\n\n        return response.data;\n    }\n\n    async reserve(payload: IReserveDTO) {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n        const response = await this.axiosInstance.post(\"/crmbonus/redeem-bonus\", payload, { headers });\n        return response.data;\n    }\n\n    async cancel(cartId: string) {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n\n        const response = await this.axiosInstance.post(\"/crmbonus/cancel-apply-bonus\", {\n            ticket: cartId\n        }, { headers });\n        return response.data;\n    }\n\n    async getToken(store: string): Promise<string> {\n        const response = await this.axiosInstance.post(\"/wake/requestToken\", { storeName: store })\n        this.token = response?.data?.token;\n\n        localStorage.setItem(\"@BYCODERS_KEY\", this.token);\n\n        return response?.data?.token;\n    }\n\n    async getCustomization(storeName: string) {\n\n        const headers = {\n            'Content-Type': 'application/json',\n            'Authorization': `Bearer ${this.token}`\n        }\n\n        const response = await this.axiosInstance.get(`/stores/${storeName}/customizations`, { headers });\n\n        localStorage.setItem(`bc:${storeName}`, JSON.stringify(response.data))\n    }\n}"]}

package/dist/components/app-modal.js

@@ -1,4 +1,42 @@
-import { A as AppModal$1, d as defineCustomElement$1 } from './p-1dbb0f43.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-2f266d73.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$1 = /*@__PURE__*/ proxyCustomElement(class AppModal extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.modalClosed = createEvent(this, "modalClosed", 7);
+        this.isOpen = false;
+        this.modalTitle = undefined;
+    }
+    closeModal() {
+        this.modalClosed.emit();
+    }
+    render() {
+        return (h("div", { key: '9ed1b6a6f09b9127119d661abbd447e047c49efb', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: 'dd4f515ea7949d5a470655234a9c0b48194bba1b', class: "modal" }, h("div", { key: '387a930782a4a00073eda969acc86bed39fc8151', class: "modal-header" }, h("h3", { key: '38f041a1e3483490a4de85f1c0a223c47c664517' }, this.modalTitle), h("button", { key: '98998678ec65fd96ad6284d8602ccdf5fd723e26', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: '845f631054557e79b4ef0521b6eefd41eda93eeb', class: "modal-body" }, h("slot", { key: '2d5539938e7c4175eede394bddeb841e371912fa' })))));
+    }
+    static get style() { return AppModalStyle0; }
+}, [1, "app-modal", {
+        "isOpen": [516, "is-open"],
+        "modalTitle": [1, "modal-title"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["app-modal"];
+    components.forEach(tagName => { switch (tagName) {
+        case "app-modal":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AppModal$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
 
 const AppModal = AppModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/app-modal.js.map

@@ -1 +1 @@
-{"file":"app-modal.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"app-modal.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+hBAA+hB,CAAC;AACpjB,uBAAe,WAAW;;MCMbA,UAAQ;;;;;;sBAG0B,KAAK;;;IAQxC,UAAU;QACd,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KAC3B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,IACxD,4DAAK,KAAK,EAAC,OAAO,IACd,4DAAK,KAAK,EAAC,cAAc,IACrB,6DAAK,IAAI,CAAC,UAAU,CAAM,EAC1B,+DAAQ,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,aAEpD,CACP,EACN,4DAAK,KAAK,EAAC,YAAY,IACnB,8DAAQ,CACN,CACJ,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["AppModal"],"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/components/countdown-timer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CountdownTimer extends Components.CountdownTimer, HTMLElement {}
+export const CountdownTimer: {
+    prototype: CountdownTimer;
+    new (): CountdownTimer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/countdown-timer.js

@@ -0,0 +1,8 @@
+import { C as CountdownTimer$1, d as defineCustomElement$1 } from './p-39d680b6.js';
+
+const CountdownTimer = CountdownTimer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CountdownTimer, defineCustomElement };
+
+//# sourceMappingURL=countdown-timer.js.map

package/dist/components/countdown-timer.js.map

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

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

@@ -1,4 +1,161 @@
-import { C as CrmBonusForm$1, d as defineCustomElement$1 } from './p-03c2447c.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-2f266d73.js';
+import { C as CrmBonusService } from './p-384fabf7.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;

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

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

@@ -1,6 +1,7 @@
-import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
+import { p as proxyCustomElement, H, h } from './p-2f266d73.js';
+import { g as getInfoCustomization } from './p-75ba7b9a.js';
 
-const crmBonusNoteCss = ".note-container{border:1px solid #dddddd;padding:0 15px 15px;margin:0 0 26px 0px}.note-container .back-cart{display:flex;text-align:center}.note-title{font-weight:700;height:2em;line-height:2em;text-align:left;border-radius:3px;color:#333;margin-bottom:1.4em}.note-description{font-family:Arial;color:#6d6d5f;padding:0;margin:0 auto}.back-cart{font-size:.9em;color:#337ab7;text-decoration:none;cursor:pointer;margin-top:11px}";
+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}.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 {
@@ -8,12 +9,16 @@ const CrmBonusNote$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusNote exten
         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) => {
@@ -25,16 +30,23 @@ const CrmBonusNote$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonusNote exten
         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() {
-        if (this.handleHide()) {
-            return (h("div", null));
-        }
-        return (h("div", null, h("div", { class: "note-container" }, h("p", { class: "note-title" }, "Gift back"), h("p", { class: "note-description" }, "Volte ao carrinho e confira se voc\u00EA tem Giftback para aplicar na sua compra!"), h("a", { class: "back-cart", href: this.url }, "Voltar ao carrinho"))));
+        // if (this.handleHide()) {
+        //     return (<div></div>)
+        // }
+        return (h("div", { key: '6f2f33e46e64b48d3357ed27cc3bf606461e19ba' }, h("div", { key: '10b62fadf683044f5859a7c4c4a849aede92f56d', class: "note-container" }, h("div", { key: '9a6bbb221b83f76c4e8fa5d8a60cf61ae6b6ea76', class: "note-header" }, h("p", { key: '505b57b35e88de1c657ccaa30a3e4d6ade98270e', class: "note-title" }, this.config.giftbackTitle), h("a", { key: '924c501db05a462009e50b91a57abde92eb38624', class: "back-cart", href: this.url }, "Editar")), h("hr", { key: '6169d4c9ff8c1ec406d18fcf0a21559fc0a806db' }), h("p", { key: '3ffe7ca6cec935defee10d237541c8126571f5b1', class: "note-description-2" }, this.config.giftbackTitle || "Giftback", " aplicado ao pedido: ", h("strong", { key: '167ea51e4d0ddba06fb04810331b71e64beaba80' }, "R$ ", this.getAmount())))));
     }
     static get style() { return CrmBonusNoteStyle0; }
 }, [0, "crm-bonus-note", {
         "cartId": [8, "cartid"],
-        "url": [32]
+        "storename": [8],
+        "url": [32],
+        "config": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

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

@@ -1 +1 @@
-{"file":"crm-bonus-note.js","mappings":";;AAAA,MAAM,eAAe,GAAG,2aAA2a,CAAC;AACpc,2BAAe,eAAe;;MCKjBA,cAAY;;;;;;;IAOrB,iBAAiB;QACb,IAAI,CAAC,4BAA4B,EAAE,CAAA;KACtC;IAED,4BAA4B;QACxB,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,CAAA;QAEF,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,MAAM;QAEF,IAAG,IAAI,CAAC,UAAU,EAAE,EAAE;YAClB,QAAQ,cAAW,EAAC;SACvB;QAED,QACI,eACI,WAAK,KAAK,EAAC,gBAAgB,IACvB,SAAG,KAAK,EAAC,YAAY,gBAEjB,EAEJ,SAAG,KAAK,EAAC,kBAAkB,wFAEvB,EAEJ,SAAG,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,yBAE/B,CACF,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CrmBonusNote"],"sources":["src/components/note/crm-bonus-note.css?tag=crm-bonus-note","src/components/note/crm-bonus-note.tsx"],"sourcesContent":[".note-container {\n    border: 1px solid #dddddd;\n    padding: 0 15px 15px;\n    margin: 0 0 26px 0px;\n}\n\n.note-container .back-cart {\n    display: flex;\n    text-align: center;\n}  \n\n.note-title {\n    font-weight: 700;\n    height: 2em;\n    line-height: 2em;\n    text-align: left;\n    border-radius: 3px;\n    color: #333;\n    margin-bottom: 1.4em;\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: #337ab7;\n    text-decoration: none;\n    cursor: pointer;\n    margin-top: 11px;\n}","import { Component, Prop, State, h } from \"@stencil/core\";\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\n    @State() url: string;\n\n\n    componentWillLoad() {\n        this.upadateCheckToFreteAndGetUrl()\n    }\n\n    upadateCheckToFreteAndGetUrl() {\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    render() {\n\n        if(this.handleHide()) {\n            return (<div></div>)\n        }\n\n        return (\n            <div>\n                <div class=\"note-container\">\n                    <p class=\"note-title\">\n                        Gift back\n                    </p>\n\n                    <p class=\"note-description\">\n                        Volte ao carrinho e confira se você tem Giftback para aplicar na sua compra!\n                    </p>\n\n                    <a class=\"back-cart\" href={this.url}>\n                        Voltar ao carrinho\n                    </a>\n                </div>\n            </div>\n        )\n    }\n}"],"version":3}
+{"file":"crm-bonus-note.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,swBAAswB,CAAC;AAC/xB,2BAAe,eAAe;;MCMjBA,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;;;;QAMF,QACI,8DACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,4DAAK,KAAK,EAAC,aAAa,IACpB,0DAAG,KAAK,EAAC,YAAY,IAChB,IAAI,CAAC,MAAM,CAAC,aAAa,CAC1B,EAEJ,0DAAG,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,aAE/B,CACF,EAEN,4DAAM,EAEN,0DAAG,KAAK,EAAC,oBAAoB,IACxB,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,UAAU,2BAAsB,wEAAY,IAAI,CAAC,SAAS,EAAE,CAAU,CACpG,CAKF,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CrmBonusNote"],"sources":["src/components/note/crm-bonus-note.css?tag=crm-bonus-note","src/components/note/crm-bonus-note.tsx"],"sourcesContent":[".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}\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\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        // if (this.handleHide()) {\n        //     return (<div></div>)\n        // }\n\n        return (\n            <div>\n                <div class=\"note-container\">\n                    <div class=\"note-header\">\n                        <p class=\"note-title\">\n                            {this.config.giftbackTitle}\n                        </p>\n\n                        <a class=\"back-cart\" href={this.url}>\n                            Editar\n                        </a>\n                    </div>\n\n                    <hr />\n\n                    <p class=\"note-description-2\">\n                        {this.config.giftbackTitle || \"Giftback\"} aplicado ao pedido: <strong>R$ {this.getAmount()}</strong>\n                    </p>\n\n                    {/* <a class=\"back-cart\" href={this.url}>\n                        Voltar ao carrinho\n                    </a> */}\n                </div>\n            </div>\n        )\n    }\n}"],"version":3}