crmbonus-component-wake 1.0.47 → 2.0.48

package/dist/esm/phone-input-mask.entry.js.map

@@ -1 +1 @@
-{"file":"phone-input-mask.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,ivCAAivC,CAAC;AAC5wC,6BAAe,iBAAiB;;MCMnB,cAAc;;;qBACE,EAAE;;;;IAI3B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAEO,WAAW,CAAC,KAAa;QAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,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,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;KACrC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9C;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,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,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACJ;KACL;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":[":host {\n    width: 100%;\n}\n\n.inline-text-field-container {\n    display: flex;\n    flex-direction: column;\n}\n\n@supports (top: max(0%)) {\n    .mdc-text-field--outlined {\n        padding-right: max(16px, var(--mdc-shape-small, 4px));\n    }\n}\n\n@supports (top: max(0%)) {\n    .mdc-text-field--outlined {\n        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n    }\n}\n\n.mdc-text-field--outlined {\n    height: 55px;\n    overflow: visible;\n}\n\n.phone {\n    display: block;\n    width: 100%;\n    height: 24px;\n    padding: 6px 12px;\n    font-size: 14px;\n    line-height: 1.42857143;\n    color: #555;\n    background-color: #fff;\n    background-image: none;\n    border: 1px solid #ccc;\n    border-radius: 0px;\n    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n.mdc-text-field {\n    border-top-left-radius: 4px;\n    border-top-left-radius: var(--mdc-shape-small, 4px);\n    border-top-right-radius: 4px;\n    border-top-right-radius: var(--mdc-shape-small, 4px);\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    display: inline-flex;\n    align-items: baseline;\n    padding: 0 16px;\n    position: relative;\n    box-sizing: border-box;\n    overflow: hidden;\n    will-change: opacity, transform, color;\n}","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.entry.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,ouBAAouB,CAAC;AAC/vB,6BAAe,iBAAiB;;MCOnB,cAAc;;;qBACE,EAAE;uBACA,EAAE;;;;IAK7B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAEO,WAAW,CAAC,KAAa;QAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAE7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;KACrC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE3C,IAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACvC,IAAI,CAAC,OAAO,GAAG,4BAA4B,CAAA;SAC9C;aAAM;YACH,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;SACpB;KACJ;IAED,mBAAmB,CAAC,KAAa;QAC7B,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAC3B,MAAM,UAAU,GAAG,yBAAyB,CAAC;QAC7C,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjC;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,8DACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACF,0DAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,EAER;KACL;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":["* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.phone {\n    display: block;\n    width: 100%;\n    height: 24px;\n    padding: 6px 12px;\n    font-size: 14px;\n    line-height: 1.42857143;\n    color: #555;\n    background-color: #fff;\n    background-image: none;\n    border: 1px solid #ccc;\n    border-radius: 0px;\n    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n\n.phone-input-form {\n    width: 246px;\n    height: 48px;\n    padding: 13px 16px 13px 16px;\n    border: 1px solid #CCCCCC;\n}\n\n.crm-erro-msg {\n    color: #E11D48;\n    font-size: 12px;\n    font-weight: 500;\n    margin-top: 11px;\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\nimport { MESSAGE_ERROR_INVALID_NUMBER } from '../../contants';\n\n@Component({\n    tag: 'phone-input-mask',\n    styleUrl: 'phone-input-mask.css',\n    shadow: true,\n})\nexport class PhoneInputMask {\n    @State() phone: string = '';\n    @State() message: string = \"\";\n\n    @Prop() initialValue: string;\n    @Prop() disabled: boolean;\n\n    componentWillLoad() {\n        this.phone = this.initialValue;\n    }\n\n    private formatPhone(value: string): string {\n\n        const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n        const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n\n        if (!match) return value;\n\n        const part1 = match[1] ? `(${match[1]}` : '';\n        const part2 = match[2] ? `) ${match[2]}` : '';\n        const part3 = match[3] ? ` ${match[3]}` : '';\n\n        return `${part1}${part2}${part3}`;\n    }\n\n    private handleInput(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        this.phone = this.formatPhone(input.value);\n\n        if(!this.validatePhoneNumber(input.value)) {\n            this.message = MESSAGE_ERROR_INVALID_NUMBER\n        } else {\n            this.message = \"\"\n        }\n    }\n\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"],"version":3}

package/dist/esm/phone-input.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h } from './index-a4c14fca.js';
+
+const PhoneInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sendPin = undefined;
+        this.loading = undefined;
+        this.value = undefined;
+    }
+    async validatePhone() {
+        const phone = await this.phoneInputMask.getPhone();
+        await this.sendPin(phone);
+    }
+    render() {
+        return (h("div", { key: '7388feb890331d696bf51ddc5690707673e06546', class: "form-container" }, h("phone-input-mask", { key: 'a3241090e731daa0b558503a9347de7a15f0025e', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("button", { key: 'd36c5fd1b8cf7dfb0d3100450215c426855e82a6', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : h("loading-spinner", { size: "11px", color: "#fff" }))));
+    }
+};
+
+export { PhoneInput as phone_input };
+
+//# sourceMappingURL=phone-input.entry.js.map

package/dist/esm/phone-input.entry.js.map

@@ -0,0 +1 @@
+{"file":"phone-input.entry.js","mappings":";;MAKa,UAAU;;;;;;;IAQnB,MAAM,aAAa;QACf,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;QACnD,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KAC7B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,yEAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI,EACrF,+DAAQ,KAAK,EAAE,0BAA0B,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAE/H,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEvE,CACP,EACT;KACJ;;;;;","names":[],"sources":["src/components/crm-bonus-form/subcomponents/phone/phone.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'phone-input'\n})\nexport class PhoneInput {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    @Prop() sendPin: Function;\n    @Prop() loading: boolean;\n    @Prop() value: string;\n\n    async validatePhone() {\n        const phone = await this.phoneInputMask.getPhone();\n        await this.sendPin(phone);\n    }\n\n    render() {\n        return (\n            <div class=\"form-container\">\n                <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\n                <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n                    {\n                        !this.loading ? \"validar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\n                    }\n                </button>\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/types/components/button/index.d.ts

@@ -0,0 +1,5 @@
+export declare class Button {
+    txtBtn: string;
+    loading: boolean;
+    render(): any;
+}

package/dist/types/components/countdown-timer/countdown-timer.d.ts

@@ -0,0 +1,8 @@
+export declare class CountdownTimer {
+    downtime: () => void;
+    counter: number;
+    private intervalId;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/crm-bonus/crm-bonus.d.ts

@@ -18,6 +18,7 @@ export declare class CrmBonus {
     sent: IPinSent;
     session: string;
     componentWillLoad(): Promise<void>;
+    loadConfigStore(): Promise<void>;
     handleLoad(): Promise<void>;
     loadSession(): Promise<void>;
     buildAndGetProducts(): Promise<void>;

package/dist/types/components/giftback-form/giftback-form.d.ts

@@ -0,0 +1,32 @@
+import { StepFormEnum } from "../../contants";
+import { IPinSent } from '../../dto/pin.sent';
+import { IBonus, IProduct } from "../../dto/validate.pin.bonus";
+import { IInfoStore } from "../../helpers/info.config.helper";
+export declare class CrmBonus {
+    private crmBonusService;
+    storeName: any;
+    cartId: any;
+    products: Array<IProduct>;
+    value: string;
+    loading: boolean;
+    message: string;
+    phone: string;
+    pinInfo: IPinSent;
+    step: StepFormEnum;
+    bonus: IBonus;
+    sucess: string;
+    error: string;
+    config: IInfoStore;
+    handleSendPin(phone: string): Promise<void>;
+    componentWillLoad(): void;
+    private convertStringToNumber;
+    sendPin(): Promise<void>;
+    changePhone(): void;
+    validateBonus(pin: string): Promise<void>;
+    handleCancel(): void;
+    cancel(): Promise<void>;
+    reserveApply(amount: number): Promise<void>;
+    save(amount: number): void;
+    reserve(amount: number): Promise<void>;
+    render(): any;
+}

package/dist/types/components/giftback-form/subcomponents/giftback-info/giftback-info.d.ts

@@ -0,0 +1,15 @@
+import { IBonus } from "../../../../dto/validate.pin.bonus";
+export declare class GiftbackInfo {
+    usedValue: number;
+    selectedOption: string;
+    loading: boolean;
+    bonus: Partial<IBonus>;
+    reserve: (amountRedeemed: number) => void;
+    cancel: () => void;
+    sliderPosition: number;
+    componentWillLoad(): void;
+    handleSliderChange(event: Event): void;
+    private buildPositionSlider;
+    handleOptionChange(option: string): Promise<void>;
+    render(): any;
+}

package/dist/types/components/giftback-form/subcomponents/giftback-message/giftback-massage.d.ts

@@ -0,0 +1,3 @@
+export declare class GiftbackMessage {
+    render(): any;
+}

package/dist/types/components/giftback-form/subcomponents/phone-form/phone-form.d.ts

@@ -0,0 +1,8 @@
+export declare class PhoneForm {
+    private phoneInputMask;
+    value: string;
+    loading: boolean;
+    handlerSubmit: (phone: string) => void;
+    handlePhone(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/giftback-form/subcomponents/pin-form/pin-form.d.ts

@@ -0,0 +1,19 @@
+import { IPinSent } from '../../../../dto/pin.sent';
+export declare class GiftbackPin {
+    validate: (pin: string) => void;
+    cancel: () => void;
+    resend: () => void;
+    sent: IPinSent;
+    loading: boolean;
+    phone: string;
+    pin: string[];
+    isVerified: boolean;
+    canResend: boolean;
+    componentWillLoad(): void;
+    handleInput(event: Event, index: number): void;
+    validatePin(): void;
+    verifyPin(): void;
+    handleTimeout(): void;
+    handleResend(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/note/crm-bonus-note.d.ts

@@ -1,8 +1,12 @@
+import { IInfoStore } from "../../helpers/info.config.helper";
 export declare class CrmBonusNote {
     cartId: any;
+    storename: any;
     url: string;
+    config: IInfoStore;
     componentWillLoad(): void;
     upadateCheckToFreteAndGetUrl(): void;
     handleHide(): boolean;
+    getAmount(): string;
     render(): any;
 }

package/dist/types/components/phone/phone-input-mask.d.ts

@@ -1,10 +1,12 @@
 export declare class PhoneInputMask {
     phone: string;
+    message: string;
     initialValue: string;
     disabled: boolean;
     componentWillLoad(): void;
     private formatPhone;
     private handleInput;
+    validatePhoneNumber(phone: string): boolean;
     getPhone(): Promise<string>;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -16,6 +16,9 @@ export namespace Components {
         "isOpen": boolean;
         "modalTitle": string;
     }
+    interface CountdownTimer {
+        "downtime": () => void;
+    }
     interface CrmBonus {
         "cartId": any;
         "productsInString": string;
@@ -38,9 +41,25 @@ export namespace Components {
     }
     interface CrmBonusNote {
         "cartId": any;
+        "storename": any;
+    }
+    interface CrmButton {
+        "loading": boolean;
+        "txtBtn": string;
+    }
+    interface CrmGiftbackForm {
+        "cartId": any;
+        "products": Array<IProduct>;
+        "storeName": any;
     }
     interface GiftbackFinish {
     }
+    interface GiftbackInfo {
+        "bonus": Partial<IBonus>;
+        "cancel": () => void;
+        "loading": boolean;
+        "reserve": (amountRedeemed: number) => void;
+    }
     interface GiftbackPin {
         "cancel": () => void;
         "loading": boolean;
@@ -73,6 +92,11 @@ export namespace Components {
         "sendPin": Function;
         "value": string;
     }
+    interface PhoneForm {
+        "handlerSubmit": (phone: string) => void;
+        "loading": boolean;
+        "value": string;
+    }
     interface PhoneInput {
         "loading": boolean;
         "sendPin": Function;
@@ -83,6 +107,14 @@ export namespace Components {
         "getPhone": () => Promise<string>;
         "initialValue": string;
     }
+    interface PinForm {
+        "cancel": () => void;
+        "loading": boolean;
+        "phone": string;
+        "resend": () => void;
+        "sent": IPinSent;
+        "validate": (pin: string) => void;
+    }
 }
 export interface AppModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -106,6 +138,12 @@ declare global {
         prototype: HTMLAppModalElement;
         new (): HTMLAppModalElement;
     };
+    interface HTMLCountdownTimerElement extends Components.CountdownTimer, HTMLStencilElement {
+    }
+    var HTMLCountdownTimerElement: {
+        prototype: HTMLCountdownTimerElement;
+        new (): HTMLCountdownTimerElement;
+    };
     interface HTMLCrmBonusElement extends Components.CrmBonus, HTMLStencilElement {
     }
     var HTMLCrmBonusElement: {
@@ -124,12 +162,30 @@ declare global {
         prototype: HTMLCrmBonusNoteElement;
         new (): HTMLCrmBonusNoteElement;
     };
+    interface HTMLCrmButtonElement extends Components.CrmButton, HTMLStencilElement {
+    }
+    var HTMLCrmButtonElement: {
+        prototype: HTMLCrmButtonElement;
+        new (): HTMLCrmButtonElement;
+    };
+    interface HTMLCrmGiftbackFormElement extends Components.CrmGiftbackForm, HTMLStencilElement {
+    }
+    var HTMLCrmGiftbackFormElement: {
+        prototype: HTMLCrmGiftbackFormElement;
+        new (): HTMLCrmGiftbackFormElement;
+    };
     interface HTMLGiftbackFinishElement extends Components.GiftbackFinish, HTMLStencilElement {
     }
     var HTMLGiftbackFinishElement: {
         prototype: HTMLGiftbackFinishElement;
         new (): HTMLGiftbackFinishElement;
     };
+    interface HTMLGiftbackInfoElement extends Components.GiftbackInfo, HTMLStencilElement {
+    }
+    var HTMLGiftbackInfoElement: {
+        prototype: HTMLGiftbackInfoElement;
+        new (): HTMLGiftbackInfoElement;
+    };
     interface HTMLGiftbackPinElement extends Components.GiftbackPin, HTMLStencilElement {
     }
     var HTMLGiftbackPinElement: {
@@ -166,6 +222,12 @@ declare global {
         prototype: HTMLPhoneCancelInputElement;
         new (): HTMLPhoneCancelInputElement;
     };
+    interface HTMLPhoneFormElement extends Components.PhoneForm, HTMLStencilElement {
+    }
+    var HTMLPhoneFormElement: {
+        prototype: HTMLPhoneFormElement;
+        new (): HTMLPhoneFormElement;
+    };
     interface HTMLPhoneInputElement extends Components.PhoneInput, HTMLStencilElement {
     }
     var HTMLPhoneInputElement: {
@@ -178,20 +240,32 @@ declare global {
         prototype: HTMLPhoneInputMaskElement;
         new (): HTMLPhoneInputMaskElement;
     };
+    interface HTMLPinFormElement extends Components.PinForm, HTMLStencilElement {
+    }
+    var HTMLPinFormElement: {
+        prototype: HTMLPinFormElement;
+        new (): HTMLPinFormElement;
+    };
     interface HTMLElementTagNameMap {
         "app-modal": HTMLAppModalElement;
+        "countdown-timer": HTMLCountdownTimerElement;
         "crm-bonus": HTMLCrmBonusElement;
         "crm-bonus-form": HTMLCrmBonusFormElement;
         "crm-bonus-note": HTMLCrmBonusNoteElement;
+        "crm-button": HTMLCrmButtonElement;
+        "crm-giftback-form": HTMLCrmGiftbackFormElement;
         "giftback-finish": HTMLGiftbackFinishElement;
+        "giftback-info": HTMLGiftbackInfoElement;
         "giftback-pin": HTMLGiftbackPinElement;
         "giftback-progress": HTMLGiftbackProgressElement;
         "loading-spinner": HTMLLoadingSpinnerElement;
         "name-input": HTMLNameInputElement;
         "pedido-finalizado": HTMLPedidoFinalizadoElement;
         "phone-cancel-input": HTMLPhoneCancelInputElement;
+        "phone-form": HTMLPhoneFormElement;
         "phone-input": HTMLPhoneInputElement;
         "phone-input-mask": HTMLPhoneInputMaskElement;
+        "pin-form": HTMLPinFormElement;
     }
 }
 declare namespace LocalJSX {
@@ -200,6 +274,9 @@ declare namespace LocalJSX {
         "modalTitle"?: string;
         "onModalClosed"?: (event: AppModalCustomEvent<void>) => void;
     }
+    interface CountdownTimer {
+        "downtime"?: () => void;
+    }
     interface CrmBonus {
         "cartId"?: any;
         "productsInString"?: string;
@@ -221,9 +298,25 @@ declare namespace LocalJSX {
     }
     interface CrmBonusNote {
         "cartId"?: any;
+        "storename"?: any;
+    }
+    interface CrmButton {
+        "loading"?: boolean;
+        "txtBtn"?: string;
+    }
+    interface CrmGiftbackForm {
+        "cartId"?: any;
+        "products"?: Array<IProduct>;
+        "storeName"?: any;
     }
     interface GiftbackFinish {
     }
+    interface GiftbackInfo {
+        "bonus"?: Partial<IBonus>;
+        "cancel"?: () => void;
+        "loading"?: boolean;
+        "reserve"?: (amountRedeemed: number) => void;
+    }
     interface GiftbackPin {
         "cancel"?: () => void;
         "loading"?: boolean;
@@ -256,6 +349,11 @@ declare namespace LocalJSX {
         "sendPin"?: Function;
         "value"?: string;
     }
+    interface PhoneForm {
+        "handlerSubmit"?: (phone: string) => void;
+        "loading"?: boolean;
+        "value"?: string;
+    }
     interface PhoneInput {
         "loading"?: boolean;
         "sendPin"?: Function;
@@ -265,20 +363,34 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "initialValue"?: string;
     }
+    interface PinForm {
+        "cancel"?: () => void;
+        "loading"?: boolean;
+        "phone"?: string;
+        "resend"?: () => void;
+        "sent"?: IPinSent;
+        "validate"?: (pin: string) => void;
+    }
     interface IntrinsicElements {
         "app-modal": AppModal;
+        "countdown-timer": CountdownTimer;
         "crm-bonus": CrmBonus;
         "crm-bonus-form": CrmBonusForm;
         "crm-bonus-note": CrmBonusNote;
+        "crm-button": CrmButton;
+        "crm-giftback-form": CrmGiftbackForm;
         "giftback-finish": GiftbackFinish;
+        "giftback-info": GiftbackInfo;
         "giftback-pin": GiftbackPin;
         "giftback-progress": GiftbackProgress;
         "loading-spinner": LoadingSpinner;
         "name-input": NameInput;
         "pedido-finalizado": PedidoFinalizado;
         "phone-cancel-input": PhoneCancelInput;
+        "phone-form": PhoneForm;
         "phone-input": PhoneInput;
         "phone-input-mask": PhoneInputMask;
+        "pin-form": PinForm;
     }
 }
 export { LocalJSX as JSX };
@@ -286,18 +398,24 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "app-modal": LocalJSX.AppModal & JSXBase.HTMLAttributes<HTMLAppModalElement>;
+            "countdown-timer": LocalJSX.CountdownTimer & JSXBase.HTMLAttributes<HTMLCountdownTimerElement>;
             "crm-bonus": LocalJSX.CrmBonus & JSXBase.HTMLAttributes<HTMLCrmBonusElement>;
             "crm-bonus-form": LocalJSX.CrmBonusForm & JSXBase.HTMLAttributes<HTMLCrmBonusFormElement>;
             "crm-bonus-note": LocalJSX.CrmBonusNote & JSXBase.HTMLAttributes<HTMLCrmBonusNoteElement>;
+            "crm-button": LocalJSX.CrmButton & JSXBase.HTMLAttributes<HTMLCrmButtonElement>;
+            "crm-giftback-form": LocalJSX.CrmGiftbackForm & JSXBase.HTMLAttributes<HTMLCrmGiftbackFormElement>;
             "giftback-finish": LocalJSX.GiftbackFinish & JSXBase.HTMLAttributes<HTMLGiftbackFinishElement>;
+            "giftback-info": LocalJSX.GiftbackInfo & JSXBase.HTMLAttributes<HTMLGiftbackInfoElement>;
             "giftback-pin": LocalJSX.GiftbackPin & JSXBase.HTMLAttributes<HTMLGiftbackPinElement>;
             "giftback-progress": LocalJSX.GiftbackProgress & JSXBase.HTMLAttributes<HTMLGiftbackProgressElement>;
             "loading-spinner": LocalJSX.LoadingSpinner & JSXBase.HTMLAttributes<HTMLLoadingSpinnerElement>;
             "name-input": LocalJSX.NameInput & JSXBase.HTMLAttributes<HTMLNameInputElement>;
             "pedido-finalizado": LocalJSX.PedidoFinalizado & JSXBase.HTMLAttributes<HTMLPedidoFinalizadoElement>;
             "phone-cancel-input": LocalJSX.PhoneCancelInput & JSXBase.HTMLAttributes<HTMLPhoneCancelInputElement>;
+            "phone-form": LocalJSX.PhoneForm & JSXBase.HTMLAttributes<HTMLPhoneFormElement>;
             "phone-input": LocalJSX.PhoneInput & JSXBase.HTMLAttributes<HTMLPhoneInputElement>;
             "phone-input-mask": LocalJSX.PhoneInputMask & JSXBase.HTMLAttributes<HTMLPhoneInputMaskElement>;
+            "pin-form": LocalJSX.PinForm & JSXBase.HTMLAttributes<HTMLPinFormElement>;
         }
     }
 }

package/dist/types/contants/index.d.ts

@@ -3,5 +3,7 @@ export declare enum StepFormEnum {
     STEP_PHONE = 1,
     STEP_PIN = 2,
     STEP_RESERVE = 3,
-    STEP_APPLY = 4
+    STEP_APPLY = 4,
+    STEP_NO_BONUS = 5
 }
+export declare const MESSAGE_ERROR_INVALID_NUMBER = "N\u00FAmero inv\u00E1lido";

package/dist/types/helpers/info.config.helper.d.ts

@@ -0,0 +1,6 @@
+export interface IInfoStore {
+    btnApplyBonusLabel: string;
+    confirmationMessage: string;
+    giftbackTitle: string;
+}
+export declare function getInfoCustomization(storeName: string): IInfoStore;

package/dist/types/i18n/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18next from 'i18next';
+export default i18next;

package/dist/types/services/crmbonus.service.d.ts

@@ -14,4 +14,5 @@ export declare class CrmBonusService {
     reserve(payload: IReserveDTO): Promise<any>;
     cancel(cartId: string): Promise<any>;
     getToken(store: string): Promise<string>;
+    getCustomization(storeName: string): Promise<void>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crmbonus-component-wake",
-  "version": "1.0.47",
+  "version": "2.0.48",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -48,6 +48,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "axios": "^1.7.7"
+    "axios": "^1.7.7",
+    "i18next": "^24.0.5"
   }
 }

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

@@ -1,157 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-52d8a075.js');
-const crmbonus_service = require('./crmbonus.service-e375ebfe.js');
-const index$1 = require('./index-861e0cbe.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: 'c6da9ce70d919346c641a5aa372ba17305c0d670', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, index.h("div", { key: '807ac561f4825f3ba470529d80135b7e2024a149', class: "modal" }, index.h("div", { key: '57de6ce754a7ad665b7bac3bcfc561e0baa694b4', class: "modal-header" }, index.h("h3", { key: 'a716a0c910ba51cf3700b4812924e8e75505b6ac' }, this.modalTitle), index.h("button", { key: '295e0b32f08233d48c376287496717a4edfeae6d', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), index.h("div", { key: 'b1abe2d5c073ba9a7bd329c47a631e5cff51e0ea', class: "modal-body" }, index.h("slot", { key: '135950e8e07a6eb1dc8c3eb2326c182617143893' })))));
-    }
-};
-AppModal.style = AppModalStyle0;
-
-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: 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: '6e71114a1e7b254f5f3a1fa907c96bb2c2f36171' }, this.step == index$1.StepFormEnum.STEP_NAME && index.h("name-input", { key: 'd44a3757015d8af2062f98d2cc0271dd2d9e79af', loading: this.loadingModal, value: this.customer.name, applyName: (name) => this.handleCustomerName(name) }), this.step === index$1.StepFormEnum.STEP_PIN && index.h("giftback-pin", { key: '74e74078485e3f75d053f54300acb5e99c84533a', 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: '2b9c3cd91e20af1efca4590b6f94e694b2f4c03f', 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: 'f66d8c5da16a1a48a1b1be8b48a61a62676fa753' }), index.h("p", { key: 'c68f26529c21ce047819449f0414538f5e9771f8', class: "message-error" }, this.message)));
-    }
-};
-CrmBonusForm.style = CrmBonusFormStyle0;
-
-const PhoneCancelInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.sendPin = undefined;
-        this.loading = undefined;
-        this.value = undefined;
-    }
-    async validatePhone() {
-        const phone = await this.phoneInputMask.getPhone();
-        await this.sendPin(phone);
-    }
-    render() {
-        return (index.h("div", { key: '7d3f18239fdd1c87fda497e8940629664a3ea177', class: "form-container" }, index.h("phone-input-mask", { key: '83227ee73df037e32c2923a5bcdcb1a97f8adf4b', initialValue: `Valor aplicado R$ ${this.value}`, ref: ref => this.phoneInputMask = ref, disabled: true }), index.h("button", { key: '03e84e9279aaae1a02c581c233367b175bdc8a88', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "Cancelar" : index.h("loading-spinner", { size: "11px", color: "#fff" }))));
-    }
-};
-
-const PhoneInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.sendPin = undefined;
-        this.loading = undefined;
-        this.value = undefined;
-    }
-    async validatePhone() {
-        const phone = await this.phoneInputMask.getPhone();
-        await this.sendPin(phone);
-    }
-    render() {
-        return (index.h("div", { key: '32725cc609ea28dced36cc25ad20e0458446eee6', class: "form-container" }, index.h("phone-input-mask", { key: '60ec6db64dbee3896f14b149853fbe541d0aa0d9', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), index.h("button", { key: '893acc63121be36c0a56fdff99e07d4bc0801412', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : index.h("loading-spinner", { size: "11px", color: "#fff" }))));
-    }
-};
-
-exports.app_modal = AppModal;
-exports.crm_bonus_form = CrmBonusForm;
-exports.phone_cancel_input = PhoneCancelInput;
-exports.phone_input = PhoneInput;
-
-//# sourceMappingURL=app-modal_4.cjs.entry.js.map