crmbonus-component-wake 0.0.26 → 1.0.27

package/dist/collection/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.js

@@ -0,0 +1,75 @@
+import { h } from "@stencil/core";
+export class PhoneCancelInput {
+    constructor() {
+        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: '9e5524ba40c38bcc04325a8b786ea1b29d92e233', class: "form-container" }, h("phone-input-mask", { key: 'a6625e16e686ffd1738989c29245172ebeee13cf', initialValue: "Valor aplicado R$ 100", ref: ref => this.phoneInputMask = ref, disabled: true }), h("button", { key: '7b0416d694bccaa80d418ff062889607eabc9aff', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "Cancelar" : h("loading-spinner", { size: "25px", color: "#fff" }))));
+    }
+    static get is() { return "phone-cancel-input"; }
+    static get properties() {
+        return {
+            "sendPin": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Function",
+                    "resolved": "Function",
+                    "references": {
+                        "Function": {
+                            "location": "global",
+                            "id": "global::Function"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "loading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "loading",
+                "reflect": false
+            },
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "value",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=phone.cancel.input.js.map

package/dist/collection/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone.cancel.input.js","sourceRoot":"","sources":["../../../../../../src/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAKnD,MAAM,OAAO,gBAAgB;;;;;;IAQzB,KAAK,CAAC,aAAa;QACf,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;QACnD,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,gBAAgB;YACvB,yEAAkB,YAAY,EAAE,uBAAuB,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAI;YAClH,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,IAE/G,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","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$ 100\"} ref={ref => this.phoneInputMask = ref} disabled={true} />\n                <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n                    {\n                        !this.loading ? \"Cancelar\" : <loading-spinner size=\"25px\" color=\"#fff\" />\n                    }\n                </button>\n            </div>\n        )\n    }\n}"]}

package/dist/collection/components/loading-spinner/loading-spinner.css

@@ -0,0 +1,17 @@
+.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);
+    }
+}

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

@@ -0,0 +1,63 @@
+import { h } from "@stencil/core";
+export class LoadingSpinner {
+    constructor() {
+        this.size = '50px';
+        this.color = '#0078d7';
+    }
+    render() {
+        return (h("div", { key: '78b8ba44c23dcf2fe6b86d343242ff696592bacd', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
+    }
+    static get is() { return "loading-spinner"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["loading-spinner.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["loading-spinner.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'50px'"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "color",
+                "reflect": false,
+                "defaultValue": "'#0078d7'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=loading-spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner.js","sourceRoot":"","sources":["../../../../src/components/loading-spinner/loading-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,cAAc;;oBACA,MAAM;qBACL,SAAS;;IAEjC,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,sCAAsC,EAAE,GAAQ,CAChJ,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'loading-spinner',\n    styleUrl: 'loading-spinner.css',\n    shadow: true,\n})\nexport class LoadingSpinner {\n    @Prop() size: string = '50px'; // Tamanho do spinner (padrão 50px)\n    @Prop() color: string = '#0078d7'; // Cor do spinner (padrão azul)\n\n    render() {\n        return (\n            <div class=\"spinner\" style={{ width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` }}></div>\n        );\n    }\n}\n"]}

package/dist/collection/components/modal/app-modal.css

@@ -0,0 +1,45 @@
+.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 {
+    /* padding: 1rem 0; */
+  }
+  

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

@@ -0,0 +1,83 @@
+import { h } from "@stencil/core";
+export class AppModal {
+    constructor() {
+        this.isOpen = false;
+        this.modalTitle = undefined;
+    }
+    closeModal() {
+        this.modalClosed.emit();
+    }
+    render() {
+        return (h("div", { key: '8dab3bfa7301dbd20a783917037c26451cdab5a8', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: '2846620c39106abde226cd19b2cc0a58b7a88a11', class: "modal" }, h("div", { key: '46b63f75e09aec5d2b9255334733b2813156a5e6', class: "modal-header" }, h("h3", { key: '6a7baae6fc8430ec9cbbcf959f75842ddac253ac' }, this.modalTitle), h("button", { key: 'c6b76e2c862db06657c5ce91fb2bba56fa89e04d', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: '7caebe8e0fab2569e3e4e33cc512133bc691b331', class: "modal-body" }, h("slot", { key: 'aa5bd4a5ff5810e1d74727b01121b97ec7b54d51' })))));
+    }
+    static get is() { return "app-modal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["app-modal.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["app-modal.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "isOpen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-open",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "modalTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "modal-title",
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "modalClosed",
+                "name": "modalClosed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=app-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-modal.js","sourceRoot":"","sources":["../../../../src/components/modal/app-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,QAAQ;;sBAG0B,KAAK;;;IAQxC,UAAU;QACd,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YACxD,4DAAK,KAAK,EAAC,OAAO;gBACd,4DAAK,KAAK,EAAC,cAAc;oBACrB,6DAAK,IAAI,CAAC,UAAU,CAAM;oBAC1B,+DAAQ,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,aAEpD,CACP;gBACN,4DAAK,KAAK,EAAC,YAAY;oBACnB,8DAAQ,CACN,CACJ,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["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}"]}

package/dist/collection/components/pedido/pedido.js

@@ -0,0 +1,83 @@
+import { h } from "@stencil/core";
+import { CrmBonusService } from "../../services/crmbonus.service";
+export class Pedido {
+    constructor() {
+        this.cartId = undefined;
+        this.orderId = undefined;
+        this.metadadoString = undefined;
+    }
+    async componentWillLoad() {
+        console.log('this.metadadoString', this.metadadoString);
+        const metadado = this.metadadoString ? JSON.parse(this.metadadoString) : { id: null };
+        console.log('this.cartId', this.cartId);
+        console.log('this.orderid', this.orderId);
+        console.log('metadadoid', metadado);
+        if (this.cartId && this.orderId) {
+            await new CrmBonusService().updateOrder({
+                cartId: this.cartId,
+                orderId: this.orderId,
+                cartIdCrm: metadado.id
+            });
+        }
+    }
+    render() {
+        return (h("div", { key: '693b9e4927b433cd01e555d33e0430c40d80c91a' }));
+    }
+    static get is() { return "pedido-finalizado"; }
+    static get properties() {
+        return {
+            "cartId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "cartid",
+                "reflect": false
+            },
+            "orderId": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "orderid",
+                "reflect": false
+            },
+            "metadadoString": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "metadado",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=pedido.js.map

package/dist/collection/components/pedido/pedido.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pedido.js","sourceRoot":"","sources":["../../../../src/components/pedido/pedido.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKlE,MAAM,OAAO,MAAM;;;;;;IAMf,KAAK,CAAC,iBAAiB;QACnB,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;QACvD,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;QAEtF,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACxC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1C,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QAEnC,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAC9B,MAAM,IAAI,eAAe,EAAE,CAAC,WAAW,CAAC;gBACpC,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,OAAO,EAAG,IAAI,CAAC,OAAO;gBACtB,SAAS,EAAE,QAAQ,CAAC,EAAE;aACzB,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,6DAAW,CACd,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","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    @Prop({ attribute: \"metadado\" }) metadadoString: string;\n\n    async componentWillLoad() {\n        console.log('this.metadadoString', this.metadadoString)\n        const metadado = this.metadadoString ? JSON.parse(this.metadadoString) : { id: null };\n\n        console.log('this.cartId', this.cartId);\n        console.log('this.orderid', this.orderId);\n        console.log('metadadoid', metadado)\n\n        if (this.cartId && this.orderId) {\n            await new CrmBonusService().updateOrder({\n                cartId: this.cartId,\n                orderId:  this.orderId,\n                cartIdCrm: metadado.id\n            });\n        }\n    }\n\n    render() {\n        return (\n            <div></div>\n        )\n    }\n}"]}

package/dist/collection/components/phone/phone-input-mask.css

@@ -0,0 +1,47 @@
+.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;
+}

package/dist/collection/components/phone/phone-input-mask.js

@@ -0,0 +1,108 @@
+import { h } from "@stencil/core";
+export class PhoneInputMask {
+    constructor() {
+        this.phone = '';
+        this.initialValue = undefined;
+        this.disabled = undefined;
+    }
+    componentWillLoad() {
+        this.phone = this.initialValue;
+    }
+    formatPhone(value) {
+        const cleaned = value.replace(/\D/g, ''); // Remove tudo que não for número
+        const match = cleaned.match(/^(\d{0,2})(\d{0,5})(\d{0,4})$/);
+        if (!match)
+            return value;
+        const part1 = match[1] ? `(${match[1]}` : '';
+        const part2 = match[2] ? `) ${match[2]}` : '';
+        const part3 = match[3] ? `-${match[3]}` : '';
+        return `${part1}${part2}${part3}`;
+    }
+    handleInput(event) {
+        const input = event.target;
+        this.phone = this.formatPhone(input.value);
+    }
+    async getPhone() {
+        return this.phone;
+    }
+    render() {
+        return (h("input", { key: '67f707c85624ebb9ae25f11021df00db1cf237ce', disabled: this.disabled, id: "phone", type: "tel", class: "phone", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }));
+    }
+    static get is() { return "phone-input-mask"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["phone-input-mask.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["phone-input-mask.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "initialValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "initial-value",
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "phone": {}
+        };
+    }
+    static get methods() {
+        return {
+            "getPhone": {
+                "complexType": {
+                    "signature": "() => Promise<string>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<string>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=phone-input-mask.js.map

package/dist/collection/components/phone/phone-input-mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-input-mask.js","sourceRoot":"","sources":["../../../../src/components/phone/phone-input-mask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,cAAc;;qBACE,EAAE;;;;IAI3B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;IACnC,CAAC;IAEO,WAAW,CAAC,KAAa;QAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,iCAAiC;QAC3E,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,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;IACtC,CAAC;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;IAC/C,CAAC;IAGM,KAAK,CAAC,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,MAAM;QACF,OAAO,CACH,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,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,CACL,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["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"]}

package/dist/collection/contants/index.js

@@ -0,0 +1,8 @@
+export var StepFormEnum;
+(function (StepFormEnum) {
+    StepFormEnum[StepFormEnum["STEP_PHONE"] = 1] = "STEP_PHONE";
+    StepFormEnum[StepFormEnum["STEP_PIN"] = 2] = "STEP_PIN";
+    StepFormEnum[StepFormEnum["STEP_RESERVE"] = 3] = "STEP_RESERVE";
+    StepFormEnum[StepFormEnum["STEP_APPLY"] = 4] = "STEP_APPLY";
+})(StepFormEnum || (StepFormEnum = {}));
+//# sourceMappingURL=index.js.map

package/dist/collection/contants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contants/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACpB,2DAAc,CAAA;IACd,uDAAY,CAAA;IACZ,+DAAgB,CAAA;IAChB,2DAAc,CAAA;AAClB,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB","sourcesContent":["export enum StepFormEnum {\n    STEP_PHONE = 1,\n    STEP_PIN = 2,\n    STEP_RESERVE = 3,\n    STEP_APPLY = 4\n}"]}

package/dist/collection/contants/mocks.js

@@ -0,0 +1,28 @@
+export const RESPONSE_CONSULTA_BONUS = {
+    data: {
+        "hasBonus": true,
+        "bonusBalance": 9.89,
+        "totalBonus": 9.89,
+        "minimumPurchase": 39.56,
+        "bonusIds": "848785416",
+        "history": [
+            {
+                "validityStart": "2024-11-12 00:00:00",
+                "validityEnd": "2024-12-12 23:59:59",
+                "value": 0
+            },
+            {
+                "validityStart": "2024-11-20 00:00:00",
+                "validityEnd": "2024-12-20 23:59:59",
+                "value": 9.89
+            }
+        ],
+        "storeId": 100932,
+        "userId": 27047371,
+        "cartId": "7be29cd3-f602-4cb8-bdb8-02f7cdef6fee",
+        "calculatedValue": 2200,
+        "totalValue": 2200,
+        firstValidityDate: "2024-11-20 00:00:00",
+    }
+};
+//# sourceMappingURL=mocks.js.map

package/dist/collection/contants/mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.js","sourceRoot":"","sources":["../../../src/contants/mocks.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,IAAI,EAAG;QACH,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,IAAI;QACpB,YAAY,EAAE,IAAI;QAClB,iBAAiB,EAAE,KAAK;QACxB,UAAU,EAAE,WAAW;QACvB,SAAS,EAAE;YACP;gBACI,eAAe,EAAE,qBAAqB;gBACtC,aAAa,EAAE,qBAAqB;gBACpC,OAAO,EAAE,CAAC;aACb;YACD;gBACI,eAAe,EAAE,qBAAqB;gBACtC,aAAa,EAAE,qBAAqB;gBACpC,OAAO,EAAE,IAAI;aAChB;SACJ;QACD,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,sCAAsC;QAChD,iBAAiB,EAAE,IAAI;QACvB,YAAY,EAAE,IAAI;QAClB,iBAAiB,EAAE,qBAAqB;KACjC;CACd,CAAA","sourcesContent":["import { IBonus } from \"../components\";\n\nexport const RESPONSE_CONSULTA_BONUS = {\n    data:  {\n        \"hasBonus\": true,\n        \"bonusBalance\": 9.89,\n        \"totalBonus\": 9.89,\n        \"minimumPurchase\": 39.56,\n        \"bonusIds\": \"848785416\",\n        \"history\": [\n            {\n                \"validityStart\": \"2024-11-12 00:00:00\",\n                \"validityEnd\": \"2024-12-12 23:59:59\",\n                \"value\": 0\n            },\n            {\n                \"validityStart\": \"2024-11-20 00:00:00\",\n                \"validityEnd\": \"2024-12-20 23:59:59\",\n                \"value\": 9.89\n            }\n        ],\n        \"storeId\": 100932,\n        \"userId\": 27047371,\n        \"cartId\": \"7be29cd3-f602-4cb8-bdb8-02f7cdef6fee\",\n        \"calculatedValue\": 2200,\n        \"totalValue\": 2200,\n        firstValidityDate: \"2024-11-20 00:00:00\",\n    } as IBonus\n}"]}

package/dist/collection/dto/pin.sent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pin.sent.js.map

package/dist/collection/dto/pin.sent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin.sent.js","sourceRoot":"","sources":["../../../src/dto/pin.sent.ts"],"names":[],"mappings":"","sourcesContent":["export interface IPinSent {\n    storeId: number;\n    userId: number;\n}"]}

package/dist/collection/dto/update.order.dto.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=update.order.dto.js.map

package/dist/collection/dto/update.order.dto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update.order.dto.js","sourceRoot":"","sources":["../../../src/dto/update.order.dto.ts"],"names":[],"mappings":"","sourcesContent":["export interface UpdateOrderDTO {\n    cartId: string;\n    orderId: number;\n    cartIdCrm: string;\n}"]}

package/dist/collection/dto/validate.pin.bonus.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=validate.pin.bonus.js.map

package/dist/collection/dto/validate.pin.bonus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.pin.bonus.js","sourceRoot":"","sources":["../../../src/dto/validate.pin.bonus.ts"],"names":[],"mappings":"","sourcesContent":["export interface IProduct {\n    variantId: number;\n    sku: string;\n    value: number;\n    qtd: number;\n}\n\nexport interface IProductWake {\n    ProdutoVarianteId: number;\n    SKU: string;\n    PrecoPor: number;\n    Quantidade: number;\n}\n\nexport interface ICustomer {\n    birthDate: string;\n    document: string;\n    name: string;\n    phone: string;\n}\n\nexport interface IProccesPinBonusDto {\n    cartId: string;\n    products: Array<IProduct>;\n    loja_id: number;\n    user_id: number;\n    cellphone: string;\n    pin: string;\n\n}\n\nexport interface IBonus {\n    hasBonus: boolean;\n    bonusBalance: number;\n    totalBonus: number;\n    minimumPurchase: number;\n    bonusIds: string;\n    firstValidityDate: string\n    history: [\n        {\n            validityStart: string;\n            validityEnd: string;\n            value: number\n        },\n        {\n            validityStart: string;\n            validityEnd: string\n            value: number\n        }\n    ]\n    storeId: number;\n    userId: number;\n    cartId: string\n    calculatedValue: number;\n    totalValue: number\n}\n\n\nexport interface IReserveDTO {\n    cart_id: string,\n    gross_value: number,\n    redeemed_bonus: number,\n    ticket: string\n}"]}

package/dist/collection/index.js

@@ -0,0 +1,11 @@
+/**
+ * @fileoverview entry point for your component library
+ *
+ * This is the entry point for your component library. Use this file to export utilities,
+ * constants or data structure that accompany your components.
+ *
+ * DO NOT use this file to export your components. Instead, use the recommended approaches
+ * to consume components of this package as outlined in the `README.md`.
+ */
+export { format } from './utils/utils';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport { format } from './utils/utils';\nexport type * from './components.d.ts';\n"]}