crmbonus-component-wake 0.0.18 → 0.0.20

package/dist/components/p-563ea4c5.js

@@ -0,0 +1,166 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-faf7103e.js';
+import { C as CrmBonusService } from './p-629fcb5b.js';
+import { d as defineCustomElement$6 } from './p-7294e43f.js';
+import { d as defineCustomElement$5 } from './p-a1781d03.js';
+import { d as defineCustomElement$4 } from './p-a88bc337.js';
+import { d as defineCustomElement$3 } from './p-78529eea.js';
+import { d as defineCustomElement$2 } from './p-17ee9996.js';
+import { d as defineCustomElement$1 } from './p-2dbfb2c7.js';
+
+var StepFormEnum;
+(function (StepFormEnum) {
+    StepFormEnum[StepFormEnum["STEP_PHONE"] = 1] = "STEP_PHONE";
+    StepFormEnum[StepFormEnum["STEP_PIN"] = 2] = "STEP_PIN";
+    StepFormEnum[StepFormEnum["STEP_RESERVE"] = 3] = "STEP_RESERVE";
+    StepFormEnum[StepFormEnum["STEP_APPLY"] = 4] = "STEP_APPLY";
+})(StepFormEnum || (StepFormEnum = {}));
+
+const crmBonusFormCss = ".form-container{width:100%;display:flex;justify-content:center;justify-content:space-around}.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}.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 = /*@__PURE__*/ proxyCustomElement(class CrmBonusForm extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.crmBonusService = new CrmBonusService();
+        this.storeName = undefined;
+        this.cartId = undefined;
+        this.products = undefined;
+        this.customer = {
+            phone: "",
+            birthDate: "",
+            document: "",
+            name: ""
+        };
+        this.loading = false;
+        this.step = StepFormEnum.STEP_PHONE;
+        this.sent = undefined;
+        this.message = undefined;
+        this.phone = undefined;
+        this.bonus = undefined;
+    }
+    async sendPin(phone) {
+        var _a, _b;
+        this.loading = true;
+        this.message = "";
+        try {
+            const _phone = phone.replace(/\D/g, '');
+            this.phone = Number(_phone);
+            const sent = await this.crmBonusService.sendPin(this.phone, this.storeName);
+            this.sent = sent;
+            this.step = StepFormEnum.STEP_PIN;
+        }
+        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 validateBonus(pin) {
+        var _a, _b;
+        this.loading = true;
+        const payload = {
+            pin: pin,
+            cellphone: this.phone.toString(),
+            loja_id: this.sent.storeId,
+            user_id: this.sent.userId,
+            cartId: this.cartId,
+            products: this.products
+        };
+        try {
+            this.bonus = await this.crmBonusService.validatePinBonus(payload, this.storeName);
+            console.log('[this.bonus]', this.bonus);
+            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;
+        }
+        console.log('payload', payload);
+    }
+    async reserve(amount) {
+        this.loading = true;
+        this.message = "";
+        try {
+            await this.crmBonusService.reserve({
+                redeemed_bonus: amount,
+                cart_id: this.cartId,
+                ticket: this.cartId,
+                gross_value: this.bonus.totalValue,
+            }, this.storeName);
+        }
+        catch (error) {
+            this.message = "ocorreu um error ao solicitar a aplicação do bonus! tente novamente";
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    render() {
+        return (h(Host, { key: '5a1b20b7243430f94b179ade85728592c077fa2e' }, this.step === StepFormEnum.STEP_PHONE && h("phone-input", { key: '9d0a8683efee3c35307c96899320696c30b3f411', value: this.customer.phone, sendPin: (phone) => this.sendPin(phone), loading: this.loading }), this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: '6a4212e62ddd6c550eb43e414fa1b87365b0724e', sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: '94bd68421255cc6a0c269466b9e8c664f8c771be', bonus: this.bonus, reserve: (amountRedeemed) => this.reserve(amountRedeemed) }), this.step === StepFormEnum.STEP_APPLY && h("giftback-finish", { key: 'd354369a81be61afd3c9b4133b07e624de5534c1' }), h("p", { key: 'bb80d97f27a67fdcea667fcaad6f5a300e3e8491', class: "message-error" }, this.message)));
+    }
+    static get style() { return CrmBonusFormStyle0; }
+}, [1, "crm-bonus-form", {
+        "storeName": [8, "storename"],
+        "cartId": [8, "cart-id"],
+        "products": [16],
+        "customer": [16],
+        "loading": [32],
+        "step": [32],
+        "sent": [32],
+        "message": [32],
+        "phone": [32],
+        "bonus": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["crm-bonus-form", "giftback-finish", "giftback-pin", "giftback-progress", "loading-spinner", "phone-input", "phone-input-mask"];
+    components.forEach(tagName => { switch (tagName) {
+        case "crm-bonus-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CrmBonusForm);
+            }
+            break;
+        case "giftback-finish":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "giftback-pin":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "giftback-progress":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "loading-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "phone-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "phone-input-mask":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { CrmBonusForm as C, defineCustomElement as d };
+
+//# sourceMappingURL=p-563ea4c5.js.map

package/dist/components/p-563ea4c5.js.map

@@ -0,0 +1 @@
+{"file":"p-563ea4c5.js","mappings":"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","names":[],"sources":["src/contants/index.ts","src/components/crm-bonus-form/crm-bonus-form.css?tag=crm-bonus-form&encapsulation=shadow","src/components/crm-bonus-form/crm-bonus-form.tsx"],"sourcesContent":["export enum StepFormEnum {\n    STEP_PHONE = 1,\n    STEP_PIN = 2,\n    STEP_RESERVE = 3,\n    STEP_APPLY = 4\n}",".form-container {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    justify-content: space-around;\n}\n\n.button {\n    top: 50%;\n    background-color: #6c6c7e;\n    color: #fff;\n    border: none;\n    border-radius: 10px;\n    padding: 15px;\n    min-height: 30px;\n    min-width: 120px;\n    font-size: 20px;\n    cursor: pointer;\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, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { IPinSent } from \"../../components\";\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { StepFormEnum } from \"../../contants\";\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 = new CrmBonusService();\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\n    @State() loading: boolean = false;\n\n    @State() step: number = StepFormEnum.STEP_PHONE;\n\n    @State() sent: IPinSent;\n\n    @State() message: string;\n\n    @State() phone: number;\n\n    @State() bonus: IBonus;\n\n    public async sendPin(phone: string) {\n        this.loading = true;\n        this.message = \"\";\n\n        try {\n            const _phone = phone.replace(/\\D/g, '');\n            this.phone = Number(_phone);\n            const sent = await this.crmBonusService.sendPin(this.phone, this.storeName);\n            this.sent = sent;\n            this.step = StepFormEnum.STEP_PIN;\n        } catch (error) {\n            this.message = error?.response?.data?.message\n        } finally {\n            this.loading = false\n        }\n    }\n\n    public async validateBonus(pin: string) {\n        this.loading = true;\n        const payload: IProccesPinBonusDto = {\n            pin: pin,\n            cellphone: this.phone.toString(),\n            loja_id: this.sent.storeId,\n            user_id: this.sent.userId,\n            cartId: this.cartId,\n            products: this.products\n        }\n\n        try {\n            this.bonus = await this.crmBonusService.validatePinBonus(payload, this.storeName);\n\n            console.log('[this.bonus]', this.bonus);\n            this.step = StepFormEnum.STEP_RESERVE;\n        } catch (error) {\n            this.message = error?.response?.data?.message\n        } finally {\n            this.loading = false;\n        }\n        console.log('payload', payload)\n    }\n\n    public async reserve(amount: number) {\n        this.loading = true;\n        this.message = \"\";\n        try {\n            await this.crmBonusService.reserve({\n                redeemed_bonus: amount,\n                cart_id: this.cartId,\n                ticket: this.cartId,\n                gross_value: this.bonus.totalValue,\n            }, this.storeName);\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    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                {this.step === StepFormEnum.STEP_PIN && <giftback-pin sent={this.sent} validate={(data) => this.validateBonus(data)} loading={this.loading} />}\n\n                {this.step === StepFormEnum.STEP_RESERVE && <giftback-progress bonus={this.bonus} reserve={(amountRedeemed: number) => this.reserve(amountRedeemed)} />}\n                {this.step === StepFormEnum.STEP_APPLY && <giftback-finish />}\n                <p class=\"message-error\">{this.message}</p>\n            </Host>\n        )\n    }\n}"],"version":3}