crmbonus-component-wake 1.0.47 → 2.0.48

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

@@ -1,150 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-9f7bde48.js';
-import { C as CrmBonusService } from './crmbonus.service-4ee773c8.js';
-import { S as StepFormEnum } from './index-ea02697e.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) {
-        registerInstance(this, hostRef);
-        this.modalClosed = createEvent(this, "modalClosed", 7);
-        this.isOpen = false;
-        this.modalTitle = undefined;
-    }
-    closeModal() {
-        this.modalClosed.emit();
-    }
-    render() {
-        return (h("div", { key: 'c6da9ce70d919346c641a5aa372ba17305c0d670', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: '807ac561f4825f3ba470529d80135b7e2024a149', class: "modal" }, h("div", { key: '57de6ce754a7ad665b7bac3bcfc561e0baa694b4', class: "modal-header" }, h("h3", { key: 'a716a0c910ba51cf3700b4812924e8e75505b6ac' }, this.modalTitle), h("button", { key: '295e0b32f08233d48c376287496717a4edfeae6d', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: 'b1abe2d5c073ba9a7bd329c47a631e5cff51e0ea', class: "modal-body" }, 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) {
-        registerInstance(this, hostRef);
-        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: '6e71114a1e7b254f5f3a1fa907c96bb2c2f36171' }, this.step == StepFormEnum.STEP_NAME && h("name-input", { key: 'd44a3757015d8af2062f98d2cc0271dd2d9e79af', loading: this.loadingModal, value: this.customer.name, applyName: (name) => this.handleCustomerName(name) }), this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: '74e74078485e3f75d053f54300acb5e99c84533a', cancel: () => this.handleCancel(), sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: '2b9c3cd91e20af1efca4590b6f94e694b2f4c03f', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_APPLY && h("giftback-finish", { key: 'f66d8c5da16a1a48a1b1be8b48a61a62676fa753' }), h("p", { key: 'c68f26529c21ce047819449f0414538f5e9771f8', class: "message-error" }, this.message)));
-    }
-};
-CrmBonusForm.style = CrmBonusFormStyle0;
-
-const PhoneCancelInput = 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: '7d3f18239fdd1c87fda497e8940629664a3ea177', class: "form-container" }, h("phone-input-mask", { key: '83227ee73df037e32c2923a5bcdcb1a97f8adf4b', initialValue: `Valor aplicado R$ ${this.value}`, ref: ref => this.phoneInputMask = ref, disabled: true }), h("button", { key: '03e84e9279aaae1a02c581c233367b175bdc8a88', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "Cancelar" : h("loading-spinner", { size: "11px", color: "#fff" }))));
-    }
-};
-
-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: '32725cc609ea28dced36cc25ad20e0458446eee6', class: "form-container" }, h("phone-input-mask", { key: '60ec6db64dbee3896f14b149853fbe541d0aa0d9', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("button", { key: '893acc63121be36c0a56fdff99e07d4bc0801412', 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 { AppModal as app_modal, CrmBonusForm as crm_bonus_form, PhoneCancelInput as phone_cancel_input, PhoneInput as phone_input };
-
-//# sourceMappingURL=app-modal_4.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"app-modal.crm-bonus-form.phone-cancel-input.phone-input.entry.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,+hBAA+hB,CAAC;AACpjB,uBAAe,WAAW;;MCMb,QAAQ;;;;sBAG0B,KAAK;;;IAQxC,UAAU;QACd,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KAC3B;IAED,MAAM;QACF,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;;;;ACtCL,MAAM,eAAe,GAAG,wOAAwO,CAAC;AACjQ,2BAAe,eAAe;;MCUjB,YAAY;;;QAEb,oBAAe,GAAoB,eAAe,CAAC,WAAW,EAAE,CAAC;;;;wBAK3C;YAC1B,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,EAAE;SACX;;;;;;;;uBAY2B,KAAK;oBAET,YAAY,CAAC,SAAS;;;;IAO9C,MAAM,OAAO,CAAC,IAAkB;QAC5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;KACnB;IAEM,MAAM,aAAa,CAAC,GAAW;;QAClC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,MAAM,OAAO,GAAwB;YACjC,GAAG,EAAE,GAAG;YACR,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YAChC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACrC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YACnC,UAAU,EAAE,IAAI,CAAC,MAAM;YACvB,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,IAAI,EAAE,IAAI;YACV,SAAS,EAAE,IAAI,CAAC,SAAS;SAC5B,CAAA;QAED,IAAI;YACA,IAAI,CAAC,KAAK,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YAElE,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,YAAY,CAAC;SACzC;QAAC,OAAO,KAAK,EAAE;YACZ,IAAI,CAAC,OAAO,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,0CAAE,IAAI,0CAAE,OAAO,CAAA;SAChD;gBAAS;YACN,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACxB;KACJ;IAEM,MAAM,YAAY,CAAC,MAAc;QACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI;YACA,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAE3B,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,UAAU,CAAC;YAEpC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SAC1B;QAAC,OAAO,KAAK,EAAE;YACZ,IAAI,CAAC,OAAO,GAAG,qEAAqE,CAAA;SACvF;gBAAS;YACN,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACxB;KACJ;IAEM,MAAM,OAAO,CAAC,MAAc;QAC/B,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;YAC/B,aAAa,EAAE,MAAM;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,UAAU,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE;YACtC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;SAC5B,CAAC,CAAC;KACN;IAEM,YAAY;QACf,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,MAAM,EAAE,CAAA;KAChB;IAED,MAAM;QACF,QACI,EAAC,IAAI,uDAGA,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC,SAAS,IAAI,mEAAY,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAI,EAChK,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,QAAQ,IAAI,qEAAc,MAAM,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAI,EAEhL,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,YAAY,IAAI,0EAAmB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,cAAsB,KAAK,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,GAAI,EACrN,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,UAAU,IAAI,yEAAmB,EAC7D,0DAAG,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,EACV;KACJ;;;;MClHQ,gBAAgB;;;;;;;IAQzB,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,qBAAqB,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAI,EAC5H,+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,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,EACT;KACJ;;;MCxBQ,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/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}