crmbonus-component-wake 2.1.31-homolog → 2.1.31-ngrok

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

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-a7537457.js');
-
-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: '044d8a3c65878d89149fe5090e091f26a7ba9c70', class: "form-container" }, index.h("phone-input-mask", { key: 'b5c8c42c5fad360bfb890945399bd52fa758a16c', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), index.h("button", { key: '6a1b1a3bbaf8ad5dee8630f79753a2dcd77cb60a', 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.phone_input = PhoneInput;
-
-//# sourceMappingURL=phone-input.cjs.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"phone-input.entry.cjs.js","mappings":";;;;;;MAMa,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,QACIA,kEAAK,KAAK,EAAC,gBAAgB,IACvBA,+EAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI,EACrFA,qEAAQ,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,GAAGA,6BAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEvE,CACP,EACT;KACJ;;;;;","names":["h"],"sources":["src/components/_crm-bonus-form/subcomponents/phone/phone.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'phone-input',\r\n    shadow: true\r\n})\r\nexport class PhoneInput {\r\n\r\n    private phoneInputMask: HTMLPhoneInputMaskElement;\r\n\r\n    @Prop() sendPin: Function;\r\n    @Prop() loading: boolean;\r\n    @Prop() value: string;\r\n\r\n    async validatePhone() {\r\n        const phone = await this.phoneInputMask.getPhone();\r\n        await this.sendPin(phone);\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"form-container\">\r\n                <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\r\n                <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\r\n                    {\r\n                        !this.loading ? \"validar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\r\n                    }\r\n                </button>\r\n            </div>\r\n        )\r\n    }\r\n}"],"version":3}

package/dist/collection/components/_crm-bonus-form/crm-bonus-form.css

@@ -1,18 +0,0 @@
-.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-size: small; */
-    margin-left: 16px;
-}

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

@@ -1,348 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { CrmBonusService } from "../../services/crmbonus.service";
-import { StepFormEnum } from "../../contants";
-export class CrmBonusForm {
-    constructor() {
-        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: parseInt(this.phone.toString()),
-            storeId: this.sent.storeId.toString(),
-            userId: this.sent.userId.toString(),
-            checkoutId: this.cartId,
-            checkoutProducts: this.products,
-            name: null,
-            storeName: this.storeName
-        };
-        try {
-            this.bonus = await this.crmBonusService.validatePinBonus(payload);
-            this.step = 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: '6cc4f52efdbcb77d480c9e85fcd0b0c10f0598a7' }, this.step == StepFormEnum.STEP_NAME && h("name-input", { key: '2c9bc7d4af5536f929b9a9a50caff90a43e19959', loading: this.loadingModal, value: this.customer.name, applyName: (name) => this.handleCustomerName(name) }), this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: 'e2fe1b7afba602d4a8106fb331c55cb82eafe82a', cancel: () => this.handleCancel(), sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: '7ff0c00d64909713715f735f1c803b093055badc', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_APPLY && h("giftback-finish", { key: '30458626eb3d32b0ab9fca3d1e09c72983560b0b' }), h("p", { key: '0fdd0de0a48433ba39ec07f5f8735e947231a178', class: "message-error" }, this.message)));
-    }
-    static get is() { return "crm-bonus-form"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["crm-bonus-form.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["crm-bonus-form.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "storeName": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "storename",
-                "reflect": false
-            },
-            "cartId": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "cart-id",
-                "reflect": false
-            },
-            "products": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Array<IProduct>",
-                    "resolved": "IProduct[]",
-                    "references": {
-                        "Array": {
-                            "location": "global",
-                            "id": "global::Array"
-                        },
-                        "IProduct": {
-                            "location": "import",
-                            "path": "../../dto/validate.pin.bonus",
-                            "id": "src/dto/validate.pin.bonus.ts::IProduct"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "customer": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "ICustomer",
-                    "resolved": "ICustomer",
-                    "references": {
-                        "ICustomer": {
-                            "location": "import",
-                            "path": "../../dto/validate.pin.bonus",
-                            "id": "src/dto/validate.pin.bonus.ts::ICustomer"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "defaultValue": "{\r\n        phone: \"\",\r\n        birthDate: \"\",\r\n        document: \"\",\r\n        name: \"\"\r\n    }"
-            },
-            "sent": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "IPinSent",
-                    "resolved": "IPinSent",
-                    "references": {
-                        "IPinSent": {
-                            "location": "import",
-                            "path": "../../dto/pin.sent",
-                            "id": "src/dto/pin.sent.ts::IPinSent"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "stepNext": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "StepFormEnum",
-                    "resolved": "StepFormEnum.STEP_APPLY | StepFormEnum.STEP_NAME | StepFormEnum.STEP_NO_BONUS | StepFormEnum.STEP_PHONE | StepFormEnum.STEP_PIN | StepFormEnum.STEP_RESERVE",
-                    "references": {
-                        "StepFormEnum": {
-                            "location": "import",
-                            "path": "../../contants",
-                            "id": "src/contants/index.ts::StepFormEnum"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "step-next",
-                "reflect": false
-            },
-            "phone": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "phone",
-                "reflect": false
-            },
-            "loadingModal": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "loading-modal",
-                "reflect": false
-            },
-            "saveStore": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(amount: number) => void",
-                    "resolved": "(amount: number) => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "cancel": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "() => void",
-                    "resolved": "() => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "handleCustomerName": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(name: string) => void",
-                    "resolved": "(name: string) => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            }
-        };
-    }
-    static get states() {
-        return {
-            "loading": {},
-            "step": {},
-            "message": {},
-            "bonus": {}
-        };
-    }
-    static get methods() {
-        return {
-            "setStep": {
-                "complexType": {
-                    "signature": "(step: StepFormEnum) => Promise<void>",
-                    "parameters": [{
-                            "name": "step",
-                            "type": "StepFormEnum",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "StepFormEnum": {
-                            "location": "import",
-                            "path": "../../contants",
-                            "id": "src/contants/index.ts::StepFormEnum"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}
-//# sourceMappingURL=crm-bonus-form.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"crm-bonus-form.js","sourceRoot":"","sources":["../../../../src/components/_crm-bonus-form/crm-bonus-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Method, Prop, State, h } from \"@stencil/core\";\r\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\r\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\r\nimport { StepFormEnum } from \"../../contants\";\r\nimport { IPinSent } from '../../dto/pin.sent';\r\n\r\n@Component({\r\n    tag: 'crm-bonus-form',\r\n    styleUrl: 'crm-bonus-form.css',\r\n    shadow: true\r\n})\r\nexport class CrmBonusForm {\r\n\r\n    private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\r\n\r\n    @Prop({ attribute: 'storename' }) storeName;\r\n    @Prop() cartId;\r\n    @Prop() products: Array<IProduct>;\r\n    @Prop() customer: ICustomer = {\r\n        phone: \"\",\r\n        birthDate: \"\",\r\n        document: \"\",\r\n        name: \"\"\r\n    };\r\n    @Prop() sent: IPinSent;\r\n    @Prop() stepNext: StepFormEnum;\r\n    @Prop() phone: number;\r\n    @Prop() loadingModal: boolean;\r\n\r\n    @Prop() saveStore: (amount: number) => void;\r\n\r\n    @Prop() cancel: () => void;\r\n\r\n    @Prop() handleCustomerName: (name: string) => void;\r\n\r\n    @State() loading: boolean = false;\r\n\r\n    @State() step: number = StepFormEnum.STEP_NAME;\r\n\r\n    @State() message: string;\r\n\r\n    @State() bonus: IBonus;\r\n\r\n    @Method()\r\n    async setStep(step: StepFormEnum) {\r\n        this.step = step\r\n    }\r\n\r\n    public async validateBonus(pin: string) {\r\n        this.loading = true;\r\n        this.message = \"\";\r\n        const payload: IProccesPinBonusDto = {\r\n            pin: pin,\r\n            cellphone: parseInt(this.phone.toString()),\r\n            storeId: this.sent.storeId.toString(),\r\n            userId: this.sent.userId.toString(),\r\n            checkoutId: this.cartId,\r\n            checkoutProducts: this.products,\r\n            name: null,\r\n            storeName: this.storeName\r\n        }\r\n\r\n        try {\r\n            this.bonus = await this.crmBonusService.validatePinBonus(payload);\r\n\r\n            this.step = StepFormEnum.STEP_RESERVE;\r\n        } catch (error) {\r\n            this.message = error?.response?.data?.message\r\n        } finally {\r\n            this.loading = false;\r\n        }\r\n    }\r\n\r\n    public async reserveApply(amount: number) {\r\n        this.loading = true;\r\n        this.message = \"\";\r\n        try {\r\n            await this.reserve(amount);\r\n\r\n            this.step = StepFormEnum.STEP_APPLY;\r\n\r\n            this.saveStore(amount);\r\n        } catch (error) {\r\n            this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\r\n        } finally {\r\n            this.loading = false;\r\n        }\r\n    }\r\n\r\n    public async reserve(amount: number) {\r\n        await this.crmBonusService.reserve({\r\n            redeemedBonus: amount,\r\n            cartId: this.cartId,\r\n            ticket: this.cartId,\r\n            grossValue: Number(this.bonus.totalValue),\r\n            storeName: this.storeName,\r\n            storeId: this.bonus.storeId.toString(),\r\n            userId: this.bonus.userId\r\n        });\r\n    }\r\n\r\n    public handleCancel() {\r\n        this.step = StepFormEnum.STEP_PHONE;\r\n        this.cancel()\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <Host>\r\n                {/* {this.step === StepFormEnum.STEP_PHONE && <phone-input value={this.customer.phone} sendPin={(phone) => this.sendPin(phone)} loading={this.loading} />} */}\r\n                \r\n                {this.step == StepFormEnum.STEP_NAME && <name-input loading={this.loadingModal} value={this.customer.name} applyName={(name) => this.handleCustomerName(name)} />}\r\n                {this.step === StepFormEnum.STEP_PIN && <giftback-pin cancel={() => this.handleCancel()} sent={this.sent} validate={(data) => this.validateBonus(data)} loading={this.loading} />}\r\n\r\n                {this.step === StepFormEnum.STEP_RESERVE && <giftback-progress loading={this.loading} cancel={() => this.handleCancel()} bonus={this.bonus} reserve={(amountRedeemed: number) => this.reserveApply(amountRedeemed)} />}\r\n                {this.step === StepFormEnum.STEP_APPLY && <giftback-finish />}\r\n                <p class=\"message-error\">{this.message}</p>\r\n            </Host>\r\n        )\r\n    }\r\n}"]}

package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-finish/giftback-finish.css

@@ -1,9 +0,0 @@
-.message-finish {
-    align-content: center;
-    text-align: center;
-}
-
-.message-finish p {
-    color: #777676;
-    /* font-size: xx-large; */
-}

package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-finish/giftback-finish.js

@@ -1,20 +0,0 @@
-import { h } from "@stencil/core";
-import success from "../../../crm-bonus/assets/svg/success-svgrepo-com.svg";
-export class GiftbackFinish {
-    render() {
-        return (h("div", { key: 'e32646bd2ef2f8336262b206aebd7eb4bf37d9f9', class: "message-finish" }, h("img", { key: 'e866cf43b1c4ca43fff000af02b919a9878b1566', src: success, width: 80 }), h("p", { key: '452a7ce0bd5fd9a729d299e5c058e68e7a4928db' }, "Legal! O B\u00F4nus ser\u00E1 aplicado na sua compra.")));
-    }
-    static get is() { return "giftback-finish"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["giftback-finish.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["giftback-finish.css"]
-        };
-    }
-}
-//# sourceMappingURL=giftback-finish.js.map

package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-finish/giftback-finish.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"giftback-finish.js","sourceRoot":"","sources":["../../../../../../src/components/_crm-bonus-form/subcomponents/giftback-finish/giftback-finish.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,OAAO,MAAM,uDAAuD,CAAA;AAO3E,MAAM,OAAO,cAAc;IACvB,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,gBAAgB;YACvB,4DAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,GAAI;YAChC,oHAAkD,CAChD,CACT,CAAA;IACL,CAAC;;;;;;;;;CACJ","sourcesContent":["import { Component, h } from \"@stencil/core\";\r\nimport success from '../../../crm-bonus/assets/svg/success-svgrepo-com.svg'\r\n\r\n@Component({\r\n    tag: 'giftback-finish',\r\n    styleUrl: 'giftback-finish.css',\r\n    shadow: true\r\n})\r\nexport class GiftbackFinish {\r\n    render() {\r\n        return (\r\n            <div class=\"message-finish\">\r\n                <img src={success} width={80} />\r\n                <p>Legal! O Bônus será aplicado na sua compra.</p>\r\n            </div>\r\n        )\r\n    }\r\n}"]}

package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.css

@@ -1,69 +0,0 @@
-:host {
-    display: block;
-}
-
-.form-container-pin {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.pin-container {
-    display: flex;
-    gap: 10px;
-    margin: 26px 0;
-}
-
-input {
-    width: 58px;
-    height: 40px;
-    /* font-size: 18px; */
-    text-align: center;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-}
-
-button {
-    padding: 10px 20px;
-    /* background-color: #ddd; */
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-}
-
-.success {
-    color: green;
-    margin-top: 10px;
-}
-
-.button {
-    top: 50%;
-    background-color: #6c6c7e;
-    color: #fff;
-    border: none;
-    border-radius: 10px;
-    padding: 15px;
-    min-height: 30px;
-    min-width: 120px;
-    /* font-size: 20px; */
-    cursor: pointer;
-}
-
-.button-cancel {
-    top: 50%;
-    background-color: #ffffff;
-    color: #1e1c1c;
-    border: 1px solid gray;
-    border-radius: 10px;
-    padding: 10px;
-    min-height: 30px;
-    min-width: 120px;
-    /* font-size: 19px; */
-    cursor: pointer;
-}
-
-.footer-button {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-}

package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.js

@@ -1,126 +0,0 @@
-import { h } from "@stencil/core";
-export class GiftbackPin {
-    constructor() {
-        this.sent = undefined;
-        this.validate = undefined;
-        this.cancel = undefined;
-        this.pin = ['', '', '', ''];
-        this.isVerified = false;
-        this.loading = false;
-    }
-    handleInput(event, index) {
-        const input = event.target;
-        const value = input.value.slice(0, 1); // Limitar a um único dígito
-        this.pin[index] = value;
-        // Focar no próximo campo, se possível
-        if (value && index < this.pin.length - 1) {
-            const nextInput = input.nextElementSibling;
-            nextInput === null || nextInput === void 0 ? void 0 : nextInput.focus();
-        }
-        this.pin = [...this.pin];
-    }
-    validatePin() {
-        this.validate(this.pin.join(""));
-    }
-    verifyPin() {
-        const pinCode = this.pin.join('');
-        if (pinCode === '9999') {
-            this.isVerified = true;
-        }
-    }
-    render() {
-        return (h("div", { key: 'a05b02c21780511f6b8c2549ed01feaf93796808', class: "form-container-pin" }, h("div", { key: 'a88cbf3a59166a12a4c72b5b00c97d30b8f6c644' }, h("p", { key: '4be53967640d06b7eb7182545c7fd6504a0c41a7' }, "Insira o PIN de 4 d\u00EDgitos enviado por SMS."), h("div", { key: '0c73ed59159223f148d5c39f3c1e23ea315c42ef', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) }))))), h("div", { key: 'bcb35393b6548ebd632f3b46ebbde0da7495be8d', class: "footer-button" }, h("button", { key: '02d9b01e3b88574f720456949ecbb688ea56e0ed', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: '76e9dd429d8a6a6408c67346ae516fe2d9eea392', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePin() }, !this.loading ? "Enviar" : h("loading-spinner", { size: "15px", color: "#fff" })))));
-    }
-    static get is() { return "giftback-pin"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["giftback-pin.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["giftback-pin.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "sent": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "IPinSent",
-                    "resolved": "IPinSent",
-                    "references": {
-                        "IPinSent": {
-                            "location": "import",
-                            "path": "../../../../dto/pin.sent",
-                            "id": "src/dto/pin.sent.ts::IPinSent"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "validate": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(pin: string) => void",
-                    "resolved": "(pin: string) => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "cancel": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "() => void",
-                    "resolved": "() => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "loading": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "loading",
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "pin": {},
-            "isVerified": {}
-        };
-    }
-}
-//# sourceMappingURL=giftback-pin.js.map

package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"giftback-pin.js","sourceRoot":"","sources":["../../../../../../src/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQ1D,MAAM,OAAO,WAAW;;;;;mBAMK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;0BACV,KAAK;uBAET,KAAK;;IAEhC,WAAW,CAAC,KAAY,EAAE,KAAa;QACnC,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,4BAA4B;QACnE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;QAExB,sCAAsC;QACtC,IAAI,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvC,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAsC,CAAC;YAC/D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;QACvB,CAAC;QAED,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC;IAED,WAAW;QACP,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;IACpC,CAAC;IAED,SAAS;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAClC,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;YACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAC3B,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,oBAAoB;YAC3B;gBACI,8GAAiD;gBACjD,4DAAK,KAAK,EAAC,eAAe,IACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,aACI,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EACtB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,GACpD,CACL,CAAC,CACA,CACJ;YAEN,4DAAK,KAAK,EAAC,eAAe;gBACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,eAEzE;gBACT,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAE7G,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEtE,CACP,CAGJ,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\r\nimport { IPinSent } from '../../../../dto/pin.sent';\r\n\r\n@Component({\r\n    tag: 'giftback-pin',\r\n    styleUrl: 'giftback-pin.css',\r\n    shadow: true,\r\n})\r\nexport class GiftbackPin {\r\n\r\n    @Prop() sent: IPinSent;\r\n    @Prop() validate: (pin: string) => void;\r\n    @Prop() cancel: () => void;\r\n\r\n    @State() pin: string[] = ['', '', '', ''];\r\n    @State() isVerified: boolean = false;\r\n\r\n    @Prop() loading: boolean = false;\r\n\r\n    handleInput(event: Event, index: number) {\r\n        const input = event.target as HTMLInputElement;\r\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\r\n        this.pin[index] = value;\r\n\r\n        // Focar no próximo campo, se possível\r\n        if (value && index < this.pin.length - 1) {\r\n            const nextInput = input.nextElementSibling as HTMLInputElement;\r\n            nextInput?.focus();\r\n        }\r\n\r\n        this.pin = [...this.pin];\r\n    }\r\n\r\n    validatePin() {\r\n        this.validate(this.pin.join(\"\"))\r\n    }\r\n\r\n    verifyPin() {\r\n        const pinCode = this.pin.join('');\r\n        if (pinCode === '9999') {\r\n            this.isVerified = true;\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"form-container-pin\">\r\n                <div >\r\n                    <p>Insira o PIN de 4 dígitos enviado por SMS.</p>\r\n                    <div class=\"pin-container\">\r\n                        {this.pin.map((_, index) => (\r\n                            <input\r\n                                type=\"text\"\r\n                                maxLength={1}\r\n                                value={this.pin[index]}\r\n                                onInput={(event) => this.handleInput(event, index)}\r\n                            />\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"footer-button\">\r\n                    <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\r\n                        Cancelar\r\n                    </button>\r\n                    <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePin()}>\r\n                        {\r\n                            !this.loading ? \"Enviar\" : <loading-spinner size=\"15px\" color=\"#fff\" />\r\n                        }\r\n                    </button>\r\n                </div>\r\n                {/* <button onClick={() => this.verifyPin()}>Enviar</button>\r\n                {this.isVerified && <p class=\"success\">Código verificado com sucesso!</p>} */}\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}