crmbonus-component-wake 0.0.15 → 0.0.17

package/dist/crmbonus-component-wake/loading-spinner.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-b9a7a992.js';
+import { r as registerInstance, h } from './index-f557ce7c.js';
 
 const loadingSpinnerCss = ".spinner{display:inline-block;border:4px solid transparent;border-radius:50%;border-top-color:var(--color, #0078d7);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
 
@@ -9,7 +9,7 @@ const LoadingSpinner = class {
         this.color = '#0078d7';
     }
     render() {
-        return (h("div", { key: '671c2b621a084871eb30ae2d4e8def280844d612', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
+        return (h("div", { key: 'b6cf2bbbb16ae4dbaa3850c450b21251f99d4bb6', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
     }
 };
 LoadingSpinner.style = loadingSpinnerCss;

package/dist/crmbonus-component-wake/pedido-finalizado.entry.js

@@ -1,15 +1,21 @@
-import { r as registerInstance, h } from './index-b9a7a992.js';
-import { C as CrmBonusService } from './crmbonus.service-756d754d.js';
+import { r as registerInstance, h } from './index-f557ce7c.js';
+import { C as CrmBonusService } from './crmbonus.service-ce105f62.js';
 
 const Pedido = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.cartId = undefined;
+        this.orderId = undefined;
     }
     async componentWillLoad() {
-        await new CrmBonusService().teste();
+        console.log('this.cartId', this.cartId);
+        console.log('this.orderid', this.orderId);
+        if (this.cartId && this.orderId) {
+            await new CrmBonusService().updateOrder(this.cartId, this.orderId);
+        }
     }
     render() {
-        return (h("div", { key: '389b1bfc2c348caff62c9b4b5faad4bdcaee17f9' }, "oi"));
+        return (h("div", { key: '86d63a792c62b57256fb0b52daadff4302c7cc2a' }));
     }
 };
 

package/dist/crmbonus-component-wake/pedido-finalizado.entry.js.map

@@ -1 +1 @@
-{"file":"pedido-finalizado.entry.esm.js","mappings":";;;MAOa,MAAM;;;;IAEf,MAAM,iBAAiB;QACnB,MAAM,IAAI,eAAe,EAAE,CAAC,KAAK,EAAE,CAAA;KACtC;IAED,MAAM;QACF,QACI,mEAAa,EAChB;KACJ;;;;;","names":[],"sources":["src/components/pedido/pedido.tsx"],"sourcesContent":["import { Component, h } from \"@stencil/core\";\nimport axios from \"axios\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\n\n@Component({\n    tag: \"pedido-finalizado\"\n})\nexport class Pedido {\n\n    async componentWillLoad() {\n        await new CrmBonusService().teste()\n    }\n\n    render() {\n        return (\n            <div>oi</div>\n        )\n    }\n}"],"version":3}
+{"file":"pedido-finalizado.entry.esm.js","mappings":";;;MAMa,MAAM;;;;;;IAKf,MAAM,iBAAiB;QACnB,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,IAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YAC5B,MAAM,IAAI,eAAe,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;SACrE;KACJ;IAED,MAAM;QACF,QACI,6DAAW,EACd;KACJ;;;;;","names":[],"sources":["src/components/pedido/pedido.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\n\n@Component({\n    tag: \"pedido-finalizado\"\n})\nexport class Pedido {\n\n    @Prop({ attribute:\"cartid\" }) cartId: string;\n    @Prop({ attribute:\"orderid\" }) orderId: number;\n\n    async componentWillLoad() {\n        console.log('this.cartId', this.cartId);\n        console.log('this.orderid', this.orderId);\n        if(this.cartId && this.orderId) {\n            await new CrmBonusService().updateOrder(this.cartId, this.orderId)\n        }\n    }\n\n    render() {\n        return (\n            <div></div>\n        )\n    }\n}"],"version":3}

package/dist/crmbonus-component-wake/phone-input-mask.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-b9a7a992.js';
+import { r as registerInstance, h } from './index-f557ce7c.js';
 
 const phoneInputMaskCss = ".inline-text-field-container{display:flex;flex-direction:column}@supports (top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined{height:55px;overflow:visible}.phone{width:300px;height:50px;font-size:18px;padding:10px;color:grey;border:1px solid #d3c6c6;outline:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity, transform, color}";
 
@@ -6,6 +6,10 @@ const PhoneInputMask = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.phone = '';
+        this.initialValue = undefined;
+    }
+    componentWillLoad() {
+        this.phone = this.initialValue;
     }
     formatPhone(value) {
         const cleaned = value.replace(/\D/g, ''); // Remove tudo que não for número
@@ -25,7 +29,7 @@ const PhoneInputMask = class {
         return this.phone;
     }
     render() {
-        return (h("input", { key: '3b00242e5569a40f078a985a7b4bc99dad86e161', id: "phone", type: "tel", class: "phone", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }));
+        return (h("input", { key: 'af9b2988d3866d22465821bcd16be45f3cd12ae4', id: "phone", type: "tel", class: "phone", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }));
     }
 };
 PhoneInputMask.style = phoneInputMaskCss;

package/dist/crmbonus-component-wake/phone-input-mask.entry.js.map

@@ -1 +1 @@
-{"file":"phone-input-mask.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,+zBAA+zB;;MCO50B,cAAc;;;qBACE,EAAE;;IAEnB,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,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":[".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    width: 300px;\n    height: 50px;\n    font-size: 18px;\n    padding: 10px;\n    color: grey;\n    border: 1px solid #d3c6c6;\n    outline: none;\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, 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\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                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}
+{"file":"phone-input-mask.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,+zBAA+zB;;MCO50B,cAAc;;;qBACE,EAAE;;;IAG3B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAGO,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,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":[".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    width: 300px;\n    height: 50px;\n    font-size: 18px;\n    padding: 10px;\n    color: grey;\n    border: 1px solid #d3c6c6;\n    outline: none;\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\n    componentWillLoad() {\n        this.phone = this.initialValue;   \n    }\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                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}

package/dist/crmbonus-component-wake/phone-input.entry.js

@@ -1,17 +1,18 @@
-import { r as registerInstance, h } from './index-b9a7a992.js';
+import { r as registerInstance, h } from './index-f557ce7c.js';
 
 const PhoneInput = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.sendPin = undefined;
         this.loading = undefined;
+        this.value = undefined;
     }
     async validatePhone() {
         const phone = await this.phoneInputMask.getPhone();
         await this.sendPin(phone);
     }
     render() {
-        return (h("div", { key: '7cacb66e387cdc92af272234e128ac0084ac76b5', class: "form-container" }, h("phone-input-mask", { key: 'd8f5d6ed8d34136d8eb9aeb0f16de934ba376976', ref: ref => this.phoneInputMask = ref }), h("button", { key: '4b3170982fa5b3908829b1ccd386aa481f46170e', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : h("loading-spinner", { size: "25px", color: "#fff" }))));
+        return (h("div", { key: 'e61b8c94eadb746b3bb163b58f2eb0d6edb5da2b', class: "form-container" }, h("phone-input-mask", { key: 'bdbf45fc9484c60d0178b3ced6194e8f2b7622a5', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("button", { key: '757ab72b47a673bcd27236ef9a50b201a6e75477', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : h("loading-spinner", { size: "25px", color: "#fff" }))));
     }
 };
 

package/dist/crmbonus-component-wake/phone-input.entry.js.map

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

package/dist/types/components/crm-bonus/crm-bonus.d.ts

@@ -1,12 +1,15 @@
-import { IProduct, IProductWake } from '../../dto/validate.pin.bonus';
-export declare class MyComponent {
+import { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';
+export declare class CrmBonus {
+    private crmBonusService;
     showModal: boolean;
-    userId: string;
+    userId: number;
     storeName: any;
     productsInString: string;
     cartId: any;
     products: Array<IProductWake>;
-    componentWillLoad(): void;
+    customer: ICustomer;
+    componentWillLoad(): Promise<void>;
+    handleLoad(): Promise<void>;
     buildProducts(): IProduct[];
     render(): any;
 }

package/dist/types/components/crm-bonus-form/crm-bonus-form.d.ts

@@ -1,10 +1,11 @@
 import { IPinSent } from "../../components";
-import { IBonus, IProduct } from "../../dto/validate.pin.bonus";
+import { IBonus, ICustomer, IProduct } from "../../dto/validate.pin.bonus";
 export declare class CrmBonusForm {
     private crmBonusService;
     storeName: any;
     cartId: any;
     products: Array<IProduct>;
+    customer: ICustomer;
     loading: boolean;
     step: number;
     sent: IPinSent;

package/dist/types/components/crm-bonus-form/subcomponents/giftback-finish/giftback-finish.d.ts

@@ -0,0 +1,3 @@
+export declare class GiftbackFinish {
+    render(): any;
+}

package/dist/types/components/crm-bonus-form/subcomponents/phone/phone.input.d.ts

@@ -2,6 +2,7 @@ export declare class PhoneInput {
     private phoneInputMask;
     sendPin: Function;
     loading: boolean;
+    value: string;
     validatePhone(): Promise<void>;
     render(): any;
 }

package/dist/types/components/pedido/pedido.d.ts

@@ -1,4 +1,6 @@
 export declare class Pedido {
+    cartId: string;
+    orderId: number;
     componentWillLoad(): Promise<void>;
     render(): any;
 }

package/dist/types/components/phone/phone-input-mask.d.ts

@@ -1,5 +1,7 @@
 export declare class PhoneInputMask {
     phone: string;
+    initialValue: string;
+    componentWillLoad(): void;
     private formatPhone;
     private handleInput;
     getPhone(): Promise<string>;

package/dist/types/components.d.ts

@@ -5,9 +5,9 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { IBonus, IProduct } from "./dto/validate.pin.bonus";
+import { IBonus, ICustomer, IProduct } from "./dto/validate.pin.bonus";
 import { IPinSent } from "./dto/pin.sent";
-export { IBonus, IProduct } from "./dto/validate.pin.bonus";
+export { IBonus, ICustomer, IProduct } from "./dto/validate.pin.bonus";
 export { IPinSent } from "./dto/pin.sent";
 export namespace Components {
     interface AppModal {
@@ -18,13 +18,16 @@ export namespace Components {
         "cartId": any;
         "productsInString": string;
         "storeName": any;
-        "userId": string;
+        "userId": number;
     }
     interface CrmBonusForm {
         "cartId": any;
+        "customer": ICustomer;
         "products": Array<IProduct>;
         "storeName": any;
     }
+    interface GiftbackFinish {
+    }
     interface GiftbackPin {
         "loading": boolean;
         "sent": IPinSent;
@@ -40,13 +43,17 @@ export namespace Components {
         "size": string;
     }
     interface PedidoFinalizado {
+        "cartId": string;
+        "orderId": number;
     }
     interface PhoneInput {
         "loading": boolean;
         "sendPin": Function;
+        "value": string;
     }
     interface PhoneInputMask {
         "getPhone": () => Promise<string>;
+        "initialValue": string;
     }
 }
 export interface AppModalCustomEvent<T> extends CustomEvent<T> {
@@ -83,6 +90,12 @@ declare global {
         prototype: HTMLCrmBonusFormElement;
         new (): HTMLCrmBonusFormElement;
     };
+    interface HTMLGiftbackFinishElement extends Components.GiftbackFinish, HTMLStencilElement {
+    }
+    var HTMLGiftbackFinishElement: {
+        prototype: HTMLGiftbackFinishElement;
+        new (): HTMLGiftbackFinishElement;
+    };
     interface HTMLGiftbackPinElement extends Components.GiftbackPin, HTMLStencilElement {
     }
     var HTMLGiftbackPinElement: {
@@ -123,6 +136,7 @@ declare global {
         "app-modal": HTMLAppModalElement;
         "crm-bonus": HTMLCrmBonusElement;
         "crm-bonus-form": HTMLCrmBonusFormElement;
+        "giftback-finish": HTMLGiftbackFinishElement;
         "giftback-pin": HTMLGiftbackPinElement;
         "giftback-progress": HTMLGiftbackProgressElement;
         "loading-spinner": HTMLLoadingSpinnerElement;
@@ -141,13 +155,16 @@ declare namespace LocalJSX {
         "cartId"?: any;
         "productsInString"?: string;
         "storeName"?: any;
-        "userId"?: string;
+        "userId"?: number;
     }
     interface CrmBonusForm {
         "cartId"?: any;
+        "customer"?: ICustomer;
         "products"?: Array<IProduct>;
         "storeName"?: any;
     }
+    interface GiftbackFinish {
+    }
     interface GiftbackPin {
         "loading"?: boolean;
         "sent"?: IPinSent;
@@ -163,17 +180,22 @@ declare namespace LocalJSX {
         "size"?: string;
     }
     interface PedidoFinalizado {
+        "cartId"?: string;
+        "orderId"?: number;
     }
     interface PhoneInput {
         "loading"?: boolean;
         "sendPin"?: Function;
+        "value"?: string;
     }
     interface PhoneInputMask {
+        "initialValue"?: string;
     }
     interface IntrinsicElements {
         "app-modal": AppModal;
         "crm-bonus": CrmBonus;
         "crm-bonus-form": CrmBonusForm;
+        "giftback-finish": GiftbackFinish;
         "giftback-pin": GiftbackPin;
         "giftback-progress": GiftbackProgress;
         "loading-spinner": LoadingSpinner;
@@ -189,6 +211,7 @@ declare module "@stencil/core" {
             "app-modal": LocalJSX.AppModal & JSXBase.HTMLAttributes<HTMLAppModalElement>;
             "crm-bonus": LocalJSX.CrmBonus & JSXBase.HTMLAttributes<HTMLCrmBonusElement>;
             "crm-bonus-form": LocalJSX.CrmBonusForm & JSXBase.HTMLAttributes<HTMLCrmBonusFormElement>;
+            "giftback-finish": LocalJSX.GiftbackFinish & JSXBase.HTMLAttributes<HTMLGiftbackFinishElement>;
             "giftback-pin": LocalJSX.GiftbackPin & JSXBase.HTMLAttributes<HTMLGiftbackPinElement>;
             "giftback-progress": LocalJSX.GiftbackProgress & JSXBase.HTMLAttributes<HTMLGiftbackProgressElement>;
             "loading-spinner": LocalJSX.LoadingSpinner & JSXBase.HTMLAttributes<HTMLLoadingSpinnerElement>;

package/dist/types/contants/index.d.ts

@@ -1,5 +1,6 @@
 export declare enum StepFormEnum {
     STEP_PHONE = 1,
     STEP_PIN = 2,
-    STEP_RESERVE = 3
+    STEP_RESERVE = 3,
+    STEP_APPLY = 4
 }

package/dist/types/dto/validate.pin.bonus.d.ts

@@ -10,6 +10,12 @@ export interface IProductWake {
     PrecoPor: number;
     Quantidade: number;
 }
+export interface ICustomer {
+    birthDate: string;
+    document: string;
+    name: string;
+    phone: string;
+}
 export interface IProccesPinBonusDto {
     cartId: string;
     products: Array<IProduct>;
@@ -45,7 +51,7 @@ export interface IBonus {
 }
 export interface IReserveDTO {
     cart_id: string;
-    valor_bruto: number;
-    bonus_resgatado: number;
+    gross_value: number;
+    redeemed_bonus: number;
     ticket: string;
 }

package/dist/types/services/crmbonus.service.d.ts

@@ -3,7 +3,8 @@ import { IBonus, IProccesPinBonusDto, IReserveDTO } from '../dto/validate.pin.bo
 export declare class CrmBonusService {
     private axiosInstance;
     constructor();
-    teste(): Promise<void>;
+    getCustomer(userId: number, store: string): Promise<any>;
+    updateOrder(cartId: string, orderId: number): Promise<void>;
     sendPin(phone: number, store: string): Promise<IPinSent>;
     validatePinBonus(payload: IProccesPinBonusDto, store: string): Promise<IBonus>;
     reserve(payload: IReserveDTO, store: string): Promise<any>;

package/loader/cdn.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -0,0 +1 @@
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/loader/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "crmbonus-component-wake-loader",
+  "private": true,
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crmbonus-component-wake",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",