crmbonus-component-wake 0.0.26 → 1.0.27

package/dist/collection/services/crmbonus.service.js

@@ -0,0 +1,42 @@
+import axios from "axios";
+import { CRM_BONUS_API_URL } from "../../env";
+export class CrmBonusService {
+    constructor() {
+        this.axiosInstance = axios.create({
+            baseURL: CRM_BONUS_API_URL,
+            headers: {
+                'Content-Type': 'application/json',
+                'accept': 'application/json',
+            },
+        });
+    }
+    async getCustomer(userId, store) {
+        const response = await this.axiosInstance.get(`/api/wake/store/${store}/customer/${userId}`, { headers: { 'Content-Type': 'application/json' } });
+        console.log('response.data', response.data);
+        return response.data;
+    }
+    async updateOrder(updateOrderDTO) {
+        const response = await this.axiosInstance.put(`/api/carts/update_cart/${updateOrderDTO.cartId}`, {
+            orderId: updateOrderDTO.orderId,
+            cartIdCrm: updateOrderDTO.cartIdCrm
+        }, { headers: { 'Content-Type': 'application/json' } });
+        console.log('response', response.data);
+    }
+    async sendPin(phone, store) {
+        const response = await this.axiosInstance.post("/api/crm-bonus/send-pin", { celular: phone, nome: "giftback" }, { headers: { store } });
+        return {
+            storeId: response.data.store_id,
+            userId: response.data.user_id
+        };
+    }
+    async validatePinBonus(payload, store) {
+        console.log('[validatePinBonus]', payload);
+        const response = await this.axiosInstance.post("/api/crm-bonus/process-pin-bonus", payload, { headers: { store } });
+        return response.data;
+    }
+    async reserve(payload, store) {
+        const response = await this.axiosInstance.post("/api/crm-bonus/redeem-bonus", payload, { headers: { store } });
+        return response.data;
+    }
+}
+//# sourceMappingURL=crmbonus.service.js.map

package/dist/collection/services/crmbonus.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crmbonus.service.js","sourceRoot":"","sources":["../../../src/services/crmbonus.service.ts"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAK7C,MAAM,OAAO,eAAe;IAGxB;QACI,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC;YAC9B,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE;gBACP,cAAc,EAAE,kBAAkB;gBAClC,QAAQ,EAAE,kBAAkB;aAC7B;SACF,CAAC,CAAC;IACT,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,MAAc,EAAE,KAAa;QAC3C,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,mBAAmB,KAAK,aAAa,MAAM,EAAE,EAAG,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE,EAAE,CAAC,CAAA;QAClJ,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;QAC3C,OAAO,QAAQ,CAAC,IAAI,CAAA;IACxB,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,cAA8B;QAC5C,MAAM,QAAQ,GAAI,MAAM,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,0BAA0B,cAAc,CAAC,MAAM,EAAE,EAChG;YACI,OAAO,EAAE,cAAc,CAAC,OAAO;YAC/B,SAAS,EAAE,cAAc,CAAC,SAAS;SACtC,EAAE,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE,EAAE,CAAC,CAAA;QAEvD,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IAE1C,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,KAAa,EAAE,KAAa;QACtC,MAAM,QAAQ,GAAI,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,yBAAyB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACzI,OAAO;YACH,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,QAAQ;YAC/B,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO;SAChC,CAAA;IACL,CAAC;IAED,KAAK,CAAC,gBAAgB,CAAC,OAA4B,EAAE,KAAa;QAC9D,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;QAE3C,MAAM,QAAQ,GAAI,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,kCAAkC,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;QAEpH,OAAO,QAAQ,CAAC,IAAI,CAAC;IACzB,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,OAAoB,EAAE,KAAa;QAC7C,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,6BAA6B,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/G,OAAO,QAAQ,CAAC,IAAI,CAAC;IACzB,CAAC;CACJ","sourcesContent":["import axios, { AxiosInstance } from 'axios';\nimport { CRM_BONUS_API_URL } from '../../env'\nimport { IPinSent } from '../dto/pin.sent';\nimport { IBonus, IProccesPinBonusDto, IReserveDTO } from '../dto/validate.pin.bonus';\nimport { UpdateOrderDTO } from '../dto/update.order.dto';\n\nexport class CrmBonusService {\n    private axiosInstance: AxiosInstance;\n\n    constructor() {\n        this.axiosInstance = axios.create({\n            baseURL: CRM_BONUS_API_URL,\n            headers: {\n              'Content-Type': 'application/json',\n              'accept': 'application/json',\n            },\n          });\n    }\n\n    async getCustomer(userId: number, store: string) {\n        const response = await this.axiosInstance.get(`/api/wake/store/${store}/customer/${userId}`,  { headers: { 'Content-Type': 'application/json' } })\n        console.log('response.data', response.data)\n        return response.data\n    }\n\n    async updateOrder(updateOrderDTO: UpdateOrderDTO){\n        const response =  await this.axiosInstance.put(`/api/carts/update_cart/${updateOrderDTO.cartId}`, \n        { \n            orderId: updateOrderDTO.orderId,\n            cartIdCrm: updateOrderDTO.cartIdCrm\n        }, { headers: { 'Content-Type': 'application/json' } })\n\n        console.log('response', response.data)\n    \n    }\n\n    async sendPin(phone: number, store: string): Promise<IPinSent> {\n        const response =  await this.axiosInstance.post(\"/api/crm-bonus/send-pin\", { celular: phone, nome: \"giftback\" }, { headers: { store } });\n        return {\n            storeId: response.data.store_id,\n            userId: response.data.user_id\n        }\n    }\n\n    async validatePinBonus(payload: IProccesPinBonusDto, store: string): Promise<IBonus> {\n        console.log('[validatePinBonus]', payload);\n\n        const response =  await this.axiosInstance.post(\"/api/crm-bonus/process-pin-bonus\", payload, { headers: { store } })\n\n        return response.data;\n    }\n\n    async reserve(payload: IReserveDTO, store: string) {\n        const response = await this.axiosInstance.post(\"/api/crm-bonus/redeem-bonus\", payload, { headers: { store } });\n        return response.data;\n    }\n}"]}

package/dist/collection/utils/utils.js

@@ -0,0 +1,4 @@
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC","sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"]}

package/dist/components/app-modal.js

@@ -0,0 +1,8 @@
+import { A as AppModal$1, d as defineCustomElement$1 } from './p-f6396f4c.js';
+
+const AppModal = AppModal$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AppModal, defineCustomElement };
+
+//# sourceMappingURL=app-modal.js.map

package/dist/components/app-modal.js.map

@@ -0,0 +1 @@
+{"file":"app-modal.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -0,0 +1,8 @@
+import { C as CrmBonusForm$1, d as defineCustomElement$1 } from './p-b4c3e6bf.js';
+
+const CrmBonusForm = CrmBonusForm$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CrmBonusForm, defineCustomElement };
+
+//# sourceMappingURL=crm-bonus-form.js.map

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

@@ -0,0 +1 @@
+{"file":"crm-bonus-form.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/crm-bonus.js

@@ -0,0 +1,167 @@
+import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
+import { C as CrmBonusService } from './p-374de9ae.js';
+import { d as defineCustomElement$9, S as StepFormEnum } from './p-b4c3e6bf.js';
+import { d as defineCustomElement$a } from './p-f6396f4c.js';
+import { d as defineCustomElement$8 } from './p-2667d525.js';
+import { d as defineCustomElement$7 } from './p-3e80a758.js';
+import { d as defineCustomElement$6 } from './p-c5913818.js';
+import { d as defineCustomElement$5 } from './p-03918b34.js';
+import { d as defineCustomElement$4 } from './p-ed6bc79c.js';
+import { d as defineCustomElement$3 } from './p-28ba6192.js';
+import { d as defineCustomElement$2 } from './p-675deed3.js';
+
+const crmBonusCss = ".container-button{max-width:100%;cursor:pointer;padding:10px;display:flex}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm{text-align:-webkit-center;margin-bottom:20px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer;margin-left:10px;height:70px}.form-container{width:100%;display:flex;justify-content:center;justify-content:space-around}";
+const CrmBonusStyle0 = crmBonusCss;
+
+const CrmBonus$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.crmBonusService = new CrmBonusService();
+        this.showModal = false;
+        this.userId = undefined;
+        this.storeName = undefined;
+        this.productsInString = undefined;
+        this.cartId = undefined;
+        this.products = undefined;
+        this.customer = {
+            birthDate: "",
+            document: "",
+            name: "",
+            phone: ""
+        };
+        this.loading = false;
+        this.message = undefined;
+        this.phone = undefined;
+        this.canCancel = false;
+        this.sent = 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);
+    }
+    async sendPin(phone) {
+        var _a, _b;
+        this.loading = true;
+        this.message = "";
+        try {
+            const _phone = phone.replace(/\D/g, '');
+            this.phone = Number(_phone);
+            this.sent = await this.crmBonusService.sendPin(this.phone, this.storeName);
+            await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);
+            this.showModal = true;
+        }
+        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;
+        }
+    }
+    buildProducts() {
+        return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), variantId: product.ProdutoVarianteId, qtd: product.Quantidade }));
+    }
+    handleCloseModal() {
+        this.showModal = false;
+    }
+    save() {
+        localStorage.setItem('@BYCODERS', this.cartId);
+    }
+    render() {
+        return (h("div", { key: '18d08a3d03ae5106cf01a426751db8300847f95c', class: "section-cart-crm" }, h("div", { key: 'dd9e939b78616cea4ea0b77ac32fe15afe63c9f9', class: "container-button" }, !this.canCancel ? h("phone-cancel-input", { value: this.customer.phone, sendPin: () => { }, loading: this.loading })
+            : h("phone-input", { value: this.customer.phone, sendPin: (phone) => { this.sendPin(phone); }, loading: this.loading })), h("app-modal", { key: 'abc596ebac59d08df3470d028ee814768a870ba9', isOpen: this.showModal, modalTitle: `Giftback`, onModalClosed: () => (this.showModal = false) }, h("crm-bonus-form", { key: '6ee857fd75d7261382ef8b9752bb6f3ea7918245', saveStore: () => this.save(), ref: ref => this.crmBonusRef = ref, sent: this.sent, phone: this.phone, cancel: () => this.handleCloseModal(), storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId, customer: this.customer }))));
+    }
+    static get assetsDirs() { return ["assets"]; }
+    static get style() { return CrmBonusStyle0; }
+}, [1, "crm-bonus", {
+        "userId": [2, "userid"],
+        "storeName": [8, "storename"],
+        "productsInString": [1, "products"],
+        "cartId": [8, "cartid"],
+        "showModal": [32],
+        "products": [32],
+        "customer": [32],
+        "loading": [32],
+        "message": [32],
+        "phone": [32],
+        "canCancel": [32],
+        "sent": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["crm-bonus", "app-modal", "crm-bonus-form", "giftback-finish", "giftback-pin", "giftback-progress", "loading-spinner", "phone-cancel-input", "phone-input", "phone-input-mask"];
+    components.forEach(tagName => { switch (tagName) {
+        case "crm-bonus":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CrmBonus$1);
+            }
+            break;
+        case "app-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "crm-bonus-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "giftback-finish":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "giftback-pin":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "giftback-progress":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "loading-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "phone-cancel-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "phone-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "phone-input-mask":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const CrmBonus = CrmBonus$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CrmBonus, defineCustomElement };
+
+//# sourceMappingURL=crm-bonus.js.map

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

@@ -0,0 +1 @@
+{"file":"crm-bonus.js","mappings":"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","names":["CrmBonus"],"sources":["src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["/* :host {\n  display: block;\n} */\n\n.container-button {\n  max-width: 100%;\n  cursor: pointer;\n  padding: 10px;\n  display: flex;\n}\n\n/* padding: 0 15px 15px;\nborder: 1px solid #ddd;\nmargin-bottom: 20px; */\n\n.section-crm {\n  border: 1px solid #dbd4d4;\n  /* min-height: 50px; */\n  text-align: -webkit-center;\n  margin-bottom: 20px;\n}\n\n.section-cart-crm {\n  /* border: 1px solid #dbd4d4; */\n  /* min-height: 50px; */\n  text-align: -webkit-center;\n  margin-bottom: 20px;\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  margin-left: 10px;\n  height: 70px;\n}\n\n.form-container {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  justify-content: space-around;\n}","import { Component, Prop, State, h } from '@stencil/core';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\nimport { IPinSent } from '../../components';\nimport { StepFormEnum } from '../../contants';\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  private crmBonusRef: HTMLCrmBonusFormElement;\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    birthDate: \"\",\n    document: \"\",\n    name: \"\",\n    phone: \"\"\n  };\n\n  @State() loading: boolean = false;\n  @State() message: string;\n  @State() phone: number;\n  @State() canCancel: boolean = false;\n  @State() sent: IPinSent;\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  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      this.sent = await this.crmBonusService.sendPin(this.phone, this.storeName);;\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\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  save() {\n    localStorage.setItem('@BYCODERS', this.cartId)\n  }\n\n  render() {\n    return (\n      <div class=\"section-cart-crm\">\n        <div class=\"container-button\">\n          {/* <img src={logo} onClick={() => (this.showModal = true)} /> */}\n          {\n            !this.canCancel ? <phone-cancel-input value={this.customer.phone} sendPin={() => {  }} loading={this.loading} /> \n            : <phone-input value={this.customer.phone} sendPin={(phone) => { this.sendPin(phone) }} loading={this.loading} />\n          }\n          \n        </div>\n        <app-modal\n          isOpen={this.showModal}\n          modalTitle={`Giftback`}\n          onModalClosed={() => (this.showModal = false)}\n        >\n          <crm-bonus-form saveStore={() => this.save()} ref={ref => this.crmBonusRef = ref} sent={this.sent} phone={this.phone} cancel={() => this.handleCloseModal()} storeName={this.storeName} products={this.buildProducts()} cartId={this.cartId} customer={this.customer} />\n        </app-modal>\n      </div>\n    )\n  }\n}\n"],"version":3}

package/dist/components/giftback-finish.js

@@ -0,0 +1,8 @@
+import { G as GiftbackFinish$1, d as defineCustomElement$1 } from './p-2667d525.js';
+
+const GiftbackFinish = GiftbackFinish$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GiftbackFinish, defineCustomElement };
+
+//# sourceMappingURL=giftback-finish.js.map

package/dist/components/giftback-finish.js.map

@@ -0,0 +1 @@
+{"file":"giftback-finish.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/giftback-pin.js

@@ -0,0 +1,8 @@
+import { G as GiftbackPin$1, d as defineCustomElement$1 } from './p-3e80a758.js';
+
+const GiftbackPin = GiftbackPin$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GiftbackPin, defineCustomElement };
+
+//# sourceMappingURL=giftback-pin.js.map

package/dist/components/giftback-pin.js.map

@@ -0,0 +1 @@
+{"file":"giftback-pin.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/giftback-progress.js

@@ -0,0 +1,8 @@
+import { G as GiftbackProgress$1, d as defineCustomElement$1 } from './p-c5913818.js';
+
+const GiftbackProgress = GiftbackProgress$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GiftbackProgress, defineCustomElement };
+
+//# sourceMappingURL=giftback-progress.js.map

package/dist/components/giftback-progress.js.map

@@ -0,0 +1 @@
+{"file":"giftback-progress.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/index.js

@@ -0,0 +1,9 @@
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-faf7103e.js';
+
+function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+
+export { format };
+
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":";;SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AACjF;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"],"version":3}

package/dist/components/loading-spinner.js

@@ -0,0 +1,8 @@
+import { L as LoadingSpinner$1, d as defineCustomElement$1 } from './p-03918b34.js';
+
+const LoadingSpinner = LoadingSpinner$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LoadingSpinner, defineCustomElement };
+
+//# sourceMappingURL=loading-spinner.js.map

package/dist/components/loading-spinner.js.map

@@ -0,0 +1 @@
+{"file":"loading-spinner.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-03918b34.js

@@ -0,0 +1,39 @@
+import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
+
+const loadingSpinnerCss = ".spinner{display:inline-block;border:4px solid transparent;border-radius:50%;border-top-color:var(--color, #0078d7);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+const LoadingSpinnerStyle0 = loadingSpinnerCss;
+
+const LoadingSpinner = /*@__PURE__*/ proxyCustomElement(class LoadingSpinner extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.size = '50px';
+        this.color = '#0078d7';
+    }
+    render() {
+        return (h("div", { key: '78b8ba44c23dcf2fe6b86d343242ff696592bacd', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
+    }
+    static get style() { return LoadingSpinnerStyle0; }
+}, [1, "loading-spinner", {
+        "size": [1],
+        "color": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["loading-spinner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "loading-spinner":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LoadingSpinner);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LoadingSpinner as L, defineCustomElement as d };
+
+//# sourceMappingURL=p-03918b34.js.map

package/dist/components/p-03918b34.js.map

@@ -0,0 +1 @@
+{"file":"p-03918b34.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,iOAAiO,CAAC;AAC5P,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;oBACA,MAAM;qBACL,SAAS;;IAEjC,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,sCAAsC,EAAE,GAAQ,EAC/I;KACL;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/loading-spinner/loading-spinner.css?tag=loading-spinner&encapsulation=shadow","src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":[".spinner {\n    display: inline-block;\n    border: 4px solid transparent;\n    border-radius: 50%;\n    border-top-color: var(--color, #0078d7);\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    0% {\n        transform: rotate(0deg);\n    }\n\n    100% {\n        transform: rotate(360deg);\n    }\n}","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'loading-spinner',\n    styleUrl: 'loading-spinner.css',\n    shadow: true,\n})\nexport class LoadingSpinner {\n    @Prop() size: string = '50px'; // Tamanho do spinner (padrão 50px)\n    @Prop() color: string = '#0078d7'; // Cor do spinner (padrão azul)\n\n    render() {\n        return (\n            <div class=\"spinner\" style={{ width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` }}></div>\n        );\n    }\n}\n"],"version":3}

package/dist/components/p-2667d525.js

@@ -0,0 +1,36 @@
+import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
+
+const successSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6IzI1QUU4ODsiIGN4PSIyNSIgY3k9IjI1IiByPSIyNSIvPg0KPHBvbHlsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgcG9pbnRzPSINCgkzOCwxNSAyMiwzMyAxMiwyNSAiLz4NCjwvc3ZnPg==';
+
+const giftbackFinishCss = ".message-finish{align-content:center;text-align:center}.message-finish p{color:#777676;font-size:xx-large;font-family:sans-serif}";
+const GiftbackFinishStyle0 = giftbackFinishCss;
+
+const GiftbackFinish = /*@__PURE__*/ proxyCustomElement(class GiftbackFinish extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("div", { key: '4fd9a7731194fbe8e9dbe0e2fc9d4241f0baf733', class: "message-finish" }, h("img", { key: 'ba423d92f1672f14be34334fd0495f38f1f70f4a', src: successSvgrepoComSvg, width: 80 }), h("p", { key: '75d6b9648c1357ced70ad43cb94091da73224179' }, "Legal! O B\u00F4nus ser\u00E1 aplicado na sua compra.")));
+    }
+    static get style() { return GiftbackFinishStyle0; }
+}, [1, "giftback-finish"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["giftback-finish"];
+    components.forEach(tagName => { switch (tagName) {
+        case "giftback-finish":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GiftbackFinish);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { GiftbackFinish as G, defineCustomElement as d };
+
+//# sourceMappingURL=p-2667d525.js.map

package/dist/components/p-2667d525.js.map

@@ -0,0 +1 @@
+{"file":"p-2667d525.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,4rBAA4rB;;ACAztB,MAAM,iBAAiB,GAAG,mIAAmI,CAAC;AAC9J,6BAAe,iBAAiB;;MCOnB,cAAc;;;;;;IACvB,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,4DAAK,GAAG,EAAEA,oBAAO,EAAE,KAAK,EAAE,EAAE,GAAI,EAChC,oHAAkD,CAChD,EACT;KACJ;;;;;;;;;;;;;;;;;;;;","names":["success"],"sources":["src/components/crm-bonus/assets/svg/success-svgrepo-com.svg","src/components/crm-bonus-form/subcomponents/giftback-finish/giftback-finish.css?tag=giftback-finish&encapsulation=shadow","src/components/crm-bonus-form/subcomponents/giftback-finish/giftback-finish.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\r\n<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\r\n<svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" \r\n\t viewBox=\"0 0 50 50\" xml:space=\"preserve\">\r\n<circle style=\"fill:#25AE88;\" cx=\"25\" cy=\"25\" r=\"25\"/>\r\n<polyline style=\"fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;\" points=\"\r\n\t38,15 22,33 12,25 \"/>\r\n</svg>",".message-finish {\n    align-content: center;\n    text-align: center;\n}\n\n.message-finish p {\n    color: #777676;\n    font-size: xx-large;\n    font-family: sans-serif;\n}","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}"],"version":3}

package/dist/components/p-28ba6192.js

@@ -0,0 +1,52 @@
+import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
+import { d as defineCustomElement$2 } from './p-03918b34.js';
+import { d as defineCustomElement$1 } from './p-675deed3.js';
+
+const PhoneInput = /*@__PURE__*/ proxyCustomElement(class PhoneInput extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        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: 'f24f14d158d9565b17aa024837d4e62e6b64c7a3', class: "form-container" }, h("phone-input-mask", { key: '88bf98c7f35b4a4211354a826fa16c922838d228', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("button", { key: '34fe30a30fd755b3b710c9b00f6d511eeef70013', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : h("loading-spinner", { size: "25px", color: "#fff" }))));
+    }
+}, [0, "phone-input", {
+        "sendPin": [16],
+        "loading": [4],
+        "value": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["phone-input", "loading-spinner", "phone-input-mask"];
+    components.forEach(tagName => { switch (tagName) {
+        case "phone-input":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PhoneInput);
+            }
+            break;
+        case "loading-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "phone-input-mask":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { PhoneInput as P, defineCustomElement as d };
+
+//# sourceMappingURL=p-28ba6192.js.map

package/dist/components/p-28ba6192.js.map

@@ -0,0 +1 @@
+{"file":"p-28ba6192.js","mappings":";;;;MAKa,UAAU;;;;;;;;IAQnB,MAAM,aAAa;QACf,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;QACnD,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KAC7B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,yEAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI,EACrF,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAE/G,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEvE,CACP,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/crm-bonus-form/subcomponents/phone/phone.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'phone-input'\n})\nexport class PhoneInput {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    @Prop() sendPin: Function;\n    @Prop() loading: boolean;\n    @Prop() value: string;\n\n    async validatePhone() {\n        const phone = await this.phoneInputMask.getPhone();\n        await this.sendPin(phone);\n    }\n\n    render() {\n        return (\n            <div class=\"form-container\">\n                <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\n                <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n                    {\n                        !this.loading ? \"validar\" : <loading-spinner size=\"25px\" color=\"#fff\" />\n                    }\n                </button>\n            </div>\n        )\n    }\n}"],"version":3}