crmbonus-component-wake 1.0.46 → 2.0.47

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/giftback-form/giftback-form.d.ts

@@ -0,0 +1,24 @@
+import { StepFormEnum } from "../../contants";
+import { IPinSent } from '../../dto/pin.sent';
+import { IBonus, IProduct } from "../../dto/validate.pin.bonus";
+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;
+    handleSendPin(phone: string): Promise<void>;
+    private convertStringToNumber;
+    sendPin(): Promise<void>;
+    changePhone(): void;
+    validateBonus(pin: string): 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;
+    handleReserve(value: number): Promise<void>;
+    handleOptionChange(option: string): void;
+    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,20 @@
+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>;
+    renderOptions(): any;
+    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;
@@ -39,8 +42,23 @@ export namespace Components {
     interface CrmBonusNote {
         "cartId": 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 +91,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 +106,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 +137,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 +161,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 +221,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 +239,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 +273,9 @@ declare namespace LocalJSX {
         "modalTitle"?: string;
         "onModalClosed"?: (event: AppModalCustomEvent<void>) => void;
     }
+    interface CountdownTimer {
+        "downtime"?: () => void;
+    }
     interface CrmBonus {
         "cartId"?: any;
         "productsInString"?: string;
@@ -222,8 +298,23 @@ declare namespace LocalJSX {
     interface CrmBonusNote {
         "cartId"?: 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 +347,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 +361,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 +396,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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crmbonus-component-wake",
-  "version": "1.0.46",
+  "version": "2.0.47",
   "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

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

@@ -1 +0,0 @@
-{"file":"app-modal.crm-bonus-form.phone-cancel-input.phone-input.entry.cjs.js","mappings":"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","names":["h","CrmBonusService","StepFormEnum","Host"],"sources":["src/components/modal/app-modal.css?tag=app-modal&encapsulation=shadow","src/components/modal/app-modal.tsx","src/components/crm-bonus-form/crm-bonus-form.css?tag=crm-bonus-form&encapsulation=shadow","src/components/crm-bonus-form/crm-bonus-form.tsx","src/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.tsx","src/components/crm-bonus-form/subcomponents/phone/phone.input.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}",".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}","import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'phone-cancel-input'\n})\nexport class PhoneCancelInput {\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={`Valor aplicado R$ ${this.value}`} ref={ref => this.phoneInputMask = ref} disabled={true} />\n                <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n                    {\n                        !this.loading ? \"Cancelar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\n                    }\n                </button>\n            </div>\n        )\n    }\n}","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}