crmbonus-component-wake 2.0.125 → 2.0.126

package/dist/crmbonus-component-wake/index.esm.js

@@ -1,2 +1,13 @@
-export{f as format}from"./p-ba369e65.js";
+export { f as format } from './utils-96cf9ae0.js';
+
+/**
+ * @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`.
+ */
+
 //# sourceMappingURL=index.esm.js.map

package/dist/crmbonus-component-wake/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}
+{"file":"index.esm.js","mappings":";;AAAA;;;;;;;;","names":[],"sources":["src/index.ts"],"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"],"version":3}

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

@@ -0,0 +1,18 @@
+import { r as registerInstance, h } from './index-d0fd1dc0.js';
+
+const loadingContainerCss = ".loading-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000;}.loading-spinner{width:50px;height:50px;border:5px solid rgba(255, 255, 255, 0.3);border-top:5px solid white;border-radius:50%;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.relative-xy{position:relative}";
+
+const LoadingContainer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.loading = true;
+    }
+    render() {
+        return (h("div", { key: '06a7a57acb07c91ca75d00dd42ca568ac708a3ef', class: "relative-xy" }, this.loading && (h("div", { key: '6eee6954ce47b3a60cc9d3f599aa826c30e522db', class: "loading-container" }, h("div", { key: '8747ac17ca30704d18739ccd1cf7d31fbbb05419', class: "loading-spinner" }))), h("slot", { key: '32ffc7a17474372cf35fe7812fa4f193d00aa224' })));
+    }
+};
+LoadingContainer.style = loadingContainerCss;
+
+export { LoadingContainer as loading_container };
+
+//# sourceMappingURL=loading-container.entry.js.map

package/dist/crmbonus-component-wake/loading-container.entry.js.map

@@ -0,0 +1 @@
+{"file":"loading-container.entry.esm.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,8bAA8b;;MCM7c,gBAAgB;;;uBAEE,IAAI;;IAE/B,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,aAAa,IAEhB,IAAI,CAAC,OAAO,KACR,4DAAK,KAAK,EAAC,mBAAmB,IAC1B,4DAAK,KAAK,EAAC,iBAAiB,GAEtB,CAEJ,CACT,EAEL,8DAAa,CACX,EACT;KACJ;;;;;;","names":[],"sources":["src/components/loading-container/loading-container.css?tag=loading-container","src/components/loading-container/loading-container.tsx"],"sourcesContent":["/* Estilo para centralizar o container do loading */\n.loading-container {\n  position: absolute;\n  /* Fixa o loading na tela */\n  top: 0;\n  left: 0;\n  width: 100%;\n  /* Tamanho total da tela */\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  /* Fundo semitransparente */\n  display: flex;\n  /* Centraliza o conteúdo */\n  justify-content: center;\n  align-items: center;\n  z-index: 1000;\n  /* Coloca o loading acima de outros elementos */\n}\n\n/* Estilo do spinner (círculo giratório) */\n.loading-spinner {\n  width: 50px;\n  height: 50px;\n  border: 5px solid rgba(255, 255, 255, 0.3);\n  /* Borda semitransparente */\n  border-top: 5px solid white;\n  /* Borda que será animada */\n  border-radius: 50%;\n  /* Faz o círculo */\n  animation: spin 1s linear infinite;\n  /* Gira continuamente */\n}\n\n/* Keyframes para a animação de rotação */\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.relative-xy {\n  position: relative;\n}","import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'loading-container',\n    styleUrl: 'loading-container.css'\n})\nexport class LoadingContainer {\n\n    @Prop() loading: boolean = true;\n\n    render() {\n        return (\n            <div class=\"relative-xy\">\n                {\n                    this.loading && (\n                        <div class=\"loading-container\">\n                            <div class=\"loading-spinner\">\n\n                            </div>\n                            \n                        </div>\n                    )\n                }\n                <slot></slot>\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/{esm → crmbonus-component-wake}/loading-spinner.entry.js

@@ -1,7 +1,6 @@
-import { r as registerInstance, h } from './index-e8724c8f.js';
+import { r as registerInstance, h } from './index-d0fd1dc0.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)}}";
-const LoadingSpinnerStyle0 = loadingSpinnerCss;
 
 const LoadingSpinner = class {
     constructor(hostRef) {
@@ -13,7 +12,7 @@ const LoadingSpinner = class {
         return (h("div", { key: '148b1ced74314541178bf725d205e8271b682335', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
     }
 };
-LoadingSpinner.style = LoadingSpinnerStyle0;
+LoadingSpinner.style = loadingSpinnerCss;
 
 export { LoadingSpinner as loading_spinner };
 

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

@@ -0,0 +1 @@
+{"file":"loading-spinner.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,iOAAiO;;MCO9O,cAAc;;;oBACA,MAAM;qBACL,SAAS;;IAEjC,MAAM;QACF,QACI,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,EAC/I;KACL;;;;;;","names":[],"sources":["src/components/loading-spinner/loading-spinner.css?tag=loading-spinner&encapsulation=shadow","src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":[".spinner {\n    display: inline-block;\n    border: 4px solid transparent;\n    border-radius: 50%;\n    border-top-color: var(--color, #0078d7);\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    0% {\n        transform: rotate(0deg);\n    }\n\n    100% {\n        transform: rotate(360deg);\n    }\n}","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"],"version":3}

package/dist/{components/p-246a3e9d.js → crmbonus-component-wake/name-input.entry.js}

@@ -1,13 +1,10 @@
-import { p as proxyCustomElement, H, h } from './p-3e84f78c.js';
-import { d as defineCustomElement$1 } from './p-fe9c3966.js';
+import { r as registerInstance, h } from './index-d0fd1dc0.js';
 
 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}";
-const NameInputStyle0 = nameInputCss;
 
-const NameInput = /*@__PURE__*/ proxyCustomElement(class NameInput extends H {
-    constructor() {
-        super();
-        this.__registerHost();
+const NameInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.value = undefined;
         this.loading = undefined;
         this.applyName = undefined;
@@ -28,35 +25,9 @@ const NameInput = /*@__PURE__*/ proxyCustomElement(class NameInput extends H {
     render() {
         return (h("div", { key: '1876de780affd04baa6d87b06cc9290edf04450c', class: "name-container" }, h("p", { key: '7288499a5ba471c767a0c3a3cfcc34816ada2bf8' }, "Seu Nome:"), h("input", { key: 'f4e2ac7aa451bdb15a31750993430cb562544183', class: "bc-form-control", type: "text", value: this.value, onChange: (event) => this.handleChangeName(event) }), h("p", { key: '70f1c8eee06f2e20c6a3517385805530f8ab4672' }, this.message), h("div", { key: '537066b3849117db72a991db77e8f5605c3922c9', class: "footer-button" }, h("button", { key: '2713a6fbfd04f45016495cb8c977179a1d218478', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: 'b15fced83481d289bb418fd5f925ff6887f39e99', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleSetName(this.newValue) }, !this.loading ? "Continua" : h("loading-spinner", { size: "15px", color: "#fff" })))));
     }
-    static get style() { return NameInputStyle0; }
-}, [0, "name-input", {
-        "value": [1],
-        "loading": [4],
-        "applyName": [16],
-        "cancel": [16],
-        "newValue": [32],
-        "message": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["name-input", "loading-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "name-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NameInput);
-            }
-            break;
-        case "loading-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+};
+NameInput.style = nameInputCss;
 
-export { NameInput as N, defineCustomElement as d };
+export { NameInput as name_input };
 
-//# sourceMappingURL=p-246a3e9d.js.map
+//# sourceMappingURL=name-input.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"name-input.entry.esm.js","mappings":";;AAAA,MAAM,YAAY,GAAG,wpDAAwpD;;MCMhqD,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}

package/dist/{esm → crmbonus-component-wake}/pedido-finalizado.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-e8724c8f.js';
-import { C as CrmBonusService } from './crmbonus.service-42fbd7fa.js';
-import { C as CartWake, g as getCart } from './cart.helper-30a40560.js';
+import { r as registerInstance, h } from './index-d0fd1dc0.js';
+import { C as CrmBonusService } from './crmbonus.service-9f4c6fd7.js';
+import { C as CartWake, g as getCart } from './cart.helper-a921d7f9.js';
 import './keys.storage-8c76fcd7.js';
 
 const Pedido = class {
@@ -26,7 +26,7 @@ const Pedido = class {
         }
     }
     render() {
-        return (h("div", { key: 'd79a815efc708a2d818fa6adf22464a45e7fa546' }));
+        return (h("div", { key: '2b63c42d1a50fd4850218a38782b11a5d1914493' }));
     }
 };
 

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

@@ -0,0 +1 @@
+{"file":"pedido-finalizado.entry.esm.js","mappings":";;;;;MAQa,MAAM;;;;;IAIf,MAAM,iBAAiB;QACnB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;KAC3B;IAED,MAAM,WAAW;QAEb,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QAEnC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,OAAO,EAAE,CAAC;QAE/E,IAAI,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE;YACzB,eAAe,CAAC,WAAW,EAAE,CAAC,WAAW,CAAC;gBACtC,MAAM,EAAE,IAAI,CAAC,EAAE;gBACf,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,SAAS,EAAE,IAAI,CAAC,YAAY;aAC/B,CAAC,CAAC;YAEH,MAAM,GAAG,GAAG,eAAe,IAAI,CAAC,EAAE,EAAE,CAAC;YACrC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAC7B,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACpC;KACJ;IAED,MAAM;QACF,QACI,6DAAW,EACd;KACJ;;;;;","names":[],"sources":["src/components/pedido/pedido.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { getCart } from \"../../helpers/cart.helper\";\nimport { CartWake } from \"../../objectvalues/cart.wake\";\n\n@Component({\n    tag: \"pedido-finalizado\"\n})\nexport class Pedido {\n\n    @Prop() cart;\n\n    async componentWillLoad() {\n        await this.handleOrder()\n    }\n\n    async handleOrder() {\n\n        console.log('this.cart', this.cart)\n\n        const cart = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\n\n        if (cart.id && cart.orderId) {\n            CrmBonusService.getInstance().updateOrder({\n                cartId: cart.id,\n                orderId: cart.orderId,\n                cartIdCrm: cart.middlewareId\n            });\n\n            const key = `bc-products:${cart.id}`;\n            localStorage.removeItem(key);\n            localStorage.removeItem(cart.id);\n        }\n    }\n\n    render() {\n        return (\n            <div></div>\n        )\n    }\n}"],"version":3}

package/dist/{esm → crmbonus-component-wake}/phone-cancel-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e8724c8f.js';
+import { r as registerInstance, h } from './index-d0fd1dc0.js';
 
 const PhoneCancelInput = class {
     constructor(hostRef) {

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

@@ -0,0 +1 @@
+{"file":"phone-cancel-input.entry.esm.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}

package/dist/{components/p-6c546e48.js → crmbonus-component-wake/phone-form.entry.js}

@@ -1,15 +1,10 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-3e84f78c.js';
-import { d as defineCustomElement$3 } from './p-47f9da55.js';
-import { d as defineCustomElement$2 } from './p-fe9c3966.js';
-import { d as defineCustomElement$1 } from './p-11085d9b.js';
+import { r as registerInstance, h, e as Host } from './index-d0fd1dc0.js';
 
 const giftbackFormCss = "*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{font-family:Roboto;font-size:var(--crmfont-sizebodymd);font-weight:400;line-height:var(--crmline-heightbodymd);letter-spacing:var(--crmletter-spacingtitle-md);text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn);font-weight:100}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";
-const PhoneFormStyle0 = giftbackFormCss;
 
-const PhoneForm = /*@__PURE__*/ proxyCustomElement(class PhoneForm extends H {
-    constructor() {
-        super();
-        this.__registerHost();
+const PhoneForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.value = undefined;
         this.loading = undefined;
         this.handlerSubmit = undefined;
@@ -23,43 +18,9 @@ const PhoneForm = /*@__PURE__*/ proxyCustomElement(class PhoneForm extends H {
         var _a;
         return (h(Host, { key: '1133ae46d38d6b4e26f8aaac099b99932df6a745', class: "crm-phone-form" }, h("label", { key: '538421a0779d973acdf16c6ef0910fe1e42e992e', class: "crm-subtitle" }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), h("phone-input-mask", { key: '76e20e30715144c02a6d4864432ac3102bf193d9', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: 'a886bd399e6da89676eabd4ac82011031c737a15', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.handlePhone() })));
     }
-    static get style() { return PhoneFormStyle0; }
-}, [0, "phone-form", {
-        "value": [1],
-        "loading": [4],
-        "handlerSubmit": [16],
-        "config": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["phone-form", "crm-button", "loading-spinner", "phone-input-mask"];
-    components.forEach(tagName => { switch (tagName) {
-        case "phone-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PhoneForm);
-            }
-            break;
-        case "crm-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "loading-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "phone-input-mask":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+};
+PhoneForm.style = giftbackFormCss;
 
-export { PhoneForm as P, defineCustomElement as d };
+export { PhoneForm as phone_form };
 
-//# sourceMappingURL=p-6c546e48.js.map
+//# sourceMappingURL=phone-form.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"phone-form.entry.esm.js","mappings":";;AAAA,MAAM,eAAe,GAAG,i+BAAi+B;;MCO5+B,SAAS;;;;;;;;IAWlB,MAAM,WAAW;QAEb,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAA;QAElD,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KACnC;IAGD,MAAM;;QACF,QACI,EAAC,IAAI,qDAAC,KAAK,EAAC,gBAAgB,IACxB,8DAAO,KAAK,EAAC,cAAc,4FAAqF,EAChH,yEAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI,EAErF,mEAAY,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,kBAAkB,KAAI,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,GAAK,CAChI,EACV;KACJ;;;;;;","names":[],"sources":["src/components/giftback-form/giftback-form.css?tag=phone-form","src/components/giftback-form/subcomponents/phone-form/phone-form.tsx"],"sourcesContent":["* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    font-family: Roboto;\n    font-size: var(--crmfont-sizebodymd);\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    font-size: 14px;\n    color: var(--crm-btn);\n    font-weight: 100;\n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    font-size: 16px;\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    font-size: 12px;\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    font-size: 12px;\n}","import { Component, Host, Prop, h } from \"@stencil/core\";\nimport { IInfoStore } from \"../../../../helpers/info.config.helper\";\n\n@Component({\n    tag: 'phone-form',\n    styleUrl: '../../giftback-form.css'\n})\nexport class PhoneForm {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    @Prop() value: string;\n    @Prop() loading: boolean;\n    @Prop() handlerSubmit: (phone: string) => void;\n\n    @Prop() config: IInfoStore;\n\n\n    async handlePhone() {\n\n        const phone = await this.phoneInputMask.getPhone()\n\n        await this.handlerSubmit(phone);\n    }\n\n\n    render() {\n        return (\n            <Host class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >Digite o seu celular para verificar se há desconto disponível nessa compra:</label>\n                <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\n\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.handlePhone() } />\n            </Host>\n        )\n    }\n}"],"version":3}

package/dist/{esm → crmbonus-component-wake}/phone-input-mask.entry.js

@@ -1,8 +1,7 @@
-import { r as registerInstance, h } from './index-e8724c8f.js';
+import { r as registerInstance, h } from './index-d0fd1dc0.js';
 import { M as MESSAGE_ERROR_INVALID_NUMBER } from './index-5b567099.js';
 
 const phoneInputMaskCss = "*{margin:0;padding:0;box-sizing:border-box}.phone{display:block;width:100%;height:24px;padding:6px 12px;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}.phone-input-form{width:100%;height:48px;padding:13px 16px 13px 16px;border:1px solid #CCCCCC;font-size:14px}.crm-erro-msg{color:#E11D48;font-size:12px;font-weight:500;margin-top:11px}";
-const PhoneInputMaskStyle0 = phoneInputMaskCss;
 
 const PhoneInputMask = class {
     constructor(hostRef) {
@@ -50,7 +49,7 @@ const PhoneInputMask = class {
         return (h("div", { key: '44d9a3f88829cdf269da2ea029ca81197a9ca31e' }, h("input", { key: '4af46e5c7eb38f108f3a3b58937b3b5560a0757d', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(99) 99999 9999" }), h("p", { key: '5058284a0a7bda9e750cbf4e1134fdc47c7de83e', class: "crm-erro-msg" }, this.message)));
     }
 };
-PhoneInputMask.style = PhoneInputMaskStyle0;
+PhoneInputMask.style = phoneInputMaskCss;
 
 export { PhoneInputMask as phone_input_mask };
 

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

@@ -0,0 +1 @@
+{"file":"phone-input-mask.entry.esm.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,kvBAAkvB;;MCQ/vB,cAAc;;;qBACE,EAAE;uBACA,EAAE;;;;IAK7B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAEO,WAAW,CAAC,KAAa;QAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAE7D,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;QAE3C,IAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACvC,IAAI,CAAC,OAAO,GAAG,4BAA4B,CAAA;SAC9C;aAAM;YACH,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;SACpB;QAED,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;KACnC;IAED,mBAAmB,CAAC,KAAa;QAC7B,IAAG,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE;YAClB,OAAO,IAAI,CAAA;SACd;QACD,MAAM,UAAU,GAAG,yBAAyB,CAAC;QAC7C,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjC;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,8DACI,8DACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACF,0DAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,EAER;KACL;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":["* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\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\n.phone-input-form {\n    width: 100%;\n    height: 48px;\n    padding: 13px 16px 13px 16px;\n    border: 1px solid #CCCCCC;\n    font-size: 14px;\n}\n\n.crm-erro-msg {\n    color: #E11D48;\n    font-size: 12px;\n    font-weight: 500;\n    margin-top: 11px;\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\nimport { MESSAGE_ERROR_INVALID_NUMBER } from '../../contants';\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    @State() message: string = \"\";\n\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\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\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        if(!this.validatePhoneNumber(input.value)) {\n            this.message = MESSAGE_ERROR_INVALID_NUMBER\n        } else {\n            this.message = \"\"\n        }\n\n        console.log('phone', this.phone)\n    }\n\n    validatePhoneNumber(phone: string): boolean {\n        if(phone.length < 15) {\n            return true\n        }\n        const phoneRegex = /^\\(\\d{2}\\) \\d{5} \\d{4}$/; // Valida formato (99) 99999-9999\n        return phoneRegex.test(phone);\n    }\n\n    @Method()\n    public async getPhone() {\n        return this.phone;\n    }\n\n    render() {\n        return (\n            <div>\n                <input\n                    disabled={this.disabled}\n                    id=\"phone\"\n                    type=\"text\"\n                    class=\"phone-input-form\"\n                    value={this.phone}\n                    onInput={(event) => this.handleInput(event)}\n                    placeholder=\"(99) 99999 9999\"\n                />\n                <p class=\"crm-erro-msg\">{this.message}</p>\n            </div>\n\n        );\n    }\n}\n"],"version":3}

package/dist/{esm → crmbonus-component-wake}/phone-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e8724c8f.js';
+import { r as registerInstance, h } from './index-d0fd1dc0.js';
 
 const PhoneInput = class {
     constructor(hostRef) {

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

@@ -0,0 +1 @@
+{"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,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}

package/dist/{components/p-83a12a8f.js → crmbonus-component-wake/pin-form.entry.js}

@@ -1,20 +1,13 @@
-import { p as proxyCustomElement, H, h } from './p-3e84f78c.js';
-import { i as instance } from './p-e8c19a64.js';
-import { d as defineCustomElement$3 } from './p-2b3b8d6b.js';
-import { d as defineCustomElement$2 } from './p-47f9da55.js';
-import { d as defineCustomElement$1 } from './p-fe9c3966.js';
+import { r as registerInstance, h } from './index-d0fd1dc0.js';
+import { i as instance } from './i18n-11138a2c.js';
 
 const pinFormCss = ":host{display:block;font-family:Arial, sans-serif}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}.pin-container input{width:100%;height:48px;font-size:14px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer}.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}.crm-description{font-size:14px;width:100%;display:flex;gap:9px}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";
-const PinFormStyle0 = pinFormCss;
 
 const giftbackFormCss = "*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{font-family:Roboto;font-size:var(--crmfont-sizebodymd);font-weight:400;line-height:var(--crmline-heightbodymd);letter-spacing:var(--crmletter-spacingtitle-md);text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.crm-container-form{display:flex;flex-direction:column;justify-content:space-around;height:auto;padding:20px 24px 20px 24px;border:1px solid #CCCC;writing-mode:horizontal-tb;gap:16px;border-top:1px solid #ccc !important;border-bottom:1px solid #ccc !important}.crm-phone-form{display:flex;flex-direction:column;height:100%;gap:16px}.crm-subtitle{font-size:14px;color:var(--crm-btn);font-weight:100}.crm-title{font-weight:700;line-height:20px;color:#262626;font-size:16px}.crm-message-info{color:#619013;font-weight:500;font-size:12px}.crm-message-error{color:#E11D48;font-weight:500;font-size:12px}";
-const PinFormStyle1 = giftbackFormCss;
 
-const GiftbackPin = /*@__PURE__*/ proxyCustomElement(class GiftbackPin extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const GiftbackPin = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.validate = undefined;
         this.cancel = undefined;
         this.resend = undefined;
@@ -61,49 +54,9 @@ const GiftbackPin = /*@__PURE__*/ proxyCustomElement(class GiftbackPin extends H
         var _a;
         return (h("div", { key: '15aa6a8fe4e0fa3ea1a35e68b7853a4ca392899c', class: "crm-phone-form" }, h("label", { key: '83d48a38bc6cbbdbd391d7253a1e1fc3d01c44d2', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: 'e88a16f28032afb4746dc8f97e83e2794b75f3fd' }, "+55 ", this.phone)), h("div", { key: '516969313ac099dfa1e4761784ef5f4e5c5225c3', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) })))), h("slot", { key: 'b0ffbe2329a9e010766f3cf8e52943ebdbfe101e' }), h("p", { key: '91e9372e69f32ce93806ca194bf6347cd0a0a3ce', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: 'ed22df22e0498434ff3d6a187387aa8ddc48f6ef' }, " Reenviar em ", h("countdown-timer", { key: 'a81630d82997e9b74ceb08b52cd818d0aa81f00e', initialValue: 30, downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '417c6dc13b0e87993c8dbb71d9e263678e1025d8' }, h("a", { key: '9832f3c85b503e820d2452d76dc60a008ec250c9', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: '9c6ff0ab7b1e0f46235eed0a2e0c2142f3bd41f6', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: 'f347d33b491d5dae491ce5ed77e7f20734cfa76b', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
     }
-    static get style() { return PinFormStyle0 + PinFormStyle1; }
-}, [1, "pin-form", {
-        "validate": [16],
-        "cancel": [16],
-        "resend": [16],
-        "sent": [16],
-        "loading": [4],
-        "phone": [1],
-        "config": [16],
-        "pin": [32],
-        "isVerified": [32],
-        "canResend": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["pin-form", "countdown-timer", "crm-button", "loading-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "pin-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, GiftbackPin);
-            }
-            break;
-        case "countdown-timer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "crm-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "loading-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
+};
+GiftbackPin.style = pinFormCss + giftbackFormCss;
 
-export { GiftbackPin as G, defineCustomElement as d };
+export { GiftbackPin as pin_form };
 
-//# sourceMappingURL=p-83a12a8f.js.map
+//# sourceMappingURL=pin-form.entry.js.map

package/dist/crmbonus-component-wake/pin-form.entry.js.map

@@ -0,0 +1 @@
+{"file":"pin-form.entry.esm.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,s7BAAs7B;;ACAz8B,MAAM,eAAe,GAAG,i+BAAi+B;;MCU5+B,WAAW;;;;;;;uBAOO,KAAK;;;mBAIP,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;0BACV,KAAK;yBACN,KAAK;;IAEnC,iBAAiB;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KAC1B;IAED,WAAW,CAAC,KAAY,EAAE,KAAa;QACnC,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;;QAGxB,IAAI,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;YACtC,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAsC,CAAC;YAC/D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;SACtB;QAED,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;KAC5B;IAED,WAAW;QACP,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;KACnC;IAED,SAAS;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAClC,IAAI,OAAO,KAAK,MAAM,EAAE;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B;KACJ;IAED,aAAa;QACT,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;KACzB;IAED,MAAM,YAAY;QACd,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QAEpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;KAC9B;IAED,MAAM;;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,8DAAO,KAAK,EAAC,cAAc,IAAGA,QAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAE,yEAAa,IAAI,CAAC,KAAK,CAAU,CAAQ,EACjG,4DAAK,KAAK,EAAC,eAAe,IACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MACnB,aACI,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EACtB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,GACpD,CACL,CAAC,CACA,EAEN,8DAAa,EAEb,0DAAG,KAAK,EAAC,iBAAiB,0BAElB,CAAC,IAAI,CAAC,SAAS,IAAI,iFAAoB,wEAAiB,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,GAAI,MAAS,EAG3H,IAAI,CAAC,SAAS,KACV,8DACI,0DAAG,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,eAAc,EACnD,0DAAG,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,yBAAmB,CAChD,CACT,CAEL,EACJ,mEAAY,MAAM,EAAE,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,kBAAkB,KAAI,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,GAAI,CAC/H,EACT;KACL;;;;;;","names":["i18next"],"sources":["src/components/giftback-form/subcomponents/pin-form/pin-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/giftback-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/subcomponents/pin-form/pin-form.tsx"],"sourcesContent":[":host {\n    display: block;\n    font-family: Arial, sans-serif;\n}\n\n.form-container-pin {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.pin-container {\n    display: flex;\n    /* margin: 26px 0; */\n    justify-content: start;\n    gap: 10px;\n}\n\n.pin-container input {\n    width: 100%;\n    height: 48px;\n    font-size: 14px;\n    text-align: center;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n}\n\nbutton {\n    padding: 10px 20px;\n    background-color: #ddd;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n}\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: 15px;\n    min-height: 30px;\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.crm-description {\n    font-size: 14px;\n    width: 100%;\n    display: flex;\n    gap: 9px;\n}\n\n.crm-description a {\n    font-weight: bold;\n    cursor: pointer;\n    text-decoration: underline;\n}\n\n.crm-description div {\n    display: flex;\n    gap: 5px;\n}","* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n:host {\n    --crmfont-sizebodymd: 14px;\n    --crmline-heightbodymd: 20px;\n    --crmletter-spacingtitle-md: 0px\n}\n\n.container-message {\n    font-family: Roboto;\n    font-size: var(--crmfont-sizebodymd);\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    font-size: 14px;\n    color: var(--crm-btn);\n    font-weight: 100;\n}\n\n.crm-title {\n    font-weight: 700;\n    line-height: 20px;\n    color: #262626;\n    font-size: 16px;\n}\n\n.crm-message-info {\n    color: #619013;\n    font-weight: 500;\n    font-size: 12px;\n}\n\n.crm-message-error {\n    color: #E11D48;\n    font-weight: 500;\n    font-size: 12px;\n}","import { Component, h, Prop, State } from '@stencil/core';\nimport { IPinSent } from '../../../../dto/pin.sent';\nimport i18next from '../../../../i18n/i18n'\nimport { IInfoStore } from '../../../../helpers/info.config.helper';\n\n@Component({\n    tag: 'pin-form',\n    styleUrls: ['pin-form.css', '../../giftback-form.css'],\n    shadow: true,\n})\nexport class GiftbackPin {\n\n    @Prop() validate: (pin: string) => void;\n    @Prop() cancel: () => void;\n    @Prop() resend: () => void;\n\n    @Prop() sent: IPinSent;\n    @Prop() loading: boolean = false;\n    @Prop() phone: string;\n    @Prop() config: IInfoStore;\n\n    @State() pin: string[] = ['', '', '', ''];\n    @State() isVerified: boolean = false;\n    @State() canResend: boolean = false;\n\n    componentWillLoad() {\n        this.canResend = false;\n    }\n\n    handleInput(event: Event, index: number) {\n        const input = event.target as HTMLInputElement;\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\n        this.pin[index] = value;\n\n        // Focar no próximo campo, se possível\n        if (value && index < this.pin.length - 1) {\n            const nextInput = input.nextElementSibling as HTMLInputElement;\n            nextInput?.focus();\n        }\n\n        this.pin = [...this.pin];\n    }\n\n    validatePin() {\n        this.validate(this.pin.join(\"\"))\n    }\n\n    verifyPin() {\n        const pinCode = this.pin.join('');\n        if (pinCode === '9999') {\n            this.isVerified = true;\n        }\n    }\n\n    handleTimeout() {\n        this.canResend = true;\n    }\n\n    async handleResend() {\n        await this.resend();\n\n        this.canResend = false;\n        this.pin = ['', '', '', '']\n    }\n\n    render() {\n        return (\n            <div class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\n                <div class=\"pin-container\">\n                    {this.pin.map((_, index) => (\n                        <input\n                            type=\"text\"\n                            maxLength={1}\n                            value={this.pin[index]}\n                            onInput={(event) => this.handleInput(event, index)}\n                        />\n                    ))}\n                </div>\n\n                <slot></slot>\n\n                <p class=\"crm-description\"> Não recebeu?\n                    {\n                        !this.canResend && <label> Reenviar em <countdown-timer initialValue={30} downtime={() => this.handleTimeout()} /> </label>\n                    }\n                    {\n                        this.canResend && (\n                            <div >\n                                <a onClick={() => this.handleResend()}>Reenviar</a>\n                                <a onClick={() => this.cancel()}>Trocar número</a>\n                            </div>\n                        )\n                    }\n                </p>\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\n            </div >\n        );\n    }\n}\n"],"version":3}