crmbonus-component-wake 1.0.35 → 1.0.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/app-modal_4.cjs.entry.js +9 -7
- package/dist/cjs/app-modal_4.cjs.entry.js.map +1 -1
- package/dist/cjs/crm-bonus-note.cjs.entry.js +1 -1
- package/dist/cjs/crm-bonus.cjs.entry.js +37 -6
- package/dist/cjs/crm-bonus.cjs.entry.js.map +1 -1
- package/dist/cjs/crmbonus-component-wake.cjs.js +1 -1
- package/dist/cjs/{crmbonus.service-e6b51638.js → crmbonus.service-e46a5941.js} +5 -6
- package/dist/cjs/crmbonus.service-e46a5941.js.map +1 -0
- package/dist/cjs/{giftback-finish_3.cjs.entry.js → giftback-finish_4.cjs.entry.js} +34 -4
- package/dist/cjs/giftback-finish_4.cjs.entry.js.map +1 -0
- package/dist/cjs/{index-296f70bf.js → index-861e0cbe.js} +2 -1
- package/dist/cjs/index-861e0cbe.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/pedido-finalizado.cjs.entry.js +2 -2
- package/dist/cjs/phone-input-mask.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/button/index.js +1 -0
- package/dist/collection/components/button/index.js.map +1 -0
- package/dist/collection/components/crm-bonus/crm-bonus.js +36 -4
- package/dist/collection/components/crm-bonus/crm-bonus.js.map +1 -1
- package/dist/collection/components/crm-bonus-form/crm-bonus-form.js +37 -3
- package/dist/collection/components/crm-bonus-form/crm-bonus-form.js.map +1 -1
- package/dist/collection/components/crm-bonus-form/subcomponents/giftback-finish/giftback-finish.js +1 -1
- package/dist/collection/components/crm-bonus-form/subcomponents/giftback-pin/giftback-pin.js +1 -1
- package/dist/collection/components/crm-bonus-form/subcomponents/giftback-progress/giftback-progress.js +1 -1
- package/dist/collection/components/crm-bonus-form/subcomponents/name-input/name-input.css +108 -0
- package/dist/collection/components/crm-bonus-form/subcomponents/name-input/name-input.js +110 -0
- package/dist/collection/components/crm-bonus-form/subcomponents/name-input/name-input.js.map +1 -0
- package/dist/collection/components/crm-bonus-form/subcomponents/phone/phone.input.js +1 -1
- package/dist/collection/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.js +1 -1
- package/dist/collection/components/loading-spinner/loading-spinner.js +1 -1
- package/dist/collection/components/modal/app-modal.js +1 -1
- package/dist/collection/components/note/crm-bonus-note.js +1 -1
- package/dist/collection/components/pedido/pedido.js +1 -1
- package/dist/collection/components/phone/phone-input-mask.js +1 -1
- package/dist/collection/contants/index.js +1 -0
- package/dist/collection/contants/index.js.map +1 -1
- package/dist/collection/services/crmbonus.service.js +4 -5
- package/dist/collection/services/crmbonus.service.js.map +1 -1
- package/dist/components/app-modal.js +1 -1
- package/dist/components/crm-bonus-form.js +1 -1
- package/dist/components/crm-bonus-note.js +1 -1
- package/dist/components/crm-bonus.js +57 -20
- package/dist/components/crm-bonus.js.map +1 -1
- package/dist/components/giftback-finish.js +1 -1
- package/dist/components/giftback-pin.js +1 -1
- package/dist/components/giftback-progress.js +1 -1
- package/dist/components/loading-spinner.js +1 -1
- package/dist/components/name-input.d.ts +11 -0
- package/dist/components/name-input.js +8 -0
- package/dist/components/name-input.js.map +1 -0
- package/dist/components/{p-af4650fb.js → p-0e99f907.js} +3 -3
- package/dist/components/{p-af4650fb.js.map → p-0e99f907.js.map} +1 -1
- package/dist/components/p-19b83423.js +62 -0
- package/dist/components/p-19b83423.js.map +1 -0
- package/dist/components/{p-4c2f324f.js → p-1dbb0f43.js} +2 -2
- package/dist/components/{p-4c2f324f.js.map → p-1dbb0f43.js.map} +1 -1
- package/dist/components/{p-aa1c4120.js → p-21476699.js} +2 -2
- package/dist/components/{p-aa1c4120.js.map → p-21476699.js.map} +1 -1
- package/dist/components/{p-cbade307.js → p-530006e6.js} +2 -2
- package/dist/components/{p-cbade307.js.map → p-530006e6.js.map} +1 -1
- package/dist/components/{p-1e17443d.js → p-5c55a55e.js} +4 -4
- package/dist/components/{p-1e17443d.js.map → p-5c55a55e.js.map} +1 -1
- package/dist/components/{p-560dd530.js → p-5d7d182b.js} +4 -4
- package/dist/components/{p-560dd530.js.map → p-5d7d182b.js.map} +1 -1
- package/dist/components/{p-e0fe93e9.js → p-84832959.js} +23 -12
- package/dist/components/p-84832959.js.map +1 -0
- package/dist/components/{p-39df4263.js → p-a7e4526b.js} +5 -6
- package/dist/components/p-a7e4526b.js.map +1 -0
- package/dist/components/{p-b1a8e30d.js → p-ddc0ac71.js} +2 -2
- package/dist/components/{p-b1a8e30d.js.map → p-ddc0ac71.js.map} +1 -1
- package/dist/components/{p-6a629b94.js → p-e2727638.js} +3 -3
- package/dist/components/{p-6a629b94.js.map → p-e2727638.js.map} +1 -1
- package/dist/components/pedido-finalizado.js +2 -2
- package/dist/components/phone-cancel-input.js +1 -1
- package/dist/components/phone-input-mask.js +1 -1
- package/dist/components/phone-input.js +1 -1
- package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +1 -1
- package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js.map +1 -1
- package/dist/crmbonus-component-wake/{p-31ae64b6.entry.js → p-119ca508.entry.js} +2 -2
- package/dist/crmbonus-component-wake/{p-f3e5edb5.entry.js → p-20f2b764.entry.js} +2 -2
- package/dist/crmbonus-component-wake/p-2636f2f0.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-2636f2f0.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/p-9b967605.js +2 -0
- package/dist/crmbonus-component-wake/p-9b967605.js.map +1 -0
- package/dist/crmbonus-component-wake/{p-ae916fdb.entry.js → p-a01c57ab.entry.js} +2 -2
- package/dist/crmbonus-component-wake/{p-39df4263.js → p-a7e4526b.js} +2 -2
- package/dist/crmbonus-component-wake/p-a7e4526b.js.map +1 -0
- package/dist/crmbonus-component-wake/p-b5e9ea5d.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-b5e9ea5d.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/p-c12fd96a.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-c12fd96a.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/{p-d4863abd.entry.js → p-cc12d99b.entry.js} +2 -2
- package/dist/esm/app-modal_4.entry.js +9 -7
- package/dist/esm/app-modal_4.entry.js.map +1 -1
- package/dist/esm/crm-bonus-note.entry.js +1 -1
- package/dist/esm/crm-bonus.entry.js +37 -6
- package/dist/esm/crm-bonus.entry.js.map +1 -1
- package/dist/esm/crmbonus-component-wake.js +1 -1
- package/dist/esm/{crmbonus.service-d2bfcb1d.js → crmbonus.service-1b7f193d.js} +5 -6
- package/dist/esm/crmbonus.service-1b7f193d.js.map +1 -0
- package/dist/esm/{giftback-finish_3.entry.js → giftback-finish_4.entry.js} +34 -5
- package/dist/esm/giftback-finish_4.entry.js.map +1 -0
- package/dist/esm/{index-2bfaba2b.js → index-ea02697e.js} +2 -1
- package/dist/esm/index-ea02697e.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/loading-spinner.entry.js +1 -1
- package/dist/esm/pedido-finalizado.entry.js +2 -2
- package/dist/esm/phone-input-mask.entry.js +1 -1
- package/dist/types/components/button/index.d.ts +0 -0
- package/dist/types/components/crm-bonus/crm-bonus.d.ts +2 -0
- package/dist/types/components/crm-bonus-form/crm-bonus-form.d.ts +2 -0
- package/dist/types/components/crm-bonus-form/subcomponents/name-input/name-input.d.ts +11 -0
- package/dist/types/components.d.ts +25 -0
- package/dist/types/contants/index.d.ts +1 -0
- package/dist/types/services/crmbonus.service.d.ts +1 -1
- package/package.json +1 -1
- package/dist/cjs/crmbonus.service-e6b51638.js.map +0 -1
- package/dist/cjs/giftback-finish_3.cjs.entry.js.map +0 -1
- package/dist/cjs/index-296f70bf.js.map +0 -1
- package/dist/components/p-39df4263.js.map +0 -1
- package/dist/components/p-e0fe93e9.js.map +0 -1
- package/dist/crmbonus-component-wake/p-0521617e.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-0521617e.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-39df4263.js.map +0 -1
- package/dist/crmbonus-component-wake/p-61fafdba.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-61fafdba.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-8e6cdd1e.js +0 -2
- package/dist/crmbonus-component-wake/p-8e6cdd1e.js.map +0 -1
- package/dist/crmbonus-component-wake/p-cf8e81f9.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-cf8e81f9.entry.js.map +0 -1
- package/dist/esm/crmbonus.service-d2bfcb1d.js.map +0 -1
- package/dist/esm/giftback-finish_3.entry.js.map +0 -1
- package/dist/esm/index-2bfaba2b.js.map +0 -1
- /package/dist/crmbonus-component-wake/{p-31ae64b6.entry.js.map → p-119ca508.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-f3e5edb5.entry.js.map → p-20f2b764.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-ae916fdb.entry.js.map → p-a01c57ab.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-d4863abd.entry.js.map → p-cc12d99b.entry.js.map} +0 -0
@@ -0,0 +1,62 @@
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
|
2
|
+
import { d as defineCustomElement$1 } from './p-ddc0ac71.js';
|
3
|
+
|
4
|
+
const nameInputCss = ".bc-form-control{display:block;width:90%;height:24px;padding:7px 18px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.bc-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}.bc-btn-process{background:#00162e;border-color:#00162e;width:30%;color:#fff}.bc-footer-btn{display:flex;justify-content:end;margin:11px}.name-container{font-weight:bold;color:#494545}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:11px;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:97%;margin-top:14px}";
|
5
|
+
const NameInputStyle0 = nameInputCss;
|
6
|
+
|
7
|
+
const NameInput = /*@__PURE__*/ proxyCustomElement(class NameInput extends H {
|
8
|
+
constructor() {
|
9
|
+
super();
|
10
|
+
this.__registerHost();
|
11
|
+
this.value = undefined;
|
12
|
+
this.loading = undefined;
|
13
|
+
this.applyName = undefined;
|
14
|
+
this.cancel = undefined;
|
15
|
+
this.newValue = undefined;
|
16
|
+
this.message = undefined;
|
17
|
+
}
|
18
|
+
handleChangeName(event) {
|
19
|
+
this.newValue = event.target.value;
|
20
|
+
}
|
21
|
+
handleSetName(name) {
|
22
|
+
if (!name) {
|
23
|
+
this.message = "Informe seu nome";
|
24
|
+
return;
|
25
|
+
}
|
26
|
+
this.applyName(name);
|
27
|
+
}
|
28
|
+
render() {
|
29
|
+
return (h("div", { key: '79187b5c58617f7f7d0062f4174cf7c37727808c', class: "name-container" }, h("p", { key: '23e6bb34fe19a23f9c3654130e4586022f5f1581' }, "Seu Nome:"), h("input", { key: '8ba653c5e1bfdf808429caad0fccc1a5c12197c5', class: "bc-form-control", type: "text", value: this.value, onChange: (event) => this.handleChangeName(event) }), h("p", { key: 'da3559a3af2b93496be7fa97b0f3a9e966598781' }, this.message), h("div", { key: 'cf3c035a61e08e7353a9cd038f0ee98ecff18d66', class: "footer-button" }, h("button", { key: 'a437bb82b68f2ea881163dcf4c200950418fb853', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: 'd68da6ed31f22ff53ca2c953cece48ef2aabe6ba', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleSetName(this.newValue) }, !this.loading ? "Continua" : h("loading-spinner", { size: "15px", color: "#fff" })))));
|
30
|
+
}
|
31
|
+
static get style() { return NameInputStyle0; }
|
32
|
+
}, [0, "name-input", {
|
33
|
+
"value": [1],
|
34
|
+
"loading": [4],
|
35
|
+
"applyName": [16],
|
36
|
+
"cancel": [16],
|
37
|
+
"newValue": [32],
|
38
|
+
"message": [32]
|
39
|
+
}]);
|
40
|
+
function defineCustomElement() {
|
41
|
+
if (typeof customElements === "undefined") {
|
42
|
+
return;
|
43
|
+
}
|
44
|
+
const components = ["name-input", "loading-spinner"];
|
45
|
+
components.forEach(tagName => { switch (tagName) {
|
46
|
+
case "name-input":
|
47
|
+
if (!customElements.get(tagName)) {
|
48
|
+
customElements.define(tagName, NameInput);
|
49
|
+
}
|
50
|
+
break;
|
51
|
+
case "loading-spinner":
|
52
|
+
if (!customElements.get(tagName)) {
|
53
|
+
defineCustomElement$1();
|
54
|
+
}
|
55
|
+
break;
|
56
|
+
} });
|
57
|
+
}
|
58
|
+
defineCustomElement();
|
59
|
+
|
60
|
+
export { NameInput as N, defineCustomElement as d };
|
61
|
+
|
62
|
+
//# sourceMappingURL=p-19b83423.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"p-19b83423.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,wpDAAwpD,CAAC;AAC9qD,wBAAe,YAAY;;MCKd,SAAS;;;;;;;;;;;IAWlB,gBAAgB,CAAC,KAAU;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACtC;IAGD,aAAa,CAAC,IAAY;QACtB,IAAG,CAAC,IAAI,EAAE;YACN,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAClC,OAAM;SACT;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;KACxB;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,wEAAgB,EAChB,8DAAO,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAI,EAEnH,4DAAK,IAAI,CAAC,OAAO,CAAM,EAMvB,4DAAK,KAAK,EAAC,eAAe,IACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EACT,+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,CAAC,IAAI,CAAC,QAAQ,CAAC,IAE5H,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/crm-bonus-form/subcomponents/name-input/name-input.css?tag=name-input","src/components/crm-bonus-form/subcomponents/name-input/name-input.tsx"],"sourcesContent":[".bc-form-control {\n display: block;\n width: 90%;\n height: 24px;\n padding: 7px 18px;\n font-size: 14px;\n line-height: 1.42857143;\n color: #555;\n background-color: #fff;\n background-image: none;\n border: 1px solid #ccc;\n border-radius: 0px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n.bc-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.bc-btn-process {\n background: #00162e;\n border-color: #00162e;\n width: 30%;\n color: #fff;\n}\n\n.bc-footer-btn {\n display: flex;\n justify-content: end;\n margin: 11px;\n}\n\n.name-container {\n font-weight: bold;\n color: #494545;\n}\n\n\nbutton {\n padding: 10px 20px;\n background-color: #ddd;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #bbb;\n}\n\n.success {\n color: green;\n margin-top: 10px;\n}\n\n.button {\n top: 50%;\n background-color: #6c6c7e;\n color: #fff;\n border: none;\n border-radius: 10px;\n padding: 11px;\n min-width: 120px;\n font-size: 20px;\n cursor: pointer;\n}\n\n.button-cancel {\n top: 50%;\n background-color: #ffffff;\n color: #1e1c1c;\n border: 1px solid gray;\n border-radius: 10px;\n padding: 10px;\n min-height: 30px;\n min-width: 120px;\n font-size: 19px;\n cursor: pointer;\n}\n\n.footer-button {\n display: flex;\n justify-content: space-between;\n width: 97%;\n margin-top: 14px;\n}","import { Component, Prop, State, h } from \"@stencil/core\";\n\n@Component({\n tag: 'name-input',\n styleUrl: 'name-input.css'\n})\nexport class NameInput {\n\n @Prop() value: string;\n\n @Prop() loading: boolean;\n @Prop() applyName: (value: string) => void;\n @Prop() cancel: () => void;\n \n @State() newValue: string;\n @State() message: string;\n\n handleChangeName(event: any) {\n this.newValue = event.target.value;\n }\n\n\n handleSetName(name: string) {\n if(!name) {\n this.message = \"Informe seu nome\";\n return\n }\n\n this.applyName(name);\n }\n\n render() {\n return (\n <div class=\"name-container\">\n <p>Seu Nome:</p>\n <input class=\"bc-form-control\" type=\"text\" value={this.value} onChange={(event) => this.handleChangeName(event)} />\n\n <p>{ this.message }</p>\n\n {/* <div class=\"bc-footer-btn\">\n <button class=\"bc-btn bc-btn-process\" onClick={() => this.applyName(this.newValue)} >Prosseguir</button>\n </div> */}\n\n <div class=\"footer-button\">\n <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\n Cancelar\n </button>\n <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleSetName(this.newValue)}>\n {\n !this.loading ? \"Continua\" : <loading-spinner size=\"15px\" color=\"#fff\" />\n }\n </button>\n </div>\n </div>\n )\n }\n}"],"version":3}
|
@@ -16,7 +16,7 @@ const AppModal = /*@__PURE__*/ proxyCustomElement(class AppModal extends H {
|
|
16
16
|
this.modalClosed.emit();
|
17
17
|
}
|
18
18
|
render() {
|
19
|
-
return (h("div", { key: '
|
19
|
+
return (h("div", { key: 'c6da9ce70d919346c641a5aa372ba17305c0d670', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: '807ac561f4825f3ba470529d80135b7e2024a149', class: "modal" }, h("div", { key: '57de6ce754a7ad665b7bac3bcfc561e0baa694b4', class: "modal-header" }, h("h3", { key: 'a716a0c910ba51cf3700b4812924e8e75505b6ac' }, this.modalTitle), h("button", { key: '295e0b32f08233d48c376287496717a4edfeae6d', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: 'b1abe2d5c073ba9a7bd329c47a631e5cff51e0ea', class: "modal-body" }, h("slot", { key: '135950e8e07a6eb1dc8c3eb2326c182617143893' })))));
|
20
20
|
}
|
21
21
|
static get style() { return AppModalStyle0; }
|
22
22
|
}, [1, "app-modal", {
|
@@ -40,4 +40,4 @@ defineCustomElement();
|
|
40
40
|
|
41
41
|
export { AppModal as A, defineCustomElement as d };
|
42
42
|
|
43
|
-
//# sourceMappingURL=p-
|
43
|
+
//# sourceMappingURL=p-1dbb0f43.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-1dbb0f43.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+hBAA+hB,CAAC;AACpjB,uBAAe,WAAW;;MCMb,QAAQ;;;;;;sBAG0B,KAAK;;;IAQxC,UAAU;QACd,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KAC3B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,IACxD,4DAAK,KAAK,EAAC,OAAO,IACd,4DAAK,KAAK,EAAC,cAAc,IACrB,6DAAK,IAAI,CAAC,UAAU,CAAM,EAC1B,+DAAQ,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,aAEpD,CACP,EACN,4DAAK,KAAK,EAAC,YAAY,IACnB,8DAAQ,CACN,CACJ,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/modal/app-modal.css?tag=app-modal&encapsulation=shadow","src/components/modal/app-modal.tsx"],"sourcesContent":[".modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: none;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n }\n \n .modal-backdrop.visible {\n display: flex;\n }\n \n .modal {\n background: white;\n border-radius: 8px;\n padding: 1rem;\n max-width: 500px;\n width: 90%;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n }\n \n .modal-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid #ddd;\n margin-bottom: 1rem;\n }\n \n .close-button {\n background: none;\n border: none;\n font-size: 1.5rem;\n cursor: pointer;\n }\n \n .modal-body {\n /* padding: 1rem 0; */\n }\n ","import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'app-modal',\n styleUrl: 'app-modal.css',\n shadow: true,\n})\nexport class AppModal {\n\n // Controle da visibilidade do modal\n @Prop({ reflect: true }) isOpen: boolean = false;\n\n // Título do modal\n @Prop() modalTitle: string;\n\n // Evento emitido ao fechar o modal\n @Event() modalClosed: EventEmitter<void>;\n\n private closeModal() {\n this.modalClosed.emit();\n }\n\n render() {\n return (\n <div class={`modal-backdrop ${this.isOpen ? 'visible' : ''}`}>\n <div class=\"modal\">\n <div class=\"modal-header\">\n <h3>{this.modalTitle}</h3>\n <button class=\"close-button\" onClick={() => this.closeModal()}>\n ×\n </button>\n </div>\n <div class=\"modal-body\">\n <slot />\n </div>\n </div>\n </div>\n )\n }\n}"],"version":3}
|
@@ -33,7 +33,7 @@ const PhoneInputMask = /*@__PURE__*/ proxyCustomElement(class PhoneInputMask ext
|
|
33
33
|
return this.phone;
|
34
34
|
}
|
35
35
|
render() {
|
36
|
-
return (h("input", { key: '
|
36
|
+
return (h("input", { key: 'ec33b7963cefd79431a0c0663df8fa1a82b09564', disabled: this.disabled, id: "phone", type: "tel", class: "phone", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }));
|
37
37
|
}
|
38
38
|
static get style() { return PhoneInputMaskStyle0; }
|
39
39
|
}, [1, "phone-input-mask", {
|
@@ -59,4 +59,4 @@ defineCustomElement();
|
|
59
59
|
|
60
60
|
export { PhoneInputMask as P, defineCustomElement as d };
|
61
61
|
|
62
|
-
//# sourceMappingURL=p-
|
62
|
+
//# sourceMappingURL=p-21476699.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-21476699.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,ivCAAivC,CAAC;AAC5wC,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;qBACE,EAAE;;;;IAI3B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAEO,WAAW,CAAC,KAAa;QAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAC7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;KACrC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9C;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACJ;KACL;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":[":host {\n width: 100%;\n}\n\n.inline-text-field-container {\n display: flex;\n flex-direction: column;\n}\n\n@supports (top: max(0%)) {\n .mdc-text-field--outlined {\n padding-right: max(16px, var(--mdc-shape-small, 4px));\n }\n}\n\n@supports (top: max(0%)) {\n .mdc-text-field--outlined {\n padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n }\n}\n\n.mdc-text-field--outlined {\n height: 55px;\n overflow: visible;\n}\n\n.phone {\n display: block;\n width: 100%;\n height: 24px;\n padding: 6px 12px;\n font-size: 14px;\n line-height: 1.42857143;\n color: #555;\n background-color: #fff;\n background-image: none;\n border: 1px solid #ccc;\n border-radius: 0px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n.mdc-text-field {\n border-top-left-radius: 4px;\n border-top-left-radius: var(--mdc-shape-small, 4px);\n border-top-right-radius: 4px;\n border-top-right-radius: var(--mdc-shape-small, 4px);\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n display: inline-flex;\n align-items: baseline;\n padding: 0 16px;\n position: relative;\n box-sizing: border-box;\n overflow: hidden;\n will-change: opacity, transform, color;\n}","import { Component, h, Method, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'phone-input-mask',\n styleUrl: 'phone-input-mask.css',\n shadow: true,\n})\nexport class PhoneInputMask {\n @State() phone: string = '';\n @Prop() initialValue: string;\n @Prop() disabled: boolean;\n\n componentWillLoad() {\n this.phone = this.initialValue; \n }\n\n private formatPhone(value: string): string {\n const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n if (!match) return value;\n\n const part1 = match[1] ? `(${match[1]}` : '';\n const part2 = match[2] ? `) ${match[2]}` : '';\n const part3 = match[3] ? `-${match[3]}` : '';\n\n return `${part1}${part2}${part3}`;\n }\n\n private handleInput(event: Event): void {\n const input = event.target as HTMLInputElement;\n this.phone = this.formatPhone(input.value);\n }\n\n @Method()\n public async getPhone() {\n return this.phone;\n }\n\n render() {\n return (\n <input\n disabled={this.disabled}\n id=\"phone\"\n type=\"tel\"\n class=\"phone\"\n value={this.phone}\n onInput={(event) => this.handleInput(event)}\n placeholder=\"(12) 94567-8910\"\n />\n );\n }\n}\n"],"version":3}
|
@@ -12,7 +12,7 @@ const GiftbackFinish = /*@__PURE__*/ proxyCustomElement(class GiftbackFinish ext
|
|
12
12
|
this.__attachShadow();
|
13
13
|
}
|
14
14
|
render() {
|
15
|
-
return (h("div", { key: '
|
15
|
+
return (h("div", { key: '9b4f55d912fec91eeb8a4b885166bef049402ec0', class: "message-finish" }, h("img", { key: '372f7c9feb16579ecdbe5b6bd3f08e5bbe7b5a78', src: successSvgrepoComSvg, width: 80 }), h("p", { key: '9560741099089050a2bbe7153c2b69dd4ce085c9' }, "Legal! O B\u00F4nus ser\u00E1 aplicado na sua compra.")));
|
16
16
|
}
|
17
17
|
static get style() { return GiftbackFinishStyle0; }
|
18
18
|
}, [1, "giftback-finish"]);
|
@@ -33,4 +33,4 @@ defineCustomElement();
|
|
33
33
|
|
34
34
|
export { GiftbackFinish as G, defineCustomElement as d };
|
35
35
|
|
36
|
-
//# sourceMappingURL=p-
|
36
|
+
//# sourceMappingURL=p-530006e6.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-530006e6.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}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
2
|
+
import { d as defineCustomElement$2 } from './p-ddc0ac71.js';
|
3
|
+
import { d as defineCustomElement$1 } from './p-21476699.js';
|
4
4
|
|
5
5
|
const PhoneInput = /*@__PURE__*/ proxyCustomElement(class PhoneInput extends H {
|
6
6
|
constructor() {
|
@@ -15,7 +15,7 @@ const PhoneInput = /*@__PURE__*/ proxyCustomElement(class PhoneInput extends H {
|
|
15
15
|
await this.sendPin(phone);
|
16
16
|
}
|
17
17
|
render() {
|
18
|
-
return (h("div", { key: '
|
18
|
+
return (h("div", { key: '32725cc609ea28dced36cc25ad20e0458446eee6', class: "form-container" }, h("phone-input-mask", { key: '60ec6db64dbee3896f14b149853fbe541d0aa0d9', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("button", { key: '893acc63121be36c0a56fdff99e07d4bc0801412', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : h("loading-spinner", { size: "11px", color: "#fff" }))));
|
19
19
|
}
|
20
20
|
}, [0, "phone-input", {
|
21
21
|
"sendPin": [16],
|
@@ -49,4 +49,4 @@ defineCustomElement();
|
|
49
49
|
|
50
50
|
export { PhoneInput as P, defineCustomElement as d };
|
51
51
|
|
52
|
-
//# sourceMappingURL=p-
|
52
|
+
//# sourceMappingURL=p-5c55a55e.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-5c55a55e.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,0BAA0B,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAE/H,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={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n {\n !this.loading ? \"validar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\n }\n </button>\n </div>\n )\n }\n}"],"version":3}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-faf7103e.js';
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
2
|
+
import { d as defineCustomElement$2 } from './p-ddc0ac71.js';
|
3
|
+
import { d as defineCustomElement$1 } from './p-21476699.js';
|
4
4
|
|
5
5
|
const PhoneCancelInput = /*@__PURE__*/ proxyCustomElement(class PhoneCancelInput extends H {
|
6
6
|
constructor() {
|
@@ -15,7 +15,7 @@ const PhoneCancelInput = /*@__PURE__*/ proxyCustomElement(class PhoneCancelInput
|
|
15
15
|
await this.sendPin(phone);
|
16
16
|
}
|
17
17
|
render() {
|
18
|
-
return (h("div", { key: '
|
18
|
+
return (h("div", { key: '7d3f18239fdd1c87fda497e8940629664a3ea177', class: "form-container" }, h("phone-input-mask", { key: '83227ee73df037e32c2923a5bcdcb1a97f8adf4b', initialValue: `Valor aplicado R$ ${this.value}`, ref: ref => this.phoneInputMask = ref, disabled: true }), h("button", { key: '03e84e9279aaae1a02c581c233367b175bdc8a88', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "Cancelar" : h("loading-spinner", { size: "11px", color: "#fff" }))));
|
19
19
|
}
|
20
20
|
}, [0, "phone-cancel-input", {
|
21
21
|
"sendPin": [16],
|
@@ -49,4 +49,4 @@ defineCustomElement();
|
|
49
49
|
|
50
50
|
export { PhoneCancelInput as P, defineCustomElement as d };
|
51
51
|
|
52
|
-
//# sourceMappingURL=p-
|
52
|
+
//# sourceMappingURL=p-5d7d182b.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-5d7d182b.js","mappings":";;;;MAKa,gBAAgB;;;;;;;;IAQzB,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,qBAAqB,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAI,EAC5H,+DAAQ,KAAK,EAAE,0BAA0B,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAE/H,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'phone-cancel-input'\n})\nexport class PhoneCancelInput {\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={`Valor aplicado R$ ${this.value}`} ref={ref => this.phoneInputMask = ref} disabled={true} />\n <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n {\n !this.loading ? \"Cancelar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\n }\n </button>\n </div>\n )\n }\n}"],"version":3}
|
@@ -1,12 +1,14 @@
|
|
1
1
|
import { p as proxyCustomElement, H, h, d as Host } from './p-faf7103e.js';
|
2
|
-
import { C as CrmBonusService } from './p-
|
3
|
-
import { d as defineCustomElement$
|
4
|
-
import { d as defineCustomElement$
|
5
|
-
import { d as defineCustomElement$
|
6
|
-
import { d as defineCustomElement$
|
2
|
+
import { C as CrmBonusService } from './p-a7e4526b.js';
|
3
|
+
import { d as defineCustomElement$5 } from './p-530006e6.js';
|
4
|
+
import { d as defineCustomElement$4 } from './p-0e99f907.js';
|
5
|
+
import { d as defineCustomElement$3 } from './p-e2727638.js';
|
6
|
+
import { d as defineCustomElement$2 } from './p-ddc0ac71.js';
|
7
|
+
import { d as defineCustomElement$1 } from './p-19b83423.js';
|
7
8
|
|
8
9
|
var StepFormEnum;
|
9
10
|
(function (StepFormEnum) {
|
11
|
+
StepFormEnum[StepFormEnum["STEP_NAME"] = 0] = "STEP_NAME";
|
10
12
|
StepFormEnum[StepFormEnum["STEP_PHONE"] = 1] = "STEP_PHONE";
|
11
13
|
StepFormEnum[StepFormEnum["STEP_PIN"] = 2] = "STEP_PIN";
|
12
14
|
StepFormEnum[StepFormEnum["STEP_RESERVE"] = 3] = "STEP_RESERVE";
|
@@ -34,10 +36,12 @@ const CrmBonusForm = /*@__PURE__*/ proxyCustomElement(class CrmBonusForm extends
|
|
34
36
|
this.sent = undefined;
|
35
37
|
this.stepNext = undefined;
|
36
38
|
this.phone = undefined;
|
39
|
+
this.loadingModal = undefined;
|
37
40
|
this.saveStore = undefined;
|
38
41
|
this.cancel = undefined;
|
42
|
+
this.handleCustomerName = undefined;
|
39
43
|
this.loading = false;
|
40
|
-
this.step = StepFormEnum.
|
44
|
+
this.step = StepFormEnum.STEP_NAME;
|
41
45
|
this.message = undefined;
|
42
46
|
this.bonus = undefined;
|
43
47
|
}
|
@@ -97,7 +101,7 @@ const CrmBonusForm = /*@__PURE__*/ proxyCustomElement(class CrmBonusForm extends
|
|
97
101
|
this.cancel();
|
98
102
|
}
|
99
103
|
render() {
|
100
|
-
return (h(Host, { key: '
|
104
|
+
return (h(Host, { key: 'f6a7cd35839626b3c0e2597381e5526cbf169ce3' }, this.step == StepFormEnum.STEP_NAME && h("name-input", { key: '1fe4bbbc3700acb899ce58083a532ad15f48b95b', loading: this.loadingModal, value: this.customer.name, applyName: (name) => this.handleCustomerName(name) }), this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: '01b7dca40f3864eee97b3f831e6d764a7486f002', cancel: () => this.handleCancel(), sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: '2de9188e93b309ee4fbb84081332d8389f6389c7', loading: this.loading, cancel: () => this.handleCancel(), bonus: this.bonus, reserve: (amountRedeemed) => this.reserveApply(amountRedeemed) }), this.step === StepFormEnum.STEP_APPLY && h("giftback-finish", { key: '35f5e99289da7eefefd282cb5b0df96536c71d72' }), h("p", { key: 'ee33107ba9b3c211d6744d57cd51720d5709e421', class: "message-error" }, this.message)));
|
101
105
|
}
|
102
106
|
static get style() { return CrmBonusFormStyle0; }
|
103
107
|
}, [1, "crm-bonus-form", {
|
@@ -108,8 +112,10 @@ const CrmBonusForm = /*@__PURE__*/ proxyCustomElement(class CrmBonusForm extends
|
|
108
112
|
"sent": [16],
|
109
113
|
"stepNext": [2, "step-next"],
|
110
114
|
"phone": [2],
|
115
|
+
"loadingModal": [4, "loading-modal"],
|
111
116
|
"saveStore": [16],
|
112
117
|
"cancel": [16],
|
118
|
+
"handleCustomerName": [16],
|
113
119
|
"loading": [32],
|
114
120
|
"step": [32],
|
115
121
|
"message": [32],
|
@@ -120,7 +126,7 @@ function defineCustomElement() {
|
|
120
126
|
if (typeof customElements === "undefined") {
|
121
127
|
return;
|
122
128
|
}
|
123
|
-
const components = ["crm-bonus-form", "giftback-finish", "giftback-pin", "giftback-progress", "loading-spinner"];
|
129
|
+
const components = ["crm-bonus-form", "giftback-finish", "giftback-pin", "giftback-progress", "loading-spinner", "name-input"];
|
124
130
|
components.forEach(tagName => { switch (tagName) {
|
125
131
|
case "crm-bonus-form":
|
126
132
|
if (!customElements.get(tagName)) {
|
@@ -129,20 +135,25 @@ function defineCustomElement() {
|
|
129
135
|
break;
|
130
136
|
case "giftback-finish":
|
131
137
|
if (!customElements.get(tagName)) {
|
132
|
-
defineCustomElement$
|
138
|
+
defineCustomElement$5();
|
133
139
|
}
|
134
140
|
break;
|
135
141
|
case "giftback-pin":
|
136
142
|
if (!customElements.get(tagName)) {
|
137
|
-
defineCustomElement$
|
143
|
+
defineCustomElement$4();
|
138
144
|
}
|
139
145
|
break;
|
140
146
|
case "giftback-progress":
|
141
147
|
if (!customElements.get(tagName)) {
|
142
|
-
defineCustomElement$
|
148
|
+
defineCustomElement$3();
|
143
149
|
}
|
144
150
|
break;
|
145
151
|
case "loading-spinner":
|
152
|
+
if (!customElements.get(tagName)) {
|
153
|
+
defineCustomElement$2();
|
154
|
+
}
|
155
|
+
break;
|
156
|
+
case "name-input":
|
146
157
|
if (!customElements.get(tagName)) {
|
147
158
|
defineCustomElement$1();
|
148
159
|
}
|
@@ -153,4 +164,4 @@ defineCustomElement();
|
|
153
164
|
|
154
165
|
export { CrmBonusForm as C, StepFormEnum as S, defineCustomElement as d };
|
155
166
|
|
156
|
-
//# sourceMappingURL=p-
|
167
|
+
//# sourceMappingURL=p-84832959.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"file":"p-84832959.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_NAME = 0,\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.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, Method, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { StepFormEnum } from \"../../contants\";\nimport { IPinSent } from '../../dto/pin.sent';\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() sent: IPinSent;\n @Prop() stepNext: StepFormEnum;\n @Prop() phone: number;\n @Prop() loadingModal: boolean;\n\n @Prop() saveStore: (amount: number) => void;\n\n @Prop() cancel: () => void;\n\n @Prop() handleCustomerName: (name: string) => void;\n\n @State() loading: boolean = false;\n\n @State() step: number = StepFormEnum.STEP_NAME;\n\n @State() message: string;\n\n @State() bonus: IBonus;\n\n @Method()\n async setStep(step: StepFormEnum) {\n this.step = step\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 reserveApply(amount: number) {\n this.loading = true;\n this.message = \"\";\n try {\n await this.reserve(amount);\n\n this.step = StepFormEnum.STEP_APPLY;\n\n this.saveStore(amount);\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 async reserve(amount: number) {\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\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 \n {this.step == StepFormEnum.STEP_NAME && <name-input loading={this.loadingModal} value={this.customer.name} applyName={(name) => this.handleCustomerName(name)} />}\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.reserveApply(amountRedeemed)} />}\n {this.step === StepFormEnum.STEP_APPLY && <giftback-finish />}\n <p class=\"message-error\">{this.message}</p>\n </Host>\n )\n }\n}"],"version":3}
|
@@ -3773,8 +3773,8 @@ class CrmBonusService {
|
|
3773
3773
|
}, { headers: { 'Content-Type': 'application/json' } });
|
3774
3774
|
console.log('response', response.data);
|
3775
3775
|
}
|
3776
|
-
async sendPin(phone, store) {
|
3777
|
-
const response = await this.axiosInstance.post("/api/crm-bonus/send-pin", { celular: phone, nome:
|
3776
|
+
async sendPin(phone, name, store) {
|
3777
|
+
const response = await this.axiosInstance.post("/api/crm-bonus/send-pin", { celular: phone, nome: name }, { headers: { store } });
|
3778
3778
|
return {
|
3779
3779
|
storeId: response.data.store_id,
|
3780
3780
|
userId: response.data.user_id
|
@@ -3790,9 +3790,8 @@ class CrmBonusService {
|
|
3790
3790
|
return response.data;
|
3791
3791
|
}
|
3792
3792
|
async cancel(cartId, store) {
|
3793
|
-
const response = await this.axiosInstance.post("/api/crm-bonus/cancel-bonus", {
|
3794
|
-
|
3795
|
-
used_bonus: true
|
3793
|
+
const response = await this.axiosInstance.post("/api/crm-bonus/cancel-apply-bonus", {
|
3794
|
+
ticket: cartId
|
3796
3795
|
}, { headers: { store } });
|
3797
3796
|
return response.data;
|
3798
3797
|
}
|
@@ -3800,4 +3799,4 @@ class CrmBonusService {
|
|
3800
3799
|
|
3801
3800
|
export { CrmBonusService as C };
|
3802
3801
|
|
3803
|
-
//# sourceMappingURL=p-
|
3802
|
+
//# sourceMappingURL=p-a7e4526b.js.map
|