crmbonus-component-wake 1.0.32 → 1.0.33

package/dist/components/crm-bonus.js

@@ -1,16 +1,16 @@
 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-2e9efe46.js';
-import { d as defineCustomElement$a } from './p-09bc92e2.js';
-import { d as defineCustomElement$8 } from './p-5753850f.js';
-import { d as defineCustomElement$7 } from './p-13b9e80b.js';
-import { d as defineCustomElement$6 } from './p-bad9f0ec.js';
-import { d as defineCustomElement$5 } from './p-db0aa2d4.js';
-import { d as defineCustomElement$4 } from './p-19a2f475.js';
-import { d as defineCustomElement$3 } from './p-5de96a58.js';
-import { d as defineCustomElement$2 } from './p-7aff1ad5.js';
+import { C as CrmBonusService } from './p-39df4263.js';
+import { d as defineCustomElement$9, S as StepFormEnum } from './p-e0fe93e9.js';
+import { d as defineCustomElement$a } from './p-4c2f324f.js';
+import { d as defineCustomElement$8 } from './p-cbade307.js';
+import { d as defineCustomElement$7 } from './p-af4650fb.js';
+import { d as defineCustomElement$6 } from './p-6a629b94.js';
+import { d as defineCustomElement$5 } from './p-b1a8e30d.js';
+import { d as defineCustomElement$4 } from './p-c4a9f453.js';
+import { d as defineCustomElement$3 } from './p-cf18373a.js';
+import { d as defineCustomElement$2 } from './p-d04e8a4e.js';
 
-const crmBonusCss = ".container-button{cursor:pointer;padding:5px 5px 5px 14px;}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm{margin-top:10px}.section-cart-crm p{padding:0;margin:0px 0px 0px 15px}.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:97%;display:flex;justify-content:space-around}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container .btnCrm{background:#00162e;border-color:#00162e;width:30%;color:#fff}";
+const crmBonusCss = ".container-button{cursor:pointer;padding:5px 5px 5px 14px;}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm{margin-top:10px}.section-cart-crm p{padding:0;margin:0px 0px 0px 15px}.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:97%;display:flex;justify-content:space-around}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container .btnCrm{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert{font-family:sans-serif;color:#df4d4d;margin-top:5px}";
 const CrmBonusStyle0 = crmBonusCss;
 
 const CrmBonus$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
@@ -35,6 +35,7 @@ const CrmBonus$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         this.message = undefined;
         this.phone = undefined;
         this.canCancel = false;
+        this.amountCancel = undefined;
         this.sent = undefined;
     }
     async componentWillLoad() {
@@ -46,6 +47,12 @@ const CrmBonus$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
                 this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);
                 console.log('user', this.customer);
             }
+            const amount = localStorage.getItem(this.cartId);
+            console.log('amount', amount);
+            if (amount) {
+                this.canCancel = true;
+                this.amountCancel = amount;
+            }
         }
         catch (error) {
             console.log('info customer');
@@ -76,12 +83,28 @@ const CrmBonus$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
     handleCloseModal() {
         this.showModal = false;
     }
-    save() {
-        localStorage.setItem('@BYCODERS', this.cartId);
+    save(amount) {
+        localStorage.setItem(this.cartId, amount.toString());
+        this.canCancel = true;
+        this.amountCancel = amount.toString();
+    }
+    async cancel() {
+        this.message = "";
+        this.loading = true;
+        try {
+            await this.crmBonusService.cancel(this.cartId, this.storeName);
+            this.canCancel = false;
+        }
+        catch (error) {
+            this.message = "Não consegui cancelar o bônus, tente novamente!";
+        }
+        finally {
+            this.loading = false;
+        }
     }
     render() {
-        return (h("div", { key: '881de45f9b1d135bcf29f0bb64acba9dd6db2625', class: "section-cart-crm" }, h("p", { key: '220974c8e1b717514a83a739e912aa7f08589506', class: "text-left fbits-responsive-carrinho-desconto-texto" }, "Giftback"), h("div", { key: '7a33ec85d3a3acbc5b1f7c35967bd07ec4fc883a', 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: '98c78ae810b68e0396dce2928c2116d2e4d20fa8', isOpen: this.showModal, modalTitle: `Giftback`, onModalClosed: () => (this.showModal = false) }, h("crm-bonus-form", { key: '2a22c6a17a4646f7631943fb6017f53372814724', 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 }))));
+        return (h("div", { key: '0392d18435b29da7594c5ddec8dca0a5a2c892f6', class: "section-cart-crm" }, h("p", { key: '7f5cb65fe1ebce8397d5d6c8d3d13d09ad55d8db', class: "text-left fbits-responsive-carrinho-desconto-texto" }, "Giftback"), h("div", { key: '82922b373a5c6d0eb72d59826c5b10425fa9fb81', class: "container-button" }, this.canCancel ? h("phone-cancel-input", { value: this.amountCancel, sendPin: () => { this.cancel(); }, loading: this.loading })
+            : h("phone-input", { value: this.customer.phone, sendPin: (phone) => { this.sendPin(phone); }, loading: this.loading })), h("p", { key: '113c2653a276730fd3ecd675f50a0f147c656620', class: "message-alert" }, this.message), h("app-modal", { key: 'ffda850ab8dc0534e56f868554eaaa794b168427', isOpen: this.showModal, modalTitle: `Giftback`, onModalClosed: () => (this.showModal = false) }, h("crm-bonus-form", { key: '3b3493173363fd799f26b37e6d94f9455e19f2bf', saveStore: (amount) => this.save(amount), 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; }
@@ -97,6 +120,7 @@ const CrmBonus$1 = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         "message": [32],
         "phone": [32],
         "canCancel": [32],
+        "amountCancel": [32],
         "sent": [32]
     }]);
 function defineCustomElement$1() {

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

@@ -1 +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: 5px 5px 5px 14px;\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  margin-top: 10px;\n}\n\n.section-cart-crm p {\n  padding: 0;\n  margin: 0px 0px 0px 15px;\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: 97%;\n  display: flex;\n  justify-content: space-around;\n}\n\n\n.btn {\n  display: inline-block;\n  padding: 6px 12px;\n  margin-bottom: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.42857143;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-image: none;\n  border: 1px solid transparent;\n  border-radius: 0px;\n}\n\n.form-container .btnCrm {\n  background: #00162e;\n  border-color: #00162e;\n  width: 30%;\n  color: #fff;\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        <p class=\"text-left fbits-responsive-carrinho-desconto-texto\">Giftback</p>\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}
+{"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: 5px 5px 5px 14px;\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  margin-top: 10px;\n}\n\n.section-cart-crm p {\n  padding: 0;\n  margin: 0px 0px 0px 15px;\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: 97%;\n  display: flex;\n  justify-content: space-around;\n}\n\n\n.btn {\n  display: inline-block;\n  padding: 6px 12px;\n  margin-bottom: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.42857143;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  -ms-touch-action: manipulation;\n  touch-action: manipulation;\n  cursor: pointer;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  background-image: none;\n  border: 1px solid transparent;\n  border-radius: 0px;\n}\n\n.form-container .btnCrm {\n  background: #00162e;\n  border-color: #00162e;\n  width: 30%;\n  color: #fff;\n}\n\n.message-alert {\n  font-family: sans-serif;\n  color: #df4d4d;\n  margin-top: 5px;\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() amountCancel: string;\n  @State() sent: IPinSent;\n\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\n      const amount = localStorage.getItem(this.cartId);\n      console.log('amount', amount)\n\n      if (amount) {\n        this.canCancel = true;\n        this.amountCancel = amount;\n      }\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(amount: number) {\n    localStorage.setItem(this.cartId, amount.toString());\n    this.canCancel = true;\n    this.amountCancel = amount.toString()\n  }\n\n  async cancel() {\n    this.message = \"\";\n    this.loading = true;\n    try {\n      await this.crmBonusService.cancel(this.cartId, this.storeName);\n      this.canCancel = false;\n    } catch (error) {\n      this.message = \"Não consegui cancelar o bônus, tente novamente!\"\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"section-cart-crm\">\n        <p class=\"text-left fbits-responsive-carrinho-desconto-texto\">Giftback</p>\n        <div class=\"container-button\">\n          {/* <img src={logo} onClick={() => (this.showModal = true)} /> */}\n          {\n            this.canCancel ? <phone-cancel-input value={this.amountCancel} sendPin={() => { this.cancel() }} loading={this.loading} />\n              : <phone-input value={this.customer.phone} sendPin={(phone) => { this.sendPin(phone) }} loading={this.loading} />\n          }\n        </div>\n        <p class=\"message-alert\" >{this.message}</p>\n        <app-modal\n          isOpen={this.showModal}\n          modalTitle={`Giftback`}\n          onModalClosed={() => (this.showModal = false)}\n        >\n          <crm-bonus-form saveStore={(amount: number) => this.save(amount)} 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

@@ -1,4 +1,4 @@
-import { G as GiftbackFinish$1, d as defineCustomElement$1 } from './p-5753850f.js';
+import { G as GiftbackFinish$1, d as defineCustomElement$1 } from './p-cbade307.js';
 
 const GiftbackFinish = GiftbackFinish$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/giftback-pin.js

@@ -1,4 +1,4 @@
-import { G as GiftbackPin$1, d as defineCustomElement$1 } from './p-13b9e80b.js';
+import { G as GiftbackPin$1, d as defineCustomElement$1 } from './p-af4650fb.js';
 
 const GiftbackPin = GiftbackPin$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/giftback-progress.js

@@ -1,4 +1,4 @@
-import { G as GiftbackProgress$1, d as defineCustomElement$1 } from './p-bad9f0ec.js';
+import { G as GiftbackProgress$1, d as defineCustomElement$1 } from './p-6a629b94.js';
 
 const GiftbackProgress = GiftbackProgress$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/loading-spinner.js

@@ -1,4 +1,4 @@
-import { L as LoadingSpinner$1, d as defineCustomElement$1 } from './p-db0aa2d4.js';
+import { L as LoadingSpinner$1, d as defineCustomElement$1 } from './p-b1a8e30d.js';
 
 const LoadingSpinner = LoadingSpinner$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-374de9ae.js → p-39df4263.js}

@@ -3789,8 +3789,15 @@ class CrmBonusService {
         const response = await this.axiosInstance.post("/api/crm-bonus/redeem-bonus", payload, { headers: { store } });
         return response.data;
     }
+    async cancel(cartId, store) {
+        const response = await this.axiosInstance.post("/api/crm-bonus/cancel-bonus", {
+            num_pedido: cartId,
+            used_bonus: true
+        }, { headers: { store } });
+        return response.data;
+    }
 }
 
 export { CrmBonusService as C };
 
-//# sourceMappingURL=p-374de9ae.js.map
+//# sourceMappingURL=p-39df4263.js.map