crmbonus-component-wake 0.0.26 → 0.0.27

package/dist/collection/components/crm-bonus/assets/svg/logo.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 703 103" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M689.2 57.5004L647.1 99.6004L637.3 89.8004L679.4 47.7004H636V33.9004H695C696.9 33.9004 698.5 34.5004 699.7 35.5004C700 35.7004 700.2 35.9004 700.4 36.1004C700.6 36.3004 700.8 36.5004 700.9 36.7004V36.8004V36.9004C702 38.1004 702.7 39.8004 702.7 41.8004V43.6004V67.0004V100.7H688.9V80.8004V57.5004H689.2Z" fill="url(#paint0_linear_1629_188)"></path>
+<path d="M52.7 76.4998H67.7C65.3 91.7998 51.9 102.5 35.2 102.5C15.2 102.5 0 87.2998 0 67.3998C0 47.6998 15.2 32.2998 35.2 32.2998C51.9 32.2998 65.3 42.8998 67.7 58.2998H52.7C50.9 50.7998 44.2 45.6998 35.2 45.6998C22.9 45.6998 14.8 55.3998 14.8 67.3998C14.8 79.4998 22.9 89.0998 35.2 89.0998C44.2 89.1998 50.9 84.0998 52.7 76.4998Z" fill="currentColor"></path>
+<path d="M117.2 32.7002V46.6002C106.6 47.0002 98.5002 51.0002 92.5002 58.8002V100.8H77.7002V34.1002H92.5002V43.2002C98.6002 36.5002 107 32.7002 117.2 32.7002Z" fill="currentColor"></path>
+<path d="M237.4 62.5997V100.8H222.8V62.5997C222.8 50.7997 216.6 45.6997 207 45.6997C200.5 45.6997 194.2 48.0997 189.3 54.7997C189.7 56.8997 189.9 59.2997 189.9 61.7997V100.8H175.2V61.7997C175.2 49.9997 169 45.7997 160.3 45.7997C153.3 45.7997 147.1 48.5997 142.3 55.2997V100.9H127.5V34.1997H142.3V39.8997C147.3 35.3997 153.2 32.4997 162 32.4997C171.5 32.4997 179.2 35.7997 184.1 42.1997C190.6 35.7997 198.2 32.4997 207.9 32.4997C225.5 32.3997 237.4 42.8997 237.4 62.5997Z" fill="currentColor"></path>
+<path d="M320 67.3C320 86.9 304.8 102.5 286.1 102.5C277.6 102.5 270.3 99.9 264.8 95.5V100.8H250V0H264.8V39.2C270.3 34.9 277.6 32.4 286.1 32.4C304.8 32.4 320 48 320 67.3ZM305.2 67.3C305.2 55.5 296.3 45.7 283.9 45.7C276.5 45.7 269.7 48.1 264.7 55.1V79.7C269.7 86.7 276.5 89.2 283.9 89.2C296.3 89.2 305.2 79.2 305.2 67.3Z" fill="currentColor"></path>
+<path d="M399.2 67.5004C399.2 87.9004 384.4 102.6 363.7 102.6C343 102.6 328.2 87.9004 328.2 67.5004C328.2 47.1004 343 32.4004 363.7 32.4004C384.4 32.4004 399.2 47.0004 399.2 67.5004ZM384.4 67.5004C384.4 54.9004 375.7 45.8004 363.7 45.8004C351.7 45.8004 343 54.9004 343 67.5004C343 80.0004 351.7 89.2004 363.7 89.2004C375.7 89.2004 384.4 79.9004 384.4 67.5004Z" fill="currentColor"></path>
+<path d="M474.3 63.5997V100.8H459.5V64.4996C459.5 52.2996 453 45.7997 442.2 45.7997C435.8 45.7997 428.9 49.2996 423.6 55.8996V100.9H408.8V34.1996H423.6V40.1996C429.4 35.1996 436.7 32.4996 445.2 32.4996C462.5 32.3996 474.3 44.2997 474.3 63.5997Z" fill="currentColor"></path>
+<path d="M550.4 34.0996V100.8H535.8V94.2996C530 99.5996 522.7 102.5 514.1 102.5C496.8 102.5 485.1 90.1996 485.1 70.9996V34.0996H499.7V70.1996C499.7 82.3996 506.4 89.1996 517 89.1996C523.5 89.1996 530.3 85.4996 535.7 78.6996V34.0996H550.4Z" fill="currentColor"></path>
+<path d="M591.5 90.5002C600.2 90.5002 606.1 87.7002 606.1 82.4002C606.1 78.4002 602.8 75.6002 597.2 74.6002L582.4 72.0002C572.2 70.3002 562.7 65.2002 562.7 53.1002C562.7 40.2002 573.9 32.2002 590.5 32.2002C603.4 32.2002 618.3 36.6002 619.7 54.1002H606.1C605.4 46.9002 599 44.0002 590.5 44.0002C582 44.0002 577.3 47.1002 577.3 51.8002C577.3 55.3002 579.9 58.8002 587.7 60.0002L600.2 62.0002C610.3 63.8002 620.2 68.2002 620.2 81.2002C620.2 95.3002 607.9 102.5 591.1 102.5C575.3 102.5 561.9 96.3002 560.2 78.7002L573.8 78.8002C575.3 87.0002 581.4 90.5002 591.5 90.5002Z" fill="currentColor"></path>
+<defs>
+<linearGradient id="paint0_linear_1629_188" x1="636.833" y1="97.8261" x2="713.46" y2="26.6582" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7A830"></stop>
+<stop offset="0.6353" stop-color="#F08336"></stop>
+<stop offset="1" stop-color="#EA5346"></stop>
+</linearGradient>
+</defs>
+</svg>

package/dist/collection/components/crm-bonus/assets/svg/success-svgrepo-com.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 50 50" xml:space="preserve">
+<circle style="fill:#25AE88;" cx="25" cy="25" r="25"/>
+<polyline style="fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
+	38,15 22,33 12,25 "/>
+</svg>

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

@@ -0,0 +1,20 @@
+/* :host {
+  display: block;
+} */
+
+.container-button {
+  max-width: 136px;
+  cursor: pointer;
+  padding: 10px;
+}
+
+/* padding: 0 15px 15px;
+border: 1px solid #ddd;
+margin-bottom: 20px; */
+
+.section-crm {
+  border: 1px solid #dbd4d4;
+  /* min-height: 50px; */
+  text-align: -webkit-center;
+  margin-bottom: 20px;
+}

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

@@ -0,0 +1,132 @@
+import { h } from "@stencil/core";
+import logo from "./assets/svg/logo.svg";
+import { CrmBonusService } from "../../services/crmbonus.service";
+export class CrmBonus {
+    constructor() {
+        this.crmBonusService = new CrmBonusService();
+        this.showModal = false;
+        this.userId = undefined;
+        this.storeName = undefined;
+        this.productsInString = undefined;
+        this.cartId = undefined;
+        this.products = undefined;
+        this.customer = undefined;
+    }
+    async componentWillLoad() {
+        await this.handleLoad();
+    }
+    async handleLoad() {
+        try {
+            if (this.userId) {
+                this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);
+                console.log('user', this.customer);
+            }
+        }
+        catch (error) {
+            console.log('info customer');
+        }
+        this.products = JSON.parse(this.productsInString);
+    }
+    buildProducts() {
+        return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), variantId: product.ProdutoVarianteId, qtd: product.Quantidade }));
+    }
+    handleCloseModal() {
+        this.showModal = false;
+    }
+    render() {
+        return (h("div", { key: 'c9db6de8e4503b454fd69302ec52808ed4d46812', class: "section-crm" }, h("div", { key: '4dcfd2946439206652ca8668ca37bbe35d5e0e2d', class: "container-button" }, h("img", { key: '07391e65e467aaebf1f1fabdc0d7dcf3fc1d5182', src: logo, onClick: () => (this.showModal = true) })), h("app-modal", { key: '8aa6c41f5faf07e6389a755faed661803b689cd5', isOpen: this.showModal, modalTitle: `Giftback`, onModalClosed: () => (this.showModal = false) }, h("crm-bonus-form", { key: 'e5903b6dd43617e619230490a23ffaaf5d77c9c6', cancel: () => this.handleCloseModal(), storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId, customer: this.customer }))));
+    }
+    static get is() { return "crm-bonus"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["crm-bonus.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["crm-bonus.css"]
+        };
+    }
+    static get assetsDirs() { return ["assets"]; }
+    static get properties() {
+        return {
+            "userId": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "userid",
+                "reflect": false
+            },
+            "storeName": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "storename",
+                "reflect": false
+            },
+            "productsInString": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "products",
+                "reflect": false
+            },
+            "cartId": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "cartid",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "showModal": {},
+            "products": {},
+            "customer": {}
+        };
+    }
+}
+//# sourceMappingURL=crm-bonus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"crm-bonus.js","sourceRoot":"","sources":["../../../../src/components/crm-bonus/crm-bonus.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAQlE,MAAM,OAAO,QAAQ;;QAEX,oBAAe,GAAoB,IAAI,eAAe,EAAE,CAAC;yBAEnC,KAAK;;;;;;;;IASnC,KAAK,CAAC,iBAAiB;QACrB,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;IAC1B,CAAC;IAED,KAAK,CAAC,UAAU;QACd,IAAI,CAAC;YACH,IAAG,IAAI,CAAC,MAAM,EAAE,CAAC;gBACf,IAAI,CAAC,QAAQ,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;gBACpF,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACrC,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;QAC9B,CAAC;QACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACpD,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,EAAE,GAAG,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;IAC5K,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,aAAa;YACtB,4DAAK,KAAK,EAAC,kBAAkB;gBAC3B,4DAAK,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAI,CACtD;YACN,kEACE,MAAM,EAAE,IAAI,CAAC,SAAS,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBAE7C,uEAAgB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI,CACxJ,CACR,CACP,CAAA;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\nimport logo from './assets/svg/logo.svg';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\n\n@Component({\n  tag: 'crm-bonus',\n  styleUrl: 'crm-bonus.css',\n  shadow: true,\n  assetsDirs: ['assets']\n})\nexport class CrmBonus {\n\n  private crmBonusService: CrmBonusService = new CrmBonusService();\n\n  @State() showModal: boolean = false;\n  @Prop({ attribute: 'userid' }) userId: number;\n  @Prop({ attribute: 'storename' }) storeName;\n  @Prop({ attribute: 'products' }) productsInString: string;\n  @Prop({ attribute: 'cartid' }) cartId;\n\n  @State() products: Array<IProductWake>;\n  @State() customer: ICustomer;\n\n  async componentWillLoad() {\n    await this.handleLoad();\n  }\n\n  async handleLoad() {\n    try {\n      if(this.userId) {\n        this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);\n        console.log('user', this.customer);\n      }\n    } catch (error) {\n      console.log('info customer')\n    }\n    this.products = JSON.parse(this.productsInString);\n  }\n\n  buildProducts(): IProduct[] {\n    return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), variantId: product.ProdutoVarianteId, qtd: product.Quantidade }))\n  }\n\n  handleCloseModal() {\n    this.showModal = false;\n  }\n\n  render() {\n    return (\n      <div class=\"section-crm\">\n        <div class=\"container-button\">\n          <img src={logo} onClick={() => (this.showModal = true)} />\n        </div>\n        <app-modal\n          isOpen={this.showModal}\n          modalTitle={`Giftback`}\n          onModalClosed={() => (this.showModal = false)}\n        >\n          <crm-bonus-form cancel={() => this.handleCloseModal()} storeName={this.storeName} products={this.buildProducts()} cartId={this.cartId} customer={this.customer} />\n        </app-modal>\n      </div>\n    )\n  }\n}\n"]}

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

@@ -0,0 +1,32 @@
+.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;
+}

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

@@ -0,0 +1,216 @@
+import { Host, h } from "@stencil/core";
+import { CrmBonusService } from "../../services/crmbonus.service";
+import { StepFormEnum } from "../../contants";
+export class CrmBonusForm {
+    constructor() {
+        this.crmBonusService = new CrmBonusService();
+        this.storeName = undefined;
+        this.cartId = undefined;
+        this.products = undefined;
+        this.customer = {
+            phone: "",
+            birthDate: "",
+            document: "",
+            name: ""
+        };
+        this.cancel = undefined;
+        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;
+        this.message = "";
+        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);
+            this.step = StepFormEnum.STEP_APPLY;
+        }
+        catch (error) {
+            this.message = "ocorreu um error ao solicitar a aplicação do bonus! tente novamente";
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    handleCancel() {
+        this.step = StepFormEnum.STEP_PHONE;
+        this.cancel();
+    }
+    render() {
+        return (h(Host, { key: '3097220f8802f698c4c1163fa359dfbf3089921f' }, this.step === StepFormEnum.STEP_PHONE && h("phone-input", { key: '039f1d21f8b40f00b24722fe26d5a5539f9d8226', value: this.customer.phone, sendPin: (phone) => this.sendPin(phone), loading: this.loading }), this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: '600a4adff83b3afa5d82c4fd484ab07757323ebb', cancel: () => this.handleCancel(), sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: 'd3f430232255cc602f0cdb6c7fe4b4cc41588fdc', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserve(amountRedeemed) }), this.step === StepFormEnum.STEP_APPLY && h("giftback-finish", { key: '6cac259c8b3d7a2fc00dd9feeb28abaad948009e' }), h("p", { key: 'f21ea87102b5aea7122aa983bed22257b7f73721', 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": "{\n        phone: \"\",\n        birthDate: \"\",\n        document: \"\",\n        name: \"\"\n    }"
+            },
+            "cancel": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "loading": {},
+            "step": {},
+            "sent": {},
+            "message": {},
+            "phone": {},
+            "bonus": {}
+        };
+    }
+}
+//# sourceMappingURL=crm-bonus-form.js.map

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

@@ -0,0 +1 @@
+{"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, 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    @Prop() cancel: () => void;\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        this.message = \"\";\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\n            this.step = StepFormEnum.STEP_APPLY;\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 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                {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.reserve(amountRedeemed)} />}\n                {this.step === StepFormEnum.STEP_APPLY && <giftback-finish />}\n                <p class=\"message-error\">{this.message}</p>\n            </Host>\n        )\n    }\n}"]}

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

@@ -0,0 +1,10 @@
+.message-finish {
+    align-content: center;
+    text-align: center;
+}
+
+.message-finish p {
+    color: #777676;
+    font-size: xx-large;
+    font-family: sans-serif;
+}

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

@@ -0,0 +1,20 @@
+import { h } from "@stencil/core";
+import success from "../../../crm-bonus/assets/svg/success-svgrepo-com.svg";
+export class GiftbackFinish {
+    render() {
+        return (h("div", { key: 'e72f82799146a6e94acbdd62324e07cdf9f77009', class: "message-finish" }, h("img", { key: '46e2436a3dbe4745225c3b9674e6bf6c299ad63e', src: success, width: 80 }), h("p", { key: '270e42050956f7f3d1ae9b90f314211fa310f797' }, "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

@@ -0,0 +1 @@
+{"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\";\nimport success from '../../../crm-bonus/assets/svg/success-svgrepo-com.svg'\n\n@Component({\n    tag: 'giftback-finish',\n    styleUrl: 'giftback-finish.css',\n    shadow: true\n})\nexport class GiftbackFinish {\n    render() {\n        return (\n            <div class=\"message-finish\">\n                <img src={success} width={80} />\n                <p>Legal! O Bônus será aplicado na sua compra.</p>\n            </div>\n        )\n    }\n}"]}

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

@@ -0,0 +1,74 @@
+:host {
+    display: block;
+    font-family: Arial, sans-serif;
+}
+
+.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;
+}
+
+button:hover {
+    background-color: #bbb;
+}
+
+.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%;
+}