crmbonus-component-wake 0.0.15 → 0.0.17
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/giftback-finish.d.ts +11 -0
- package/dist/crmbonus-component-wake/app-modal.entry.js +2 -2
- package/dist/crmbonus-component-wake/assets/success-svgrepo-com.svg +8 -0
- package/dist/crmbonus-component-wake/crm-bonus-form.entry.js +12 -5
- package/dist/crmbonus-component-wake/crm-bonus-form.entry.js.map +1 -1
- package/dist/crmbonus-component-wake/crm-bonus.entry.js +16 -8
- package/dist/crmbonus-component-wake/crm-bonus.entry.js.map +1 -1
- package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +3 -3
- package/dist/crmbonus-component-wake/{crmbonus.service-756d754d.js → crmbonus.service-ce105f62.js} +8 -3
- package/dist/crmbonus-component-wake/crmbonus.service-ce105f62.js.map +1 -0
- package/dist/crmbonus-component-wake/giftback-finish.entry.js +19 -0
- package/dist/crmbonus-component-wake/giftback-finish.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/giftback-pin.entry.js +2 -2
- package/dist/crmbonus-component-wake/giftback-progress.entry.js +2 -2
- package/dist/crmbonus-component-wake/giftback-progress.entry.js.map +1 -1
- package/dist/crmbonus-component-wake/{index-b9a7a992.js → index-f557ce7c.js} +2 -2
- package/dist/crmbonus-component-wake/{index-b9a7a992.js.map → index-f557ce7c.js.map} +1 -1
- package/dist/crmbonus-component-wake/loading-spinner.entry.js +2 -2
- package/dist/crmbonus-component-wake/pedido-finalizado.entry.js +10 -4
- package/dist/crmbonus-component-wake/pedido-finalizado.entry.js.map +1 -1
- package/dist/crmbonus-component-wake/phone-input-mask.entry.js +6 -2
- package/dist/crmbonus-component-wake/phone-input-mask.entry.js.map +1 -1
- package/dist/crmbonus-component-wake/phone-input.entry.js +3 -2
- package/dist/crmbonus-component-wake/phone-input.entry.js.map +1 -1
- package/dist/types/components/crm-bonus/crm-bonus.d.ts +7 -4
- package/dist/types/components/crm-bonus-form/crm-bonus-form.d.ts +2 -1
- package/dist/types/components/crm-bonus-form/subcomponents/giftback-finish/giftback-finish.d.ts +3 -0
- package/dist/types/components/crm-bonus-form/subcomponents/phone/phone.input.d.ts +1 -0
- package/dist/types/components/pedido/pedido.d.ts +2 -0
- package/dist/types/components/phone/phone-input-mask.d.ts +2 -0
- package/dist/types/components.d.ts +27 -4
- package/dist/types/contants/index.d.ts +2 -1
- package/dist/types/dto/validate.pin.bonus.d.ts +8 -2
- package/dist/types/services/crmbonus.service.d.ts +2 -1
- package/loader/cdn.js +1 -0
- package/loader/index.cjs.js +1 -0
- package/loader/index.d.ts +24 -0
- package/loader/index.es2017.js +1 -0
- package/loader/index.js +2 -0
- package/loader/package.json +11 -0
- package/package.json +1 -1
- package/dist/crmbonus-component-wake/crmbonus.service-134e7b0c.js +0 -3863
- package/dist/crmbonus-component-wake/crmbonus.service-134e7b0c.js.map +0 -1
- package/dist/crmbonus-component-wake/crmbonus.service-756d754d.js.map +0 -1
- /package/dist/types/home/darlison/Projects/crmbonus/{crmbonus-component-wake → app/crmbonus-component}/.stencil/env.d.ts +0 -0
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface GiftbackFinish extends Components.GiftbackFinish, HTMLElement {}
|
|
4
|
+
export const GiftbackFinish: {
|
|
5
|
+
prototype: GiftbackFinish;
|
|
6
|
+
new (): GiftbackFinish;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, a as createEvent, h } from './index-
|
|
1
|
+
import { r as registerInstance, a as createEvent, h } from './index-f557ce7c.js';
|
|
2
2
|
|
|
3
3
|
const appModalCss = ".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:none;justify-content:center;align-items:center;z-index:1000}.modal-backdrop.visible{display:flex}.modal{background:white;border-radius:8px;padding:1rem;max-width:500px;width:90%;box-shadow:0 2px 10px rgba(0, 0, 0, 0.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;margin-bottom:1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body{}";
|
|
4
4
|
|
|
@@ -13,7 +13,7 @@ const AppModal = class {
|
|
|
13
13
|
this.modalClosed.emit();
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h("div", { key: '
|
|
16
|
+
return (h("div", { key: '401a70f94253ae91a8b478fc90571c29c737e424', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: 'c3c44a6af1badf5c82ae1839e93a12aa58796e17', class: "modal" }, h("div", { key: '6a496c77ea2ebce8cf69032d2cd4ce5c9d81d06a', class: "modal-header" }, h("h3", { key: 'e7c7dce48247d86143ad80bfb22dde660a778973' }, this.modalTitle), h("button", { key: 'c8bf96f0e4076f32289a6b4b88d16d721dc4cf19', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: '23b43b8f0dca9c850fabc0183d4b7f68e8702910', class: "modal-body" }, h("slot", { key: '6d4b908d54be27679dc45daf2c1f0312bd924a17' })))));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
AppModal.style = appModalCss;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="iso-8859-1"?>
|
|
2
|
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
|
3
|
+
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
4
|
+
viewBox="0 0 50 50" xml:space="preserve">
|
|
5
|
+
<circle style="fill:#25AE88;" cx="25" cy="25" r="25"/>
|
|
6
|
+
<polyline style="fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
|
|
7
|
+
38,15 22,33 12,25 "/>
|
|
8
|
+
</svg>
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { r as registerInstance, h, e as Host } from './index-
|
|
2
|
-
import { C as CrmBonusService } from './crmbonus.service-
|
|
1
|
+
import { r as registerInstance, h, e as Host } from './index-f557ce7c.js';
|
|
2
|
+
import { C as CrmBonusService } from './crmbonus.service-ce105f62.js';
|
|
3
3
|
|
|
4
4
|
var StepFormEnum;
|
|
5
5
|
(function (StepFormEnum) {
|
|
6
6
|
StepFormEnum[StepFormEnum["STEP_PHONE"] = 1] = "STEP_PHONE";
|
|
7
7
|
StepFormEnum[StepFormEnum["STEP_PIN"] = 2] = "STEP_PIN";
|
|
8
8
|
StepFormEnum[StepFormEnum["STEP_RESERVE"] = 3] = "STEP_RESERVE";
|
|
9
|
+
StepFormEnum[StepFormEnum["STEP_APPLY"] = 4] = "STEP_APPLY";
|
|
9
10
|
})(StepFormEnum || (StepFormEnum = {}));
|
|
10
11
|
|
|
11
12
|
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}";
|
|
@@ -17,6 +18,12 @@ const CrmBonusForm = class {
|
|
|
17
18
|
this.storeName = undefined;
|
|
18
19
|
this.cartId = undefined;
|
|
19
20
|
this.products = undefined;
|
|
21
|
+
this.customer = {
|
|
22
|
+
phone: "",
|
|
23
|
+
birthDate: "",
|
|
24
|
+
document: "",
|
|
25
|
+
name: ""
|
|
26
|
+
};
|
|
20
27
|
this.loading = false;
|
|
21
28
|
this.step = StepFormEnum.STEP_PHONE;
|
|
22
29
|
this.sent = undefined;
|
|
@@ -71,10 +78,10 @@ const CrmBonusForm = class {
|
|
|
71
78
|
this.message = "";
|
|
72
79
|
try {
|
|
73
80
|
await this.crmBonusService.reserve({
|
|
74
|
-
|
|
81
|
+
redeemed_bonus: amount,
|
|
75
82
|
cart_id: this.cartId,
|
|
76
83
|
ticket: this.cartId,
|
|
77
|
-
|
|
84
|
+
gross_value: this.bonus.totalValue,
|
|
78
85
|
}, this.storeName);
|
|
79
86
|
}
|
|
80
87
|
catch (error) {
|
|
@@ -85,7 +92,7 @@ const CrmBonusForm = class {
|
|
|
85
92
|
}
|
|
86
93
|
}
|
|
87
94
|
render() {
|
|
88
|
-
return (h(Host, { key: '
|
|
95
|
+
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)));
|
|
89
96
|
}
|
|
90
97
|
};
|
|
91
98
|
CrmBonusForm.style = crmBonusFormCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"crm-bonus-form.entry.esm.js","mappings":";;;AAAA,IAAY,
|
|
1
|
+
{"file":"crm-bonus-form.entry.esm.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}
|
|
@@ -1,33 +1,41 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-f557ce7c.js';
|
|
2
|
+
import { C as CrmBonusService } from './crmbonus.service-ce105f62.js';
|
|
2
3
|
|
|
3
4
|
const logoSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA3MDMgMTAzIiBmaWxsPSJub25lIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02ODkuMiA1Ny41MDA0TDY0Ny4xIDk5LjYwMDRMNjM3LjMgODkuODAwNEw2NzkuNCA0Ny43MDA0SDYzNlYzMy45MDA0SDY5NUM2OTYuOSAzMy45MDA0IDY5OC41IDM0LjUwMDQgNjk5LjcgMzUuNTAwNEM3MDAgMzUuNzAwNCA3MDAuMiAzNS45MDA0IDcwMC40IDM2LjEwMDRDNzAwLjYgMzYuMzAwNCA3MDAuOCAzNi41MDA0IDcwMC45IDM2LjcwMDRWMzYuODAwNFYzNi45MDA0QzcwMiAzOC4xMDA0IDcwMi43IDM5LjgwMDQgNzAyLjcgNDEuODAwNFY0My42MDA0VjY3LjAwMDRWMTAwLjdINjg4LjlWODAuODAwNFY1Ny41MDA0SDY4OS4yWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzE2MjlfMTg4KSI+PC9wYXRoPgo8cGF0aCBkPSJNNTIuNyA3Ni40OTk4SDY3LjdDNjUuMyA5MS43OTk4IDUxLjkgMTAyLjUgMzUuMiAxMDIuNUMxNS4yIDEwMi41IDAgODcuMjk5OCAwIDY3LjM5OThDMCA0Ny42OTk4IDE1LjIgMzIuMjk5OCAzNS4yIDMyLjI5OThDNTEuOSAzMi4yOTk4IDY1LjMgNDIuODk5OCA2Ny43IDU4LjI5OThINTIuN0M1MC45IDUwLjc5OTggNDQuMiA0NS42OTk4IDM1LjIgNDUuNjk5OEMyMi45IDQ1LjY5OTggMTQuOCA1NS4zOTk4IDE0LjggNjcuMzk5OEMxNC44IDc5LjQ5OTggMjIuOSA4OS4wOTk4IDM1LjIgODkuMDk5OEM0NC4yIDg5LjE5OTggNTAuOSA4NC4wOTk4IDUyLjcgNzYuNDk5OFoiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPgo8cGF0aCBkPSJNMTE3LjIgMzIuNzAwMlY0Ni42MDAyQzEwNi42IDQ3LjAwMDIgOTguNTAwMiA1MS4wMDAyIDkyLjUwMDIgNTguODAwMlYxMDAuOEg3Ny43MDAyVjM0LjEwMDJIOTIuNTAwMlY0My4yMDAyQzk4LjYwMDIgMzYuNTAwMiAxMDcgMzIuNzAwMiAxMTcuMiAzMi43MDAyWiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+CjxwYXRoIGQ9Ik0yMzcuNCA2Mi41OTk3VjEwMC44SDIyMi44VjYyLjU5OTdDMjIyLjggNTAuNzk5NyAyMTYuNiA0NS42OTk3IDIwNyA0NS42OTk3QzIwMC41IDQ1LjY5OTcgMTk0LjIgNDguMDk5NyAxODkuMyA1NC43OTk3QzE4OS43IDU2Ljg5OTcgMTg5LjkgNTkuMjk5NyAxODkuOSA2MS43OTk3VjEwMC44SDE3NS4yVjYxLjc5OTdDMTc1LjIgNDkuOTk5NyAxNjkgNDUuNzk5NyAxNjAuMyA0NS43OTk3QzE1My4zIDQ1Ljc5OTcgMTQ3LjEgNDguNTk5NyAxNDIuMyA1NS4yOTk3VjEwMC45SDEyNy41VjM0LjE5OTdIMTQyLjNWMzkuODk5N0MxNDcuMyAzNS4zOTk3IDE1My4yIDMyLjQ5OTcgMTYyIDMyLjQ5OTdDMTcxLjUgMzIuNDk5NyAxNzkuMiAzNS43OTk3IDE4NC4xIDQyLjE5OTdDMTkwLjYgMzUuNzk5NyAxOTguMiAzMi40OTk3IDIwNy45IDMyLjQ5OTdDMjI1LjUgMzIuMzk5NyAyMzcuNCA0Mi44OTk3IDIzNy40IDYyLjU5OTdaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD4KPHBhdGggZD0iTTMyMCA2Ny4zQzMyMCA4Ni45IDMwNC44IDEwMi41IDI4Ni4xIDEwMi41QzI3Ny42IDEwMi41IDI3MC4zIDk5LjkgMjY0LjggOTUuNVYxMDAuOEgyNTBWMEgyNjQuOFYzOS4yQzI3MC4zIDM0LjkgMjc3LjYgMzIuNCAyODYuMSAzMi40QzMwNC44IDMyLjQgMzIwIDQ4IDMyMCA2Ny4zWk0zMDUuMiA2Ny4zQzMwNS4yIDU1LjUgMjk2LjMgNDUuNyAyODMuOSA0NS43QzI3Ni41IDQ1LjcgMjY5LjcgNDguMSAyNjQuNyA1NS4xVjc5LjdDMjY5LjcgODYuNyAyNzYuNSA4OS4yIDI4My45IDg5LjJDMjk2LjMgODkuMiAzMDUuMiA3OS4yIDMwNS4yIDY3LjNaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD4KPHBhdGggZD0iTTM5OS4yIDY3LjUwMDRDMzk5LjIgODcuOTAwNCAzODQuNCAxMDIuNiAzNjMuNyAxMDIuNkMzNDMgMTAyLjYgMzI4LjIgODcuOTAwNCAzMjguMiA2Ny41MDA0QzMyOC4yIDQ3LjEwMDQgMzQzIDMyLjQwMDQgMzYzLjcgMzIuNDAwNEMzODQuNCAzMi40MDA0IDM5OS4yIDQ3LjAwMDQgMzk5LjIgNjcuNTAwNFpNMzg0LjQgNjcuNTAwNEMzODQuNCA1NC45MDA0IDM3NS43IDQ1LjgwMDQgMzYzLjcgNDUuODAwNEMzNTEuNyA0NS44MDA0IDM0MyA1NC45MDA0IDM0MyA2Ny41MDA0QzM0MyA4MC4wMDA0IDM1MS43IDg5LjIwMDQgMzYzLjcgODkuMjAwNEMzNzUuNyA4OS4yMDA0IDM4NC40IDc5LjkwMDQgMzg0LjQgNjcuNTAwNFoiIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPgo8cGF0aCBkPSJNNDc0LjMgNjMuNTk5N1YxMDAuOEg0NTkuNVY2NC40OTk2QzQ1OS41IDUyLjI5OTYgNDUzIDQ1Ljc5OTcgNDQyLjIgNDUuNzk5N0M0MzUuOCA0NS43OTk3IDQyOC45IDQ5LjI5OTYgNDIzLjYgNTUuODk5NlYxMDAuOUg0MDguOFYzNC4xOTk2SDQyMy42VjQwLjE5OTZDNDI5LjQgMzUuMTk5NiA0MzYuNyAzMi40OTk2IDQ0NS4yIDMyLjQ5OTZDNDYyLjUgMzIuMzk5NiA0NzQuMyA0NC4yOTk3IDQ3NC4zIDYzLjU5OTdaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD4KPHBhdGggZD0iTTU1MC40IDM0LjA5OTZWMTAwLjhINTM1LjhWOTQuMjk5NkM1MzAgOTkuNTk5NiA1MjIuNyAxMDIuNSA1MTQuMSAxMDIuNUM0OTYuOCAxMDIuNSA0ODUuMSA5MC4xOTk2IDQ4NS4xIDcwLjk5OTZWMzQuMDk5Nkg0OTkuN1Y3MC4xOTk2QzQ5OS43IDgyLjM5OTYgNTA2LjQgODkuMTk5NiA1MTcgODkuMTk5NkM1MjMuNSA4OS4xOTk2IDUzMC4zIDg1LjQ5OTYgNTM1LjcgNzguNjk5NlYzNC4wOTk2SDU1MC40WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg+CjxwYXRoIGQ9Ik01OTEuNSA5MC41MDAyQzYwMC4yIDkwLjUwMDIgNjA2LjEgODcuNzAwMiA2MDYuMSA4Mi40MDAyQzYwNi4xIDc4LjQwMDIgNjAyLjggNzUuNjAwMiA1OTcuMiA3NC42MDAyTDU4Mi40IDcyLjAwMDJDNTcyLjIgNzAuMzAwMiA1NjIuNyA2NS4yMDAyIDU2Mi43IDUzLjEwMDJDNTYyLjcgNDAuMjAwMiA1NzMuOSAzMi4yMDAyIDU5MC41IDMyLjIwMDJDNjAzLjQgMzIuMjAwMiA2MTguMyAzNi42MDAyIDYxOS43IDU0LjEwMDJINjA2LjFDNjA1LjQgNDYuOTAwMiA1OTkgNDQuMDAwMiA1OTAuNSA0NC4wMDAyQzU4MiA0NC4wMDAyIDU3Ny4zIDQ3LjEwMDIgNTc3LjMgNTEuODAwMkM1NzcuMyA1NS4zMDAyIDU3OS45IDU4LjgwMDIgNTg3LjcgNjAuMDAwMkw2MDAuMiA2Mi4wMDAyQzYxMC4zIDYzLjgwMDIgNjIwLjIgNjguMjAwMiA2MjAuMiA4MS4yMDAyQzYyMC4yIDk1LjMwMDIgNjA3LjkgMTAyLjUgNTkxLjEgMTAyLjVDNTc1LjMgMTAyLjUgNTYxLjkgOTYuMzAwMiA1NjAuMiA3OC43MDAyTDU3My44IDc4LjgwMDJDNTc1LjMgODcuMDAwMiA1ODEuNCA5MC41MDAyIDU5MS41IDkwLjUwMDJaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNjI5XzE4OCIgeDE9IjYzNi44MzMiIHkxPSI5Ny44MjYxIiB4Mj0iNzEzLjQ2IiB5Mj0iMjYuNjU4MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRjdBODMwIj48L3N0b3A+CjxzdG9wIG9mZnNldD0iMC42MzUzIiBzdG9wLWNvbG9yPSIjRjA4MzM2Ij48L3N0b3A+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VBNTM0NiI+PC9zdG9wPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPg==';
|
|
4
5
|
|
|
5
|
-
const crmBonusCss = ".container-button{max-width:136px;cursor:pointer}";
|
|
6
|
+
const crmBonusCss = ".container-button{max-width:136px;cursor:pointer;padding:10px}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center}";
|
|
6
7
|
|
|
7
|
-
const
|
|
8
|
+
const CrmBonus = class {
|
|
8
9
|
constructor(hostRef) {
|
|
9
10
|
registerInstance(this, hostRef);
|
|
11
|
+
this.crmBonusService = new CrmBonusService();
|
|
10
12
|
this.showModal = false;
|
|
11
13
|
this.userId = undefined;
|
|
12
14
|
this.storeName = undefined;
|
|
13
15
|
this.productsInString = undefined;
|
|
14
16
|
this.cartId = undefined;
|
|
15
17
|
this.products = undefined;
|
|
18
|
+
this.customer = undefined;
|
|
16
19
|
}
|
|
17
|
-
componentWillLoad() {
|
|
20
|
+
async componentWillLoad() {
|
|
21
|
+
await this.handleLoad();
|
|
22
|
+
}
|
|
23
|
+
async handleLoad() {
|
|
24
|
+
const customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);
|
|
25
|
+
console.log('user', customer);
|
|
18
26
|
this.products = JSON.parse(this.productsInString);
|
|
27
|
+
this.customer = customer;
|
|
19
28
|
}
|
|
20
29
|
buildProducts() {
|
|
21
30
|
return this.products.map(product => ({ sku: product.SKU, value: (product.PrecoPor * product.Quantidade), variantId: product.ProdutoVarianteId, qtd: product.Quantidade }));
|
|
22
31
|
}
|
|
23
32
|
render() {
|
|
24
|
-
|
|
25
|
-
return (h("div", { key: '07a807b76d673ab698a882ef6916ad20316bae47' }, h("div", { key: 'ff8e83c1aa52a3d581519740b14b8fe6aeb8df36', class: "container-button" }, h("img", { key: '0f2bb5fcd67af5bcc898ec0ebf0b5397da76eb0a', src: logoSvg, onClick: () => (this.showModal = true) })), h("app-modal", { key: '893040d4d72bf2850276ac09145f488c57026d04', isOpen: this.showModal, modalTitle: `Giftback`, onModalClosed: () => (this.showModal = false) }, h("crm-bonus-form", { key: 'f26aa188f790b3d3962e21bd6bbf818227a38521', storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId }))));
|
|
33
|
+
return (h("div", { key: 'a2152a6359b8c1edf88ff80129cd357d3fd267da', class: "section-crm" }, h("div", { key: '8c8e6059d262ff2995faf20dcbb6f9d76c102cfc', class: "container-button" }, h("img", { key: '6055ae7f6714b661f0a895192ca1d12091a7d297', src: logoSvg, onClick: () => (this.showModal = true) })), h("app-modal", { key: '466d282b87fe9a3e2078930607b652b1e43efc3e', isOpen: this.showModal, modalTitle: `Giftback`, onModalClosed: () => (this.showModal = false) }, h("crm-bonus-form", { key: '7e7f3d64f81f9b41aa55296c871697917b668c61', storeName: this.storeName, products: this.buildProducts(), cartId: this.cartId, customer: this.customer }))));
|
|
26
34
|
}
|
|
27
35
|
static get assetsDirs() { return ["assets"]; }
|
|
28
36
|
};
|
|
29
|
-
|
|
37
|
+
CrmBonus.style = crmBonusCss;
|
|
30
38
|
|
|
31
|
-
export {
|
|
39
|
+
export { CrmBonus as crm_bonus };
|
|
32
40
|
|
|
33
41
|
//# sourceMappingURL=crm-bonus.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"crm-bonus.entry.esm.js","mappings":"
|
|
1
|
+
{"file":"crm-bonus.entry.esm.js","mappings":";;;AAAA,MAAM,OAAO,GAAG,w9JAAw9J;;ACAx+J,MAAM,WAAW,GAAG,gIAAgI;;MCWvI,QAAQ;;;QAEX,oBAAe,GAAoB,IAAI,eAAe,EAAE,CAAC;yBAEnC,KAAK;;;;;;;;IASnC,MAAM,iBAAiB;QACrB,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;KACzB;IAED,MAAM,UAAU;QACd,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAErF,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;KAC1B;IAED,aAAa;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,GAAG,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,EAAE,GAAG,EAAE,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;KAC3K;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,aAAa,IACtB,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,GAAG,EAAEA,OAAI,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAI,CACtD,EACN,kEACE,MAAM,EAAE,IAAI,CAAC,SAAS,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAE7C,uEAAgB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,CAChH,CACR,EACP;KACF;;;;;;;","names":["logo"],"sources":["src/components/crm-bonus/assets/svg/logo.svg","src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["<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\">\n<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>\n<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>\n<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>\n<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>\n<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>\n<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>\n<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>\n<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>\n<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>\n<defs>\n<linearGradient id=\"paint0_linear_1629_188\" x1=\"636.833\" y1=\"97.8261\" x2=\"713.46\" y2=\"26.6582\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#F7A830\"></stop>\n<stop offset=\"0.6353\" stop-color=\"#F08336\"></stop>\n<stop offset=\"1\" stop-color=\"#EA5346\"></stop>\n</linearGradient>\n</defs>\n</svg>","/* :host {\n display: block;\n} */\n\n.container-button {\n max-width: 136px;\n cursor: pointer;\n padding: 10px;\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}","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 const customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);\n\n console.log('user', customer);\n this.products = JSON.parse(this.productsInString);\n this.customer = customer;\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 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 storeName={this.storeName} products={this.buildProducts()} cartId={this.cartId} customer={this.customer}/>\n </app-modal>\n </div>\n )\n }\n}\n"],"version":3}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { B as BUILD, c as consoleDevInfo, H, d as doc, N as NAMESPACE, p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { B as BUILD, c as consoleDevInfo, H, d as doc, N as NAMESPACE, p as promiseResolve, b as bootstrapLazy } from './index-f557ce7c.js';
|
|
2
|
+
export { s as setNonce } from './index-f557ce7c.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -43,7 +43,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
43
43
|
|
|
44
44
|
patchBrowser().then(async (options) => {
|
|
45
45
|
await globalScripts();
|
|
46
|
-
return bootstrapLazy([["crm-bonus",[[1,"crm-bonus",{"userId":[
|
|
46
|
+
return bootstrapLazy([["crm-bonus",[[1,"crm-bonus",{"userId":[2,"userid"],"storeName":[8,"storename"],"productsInString":[1,"products"],"cartId":[8,"cartid"],"showModal":[32],"products":[32],"customer":[32]}]]],["pedido-finalizado",[[0,"pedido-finalizado",{"cartId":[1,"cartid"],"orderId":[2,"orderid"]}]]],["loading-spinner",[[1,"loading-spinner",{"size":[1],"color":[1]}]]],["phone-input",[[0,"phone-input",{"sendPin":[16],"loading":[4],"value":[1]}]]],["giftback-pin",[[1,"giftback-pin",{"sent":[16],"validate":[16],"loading":[4],"pin":[32],"isVerified":[32]}]]],["giftback-progress",[[1,"giftback-progress",{"loading":[4],"bonus":[16],"reserve":[16],"usedValue":[32]}]]],["giftback-finish",[[1,"giftback-finish"]]],["phone-input-mask",[[1,"phone-input-mask",{"initialValue":[1,"initial-value"],"phone":[32],"getPhone":[64]}]]],["crm-bonus-form",[[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]}]]],["app-modal",[[1,"app-modal",{"isOpen":[516,"is-open"],"modalTitle":[1,"modal-title"]}]]]], options);
|
|
47
47
|
});
|
|
48
48
|
|
|
49
49
|
//# sourceMappingURL=crmbonus-component-wake.esm.js.map
|
package/dist/crmbonus-component-wake/{crmbonus.service-756d754d.js → crmbonus.service-ce105f62.js}
RENAMED
|
@@ -3836,8 +3836,13 @@ class CrmBonusService {
|
|
|
3836
3836
|
},
|
|
3837
3837
|
});
|
|
3838
3838
|
}
|
|
3839
|
-
async
|
|
3840
|
-
const response = await this.axiosInstance.
|
|
3839
|
+
async getCustomer(userId, store) {
|
|
3840
|
+
const response = await this.axiosInstance.get(`/api/wake/store/${store}/customer/${userId}`, { headers: { 'Content-Type': 'application/json' } });
|
|
3841
|
+
console.log('response.data', response.data);
|
|
3842
|
+
return response.data;
|
|
3843
|
+
}
|
|
3844
|
+
async updateOrder(cartId, orderId) {
|
|
3845
|
+
const response = await this.axiosInstance.post("/api/crm-bonus/teste", { cartId, orderId }, { headers: { 'Content-Type': 'application/json' } });
|
|
3841
3846
|
console.log('response', response.data);
|
|
3842
3847
|
}
|
|
3843
3848
|
async sendPin(phone, store) {
|
|
@@ -3860,4 +3865,4 @@ class CrmBonusService {
|
|
|
3860
3865
|
|
|
3861
3866
|
export { CrmBonusService as C };
|
|
3862
3867
|
|
|
3863
|
-
//# sourceMappingURL=crmbonus.service-
|
|
3868
|
+
//# sourceMappingURL=crmbonus.service-ce105f62.js.map
|