crmbonus-component-wake 2.1.41-ngrok → 2.1.41-shoulder

package/dist/collection/assets/svg/money-dollars-svgrepo-com.svg

@@ -1,6 +1,6 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="12" cy="12" r="10" stroke="#000000" stroke-width="2"/>
-<path d="M15 9.94728C14.5 9.3 13.8 8.5 12 8.5C10.2 8.5 9 9.51393 9 9.94728C9 10.3806 9.06786 10.9277 10 11.5C10.7522 11.9618 12.6684 12.0439 13.5 12.5C14.679 13.1467 14.8497 13.8202 14.8497 14.0522C14.8497 14.6837 13.4175 15.4852 12 15.5C10.536 15.5153 9.5 14.7 9 14.0522" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 7V17" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="10" stroke="#000000" stroke-width="2"/>
+<path d="M15 9.94728C14.5 9.3 13.8 8.5 12 8.5C10.2 8.5 9 9.51393 9 9.94728C9 10.3806 9.06786 10.9277 10 11.5C10.7522 11.9618 12.6684 12.0439 13.5 12.5C14.679 13.1467 14.8497 13.8202 14.8497 14.0522C14.8497 14.6837 13.4175 15.4852 12 15.5C10.536 15.5153 9.5 14.7 9 14.0522" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 7V17" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/dist/collection/collection-manifest.json

@@ -4,6 +4,9 @@
     "components/countdown-timer/countdown-timer.js",
     "components/countdown-timer/countdown-timer.v2.js",
     "components/crm-bonus/crm-bonus.js",
+    "components/crmbonus/crmbonus.js",
+    "components/crmbonus/subcomponents/phone-form/index.js",
+    "components/crmbonus/subcomponents/phone-validate/index.js",
     "components/giftback-form/giftback-form.js",
     "components/giftback-form/subcomponents/giftback-info/giftback-info.js",
     "components/giftback-form/subcomponents/phone-form/phone-form.js",
@@ -15,7 +18,8 @@
     "components/note/crm-bonus-note.js",
     "components/pedido/pedido.js",
     "components/phone/phone-input-mask.js",
-    "components/tooltip/tooltip.js"
+    "components/tooltip/tooltip.js",
+    "platforms/wake/index.js"
   ],
   "compiler": {
     "name": "@stencil/core",

package/dist/collection/components/button/crm-button.css

@@ -1,22 +1,22 @@
-input, button {
-    margin: 0;
-    padding: 10px; /* Ajuste o valor conforme necessário */
-}
-
-.crm-contaner-button {
-    height: auto;
-    width: auto;
-}
-
-.crm-button {
-    height: 48px;
-    width: 100%;
-    border: 1px solid #000;
-    padding: 14px 20px;
-    background-color: #000;
-    color: #fff;
-    /* font-size: 14px; */
-    line-height: 20px;
-    font-weight: 500;
-    cursor: pointer;
+input, button {
+    margin: 0;
+    padding: 10px; /* Ajuste o valor conforme necessário */
+}
+
+.crm-contaner-button {
+    height: auto;
+    width: auto;
+}
+
+.crm-button {
+    height: 48px;
+    width: 100%;
+    border: 1px solid #000;
+    padding: 14px 20px;
+    background-color: #000;
+    color: #fff;
+    /* font-size: 14px; */
+    line-height: 20px;
+    font-weight: 500;
+    cursor: pointer;
 }

package/dist/collection/components/button/index.js

@@ -6,7 +6,7 @@ export class Button {
         this.handleClick = undefined;
     }
     render() {
-        return (h("div", { key: '785b4975fb6538dbe2cdb7b99d5801abc72c534a', class: "crm-contaner-button" }, h("button", { key: '1e41951aa024e9f3b9b1836e8386bd369d022f76', class: "crm-button", onClick: () => this.handleClick() }, !this.loading ? this.txtBtn : h("loading-spinner", { size: "15px", color: "#fff" }))));
+        return (h("div", { key: '848df9f754a114343163eae85d34a2acb6b04863', class: "crm-contaner-button" }, h("button", { key: '517b761b39ced2615dd04fc42d5aaa98a7d749f6', class: "crm-button", onClick: () => this.handleClick() }, !this.loading ? this.txtBtn : h("loading-spinner", { size: "15px", color: "#fff" }))));
     }
     static get is() { return "crm-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,MAAM;;;;;;IAOf,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,qBAAqB;YAC5B,+DAAQ,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAEpD,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEzE,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'crm-button',\r\n    styleUrl: 'crm-button.css'\r\n})\r\nexport class Button {\r\n\r\n    @Prop() txtBtn: string;\r\n    @Prop() loading: boolean;\r\n\r\n    @Prop() handleClick: () => void;\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"crm-contaner-button\">\r\n                <button class=\"crm-button\" onClick={() => this.handleClick()}>\r\n                    {\r\n                        !this.loading ? this.txtBtn : <loading-spinner size=\"15px\" color=\"#fff\" />\r\n                    }\r\n                </button>\r\n            </div>\r\n        )\r\n    }\r\n}"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,MAAM;;;;;;IAOf,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,qBAAqB;YAC5B,+DAAQ,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAEpD,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEzE,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'crm-button',\n    styleUrl: 'crm-button.css'\n})\nexport class Button {\n\n    @Prop() txtBtn: string;\n    @Prop() loading: boolean;\n\n    @Prop() handleClick: () => void;\n\n    render() {\n        return (\n            <div class=\"crm-contaner-button\">\n                <button class=\"crm-button\" onClick={() => this.handleClick()}>\n                    {\n                        !this.loading ? this.txtBtn : <loading-spinner size=\"15px\" color=\"#fff\" />\n                    }\n                </button>\n            </div>\n        )\n    }\n}"]}

package/dist/collection/components/countdown-timer/countdown-timer.js

@@ -42,7 +42,7 @@ export class CountdownTimer {
         const minutos = Math.floor(this.tempoRestante / 60000);
         const segundos = Math.floor((this.tempoRestante % 60000) / 1000);
         const tempoFormatado = `${String(minutos).padStart(2, '0')}:${String(segundos).padStart(2, '0')}`;
-        return (h("label", { key: 'ed1e0654cba5b152adcadb10cf9dfd6909c07a1f' }, " ", tempoFormatado));
+        return (h("label", { key: '18d5e1487a5c1986858f319f6169d9ea6f8db925' }, " ", tempoFormatado));
     }
     static get is() { return "countdown-timer"; }
     static get properties() {

package/dist/collection/components/countdown-timer/countdown-timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown-timer.js","sourceRoot":"","sources":["../../../../src/components/countdown-timer/countdown-timer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAK1D,MAAM,OAAO,cAAc;;;;uBAIG,CAAC;wBACA,EAAE;;;IAM7B,iBAAiB;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACxC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAEtD,IAAI,YAAY,IAAI,UAAU,EAAE,CAAC;YAC7B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;YACvB,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,aAAa,GAAG,UAAU,GAAG,YAAY,CAAC;YAC/C,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1B,CAAC;IACL,CAAC;IAED,oBAAoB;QAChB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED,cAAc;QACV,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAC/B,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC;YAC3B,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,EAAE,CAAC;gBAC1B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;gBACvB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;YAC3B,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;IACb,CAAC;IAED,eAAe;QACX,OAAO,CAAC,GAAG,CAAC,oCAAoC,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,EAAE,CAAA;IACnB,CAAC;IAED,MAAM;QACF,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,CAAC;QACvD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACjE,MAAM,cAAc,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;QAElG,OAAO,CACH;;YAAS,cAAc,CAAS,CACnC,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'countdown-timer',\r\n})\r\nexport class CountdownTimer {\r\n\r\n    @Prop() downtime: () => void;\r\n    @Prop() dataCriacao: string;\r\n    @Prop() minutos: number = 6;\r\n    @Prop() segundos: number = 60;\r\n\r\n    @State() tempoRestante: number; // em milissegundos\r\n\r\n    private intervalId: any;\r\n\r\n    componentWillLoad() {\r\n        const tempoTotal = this.minutos * this.segundos * 1000;\r\n        const data = new Date(this.dataCriacao);\r\n        const agora = new Date();\r\n        const tempoPassado = agora.getTime() - data.getTime();\r\n\r\n        if (tempoPassado >= tempoTotal) {\r\n            this.tempoRestante = 0;\r\n            this.onTempoEsgotado();\r\n        } else {\r\n            this.tempoRestante = tempoTotal - tempoPassado;\r\n            this.startCountdown();\r\n        }\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        clearInterval(this.intervalId);\r\n    }\r\n\r\n    startCountdown() {\r\n        this.intervalId = setInterval(() => {\r\n            this.tempoRestante -= 1000;\r\n            if (this.tempoRestante <= 0) {\r\n                this.tempoRestante = 0;\r\n                clearInterval(this.intervalId);\r\n                this.onTempoEsgotado();\r\n            }\r\n        }, 1000);\r\n    }\r\n\r\n    onTempoEsgotado() {\r\n        console.log('Tempo esgotado! Executando ação...');\r\n        this.downtime()\r\n    }\r\n\r\n    render() {\r\n        const minutos = Math.floor(this.tempoRestante / 60000);\r\n        const segundos = Math.floor((this.tempoRestante % 60000) / 1000);\r\n        const tempoFormatado = `${String(minutos).padStart(2, '0')}:${String(segundos).padStart(2, '0')}`;\r\n\r\n        return (\r\n            <label> {tempoFormatado}</label>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"countdown-timer.js","sourceRoot":"","sources":["../../../../src/components/countdown-timer/countdown-timer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAK1D,MAAM,OAAO,cAAc;;;;uBAIG,CAAC;wBACA,EAAE;;;IAM7B,iBAAiB;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACxC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAEtD,IAAI,YAAY,IAAI,UAAU,EAAE,CAAC;YAC7B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;YACvB,IAAI,CAAC,eAAe,EAAE,CAAC;QAC3B,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,aAAa,GAAG,UAAU,GAAG,YAAY,CAAC;YAC/C,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1B,CAAC;IACL,CAAC;IAED,oBAAoB;QAChB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED,cAAc;QACV,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAC/B,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC;YAC3B,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,EAAE,CAAC;gBAC1B,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;gBACvB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;YAC3B,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;IACb,CAAC;IAED,eAAe;QACX,OAAO,CAAC,GAAG,CAAC,oCAAoC,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,EAAE,CAAA;IACnB,CAAC;IAED,MAAM;QACF,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,CAAC;QACvD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QACjE,MAAM,cAAc,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;QAElG,OAAO,CACH;;YAAS,cAAc,CAAS,CACnC,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\n\n@Component({\n    tag: 'countdown-timer',\n})\nexport class CountdownTimer {\n\n    @Prop() downtime: () => void;\n    @Prop() dataCriacao: string;\n    @Prop() minutos: number = 6;\n    @Prop() segundos: number = 60;\n\n    @State() tempoRestante: number; // em milissegundos\n\n    private intervalId: any;\n\n    componentWillLoad() {\n        const tempoTotal = this.minutos * this.segundos * 1000;\n        const data = new Date(this.dataCriacao);\n        const agora = new Date();\n        const tempoPassado = agora.getTime() - data.getTime();\n\n        if (tempoPassado >= tempoTotal) {\n            this.tempoRestante = 0;\n            this.onTempoEsgotado();\n        } else {\n            this.tempoRestante = tempoTotal - tempoPassado;\n            this.startCountdown();\n        }\n    }\n\n    disconnectedCallback() {\n        clearInterval(this.intervalId);\n    }\n\n    startCountdown() {\n        this.intervalId = setInterval(() => {\n            this.tempoRestante -= 1000;\n            if (this.tempoRestante <= 0) {\n                this.tempoRestante = 0;\n                clearInterval(this.intervalId);\n                this.onTempoEsgotado();\n            }\n        }, 1000);\n    }\n\n    onTempoEsgotado() {\n        console.log('Tempo esgotado! Executando ação...');\n        this.downtime()\n    }\n\n    render() {\n        const minutos = Math.floor(this.tempoRestante / 60000);\n        const segundos = Math.floor((this.tempoRestante % 60000) / 1000);\n        const tempoFormatado = `${String(minutos).padStart(2, '0')}:${String(segundos).padStart(2, '0')}`;\n\n        return (\n            <label> {tempoFormatado}</label>\n        );\n    }\n}\n"]}

package/dist/collection/components/countdown-timer/countdown-timer.v2.js

@@ -62,7 +62,7 @@ export class CountdownTimer {
         return `${parseInt(minutes.toString())}m ${seconds}s`;
     }
     render() {
-        return (h("label", { key: 'f018731ea6dd041b39c2161520f5b7f5075781ea' }, " ", this.minutes));
+        return (h("label", { key: '101aafc809585623eb5c2663ebaa4644d4761ac2' }, " ", this.minutes));
     }
     static get is() { return "countdown-timer-v2"; }
     static get encapsulation() { return "shadow"; }
@@ -120,7 +120,7 @@ export class CountdownTimer {
                     "tags": [],
                     "text": ""
                 },
-                "defaultValue": "{\r\n        expiration: new Date(),\r\n        createdAt: new Date()\r\n    }"
+                "defaultValue": "{\n        expiration: new Date(),\n        createdAt: new Date()\n    }"
             }
         };
     }

package/dist/collection/components/countdown-timer/countdown-timer.v2.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown-timer.v2.js","sourceRoot":"","sources":["../../../../src/components/countdown-timer/countdown-timer.v2.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'countdown-timer-v2',\r\n    shadow: true,\r\n})\r\nexport class CountdownTimer {\r\n\r\n    @Prop() downtime: () => void;\r\n    @Prop() reload: boolean = false;\r\n\r\n    @Prop() dates = {\r\n        expiration: new Date(),\r\n        createdAt: new Date()\r\n    };\r\n\r\n\r\n    @State() seconds: number = 0;\r\n    @State() minutes: string;\r\n\r\n    private intervalId: NodeJS.Timer;\r\n\r\n    componentWillLoad() {\r\n        const time = this.buildTime();\r\n        this.iniciarContador(time);\r\n    }\r\n\r\n    private buildTime(): number {\r\n\r\n        const initial = localStorage.getItem(\"bc:time\");\r\n\r\n        if (initial && !this.reload) {\r\n            return Number(initial);\r\n        }\r\n\r\n        const dataFinal: Date = new Date(this.dates.expiration);\r\n        const agora: Date = new Date(this.dates.createdAt);\r\n\r\n        const diferencaMs = dataFinal.getTime() - agora.getTime();\r\n\r\n        if (diferencaMs <= 0) {\r\n            return diferencaMs;\r\n        }\r\n\r\n        const diferencaSegundos = diferencaMs / 1000; // Converter milissegundos para segundos\r\n        const minutos = Math.floor(diferencaSegundos / 60); // Calcular minutos\r\n        const segundos = Math.floor(diferencaSegundos % 60); // Calcular segundos restantes\r\n\r\n        const m = minutos >= 10 ? minutos : `0${minutos}`\r\n        const s = segundos >= 10 ? segundos : `0${segundos}`\r\n\r\n        this.minutes = `${m}:${s}`;\r\n\r\n        return diferencaSegundos;\r\n\r\n    }\r\n\r\n    iniciarContador(params) {\r\n        let segundosRestantes = params;\r\n        const intervalo = setInterval(() => {\r\n            const minutosExibidos = Math.floor(segundosRestantes / 60);\r\n            const segundosExibidos = (segundosRestantes % 60).toFixed();\r\n\r\n            let textContent =\r\n                `${String(minutosExibidos).padStart(2, '0')}:${String(segundosExibidos).padStart(2, '0')}`;\r\n\r\n            if (segundosRestantes < 0) {\r\n                clearInterval(intervalo);\r\n                textContent = \"00:00\";\r\n                localStorage.removeItem(\"bc:time\");\r\n                this.downtime()\r\n                return;\r\n            }\r\n\r\n            segundosRestantes--;\r\n\r\n            localStorage.setItem(\"bc:time\", segundosRestantes);\r\n            this.minutes = textContent\r\n        }, 1000);\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        clearInterval(this.intervalId);\r\n    }\r\n\r\n    padLeft() {\r\n        const minutes = this.seconds / 60;\r\n        const seconds = this.seconds % 60;\r\n\r\n        if (minutes < 1) return `${seconds}s`\r\n\r\n        return `${parseInt(minutes.toString())}m ${seconds}s`\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <label> {this.minutes}</label>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"countdown-timer.v2.js","sourceRoot":"","sources":["../../../../src/components/countdown-timer/countdown-timer.v2.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'countdown-timer-v2',\n    shadow: true,\n})\nexport class CountdownTimer {\n\n    @Prop() downtime: () => void;\n    @Prop() reload: boolean = false;\n\n    @Prop() dates = {\n        expiration: new Date(),\n        createdAt: new Date()\n    };\n\n\n    @State() seconds: number = 0;\n    @State() minutes: string;\n\n    private intervalId: NodeJS.Timer;\n\n    componentWillLoad() {\n        const time = this.buildTime();\n        this.iniciarContador(time);\n    }\n\n    private buildTime(): number {\n\n        const initial = localStorage.getItem(\"bc:time\");\n\n        if (initial && !this.reload) {\n            return Number(initial);\n        }\n\n        const dataFinal: Date = new Date(this.dates.expiration);\n        const agora: Date = new Date(this.dates.createdAt);\n\n        const diferencaMs = dataFinal.getTime() - agora.getTime();\n\n        if (diferencaMs <= 0) {\n            return diferencaMs;\n        }\n\n        const diferencaSegundos = diferencaMs / 1000; // Converter milissegundos para segundos\n        const minutos = Math.floor(diferencaSegundos / 60); // Calcular minutos\n        const segundos = Math.floor(diferencaSegundos % 60); // Calcular segundos restantes\n\n        const m = minutos >= 10 ? minutos : `0${minutos}`\n        const s = segundos >= 10 ? segundos : `0${segundos}`\n\n        this.minutes = `${m}:${s}`;\n\n        return diferencaSegundos;\n\n    }\n\n    iniciarContador(params) {\n        let segundosRestantes = params;\n        const intervalo = setInterval(() => {\n            const minutosExibidos = Math.floor(segundosRestantes / 60);\n            const segundosExibidos = (segundosRestantes % 60).toFixed();\n\n            let textContent =\n                `${String(minutosExibidos).padStart(2, '0')}:${String(segundosExibidos).padStart(2, '0')}`;\n\n            if (segundosRestantes < 0) {\n                clearInterval(intervalo);\n                textContent = \"00:00\";\n                localStorage.removeItem(\"bc:time\");\n                this.downtime()\n                return;\n            }\n\n            segundosRestantes--;\n\n            localStorage.setItem(\"bc:time\", segundosRestantes);\n            this.minutes = textContent\n        }, 1000);\n    }\n\n    disconnectedCallback() {\n        clearInterval(this.intervalId);\n    }\n\n    padLeft() {\n        const minutes = this.seconds / 60;\n        const seconds = this.seconds % 60;\n\n        if (minutes < 1) return `${seconds}s`\n\n        return `${parseInt(minutes.toString())}m ${seconds}s`\n    }\n\n    render() {\n        return (\n            <label> {this.minutes}</label>\n        );\n    }\n}\n"]}

package/dist/collection/components/crm-bonus/assets/logo.svg

@@ -1,18 +1,18 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 703 103" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M689.2 57.5004L647.1 99.6004L637.3 89.8004L679.4 47.7004H636V33.9004H695C696.9 33.9004 698.5 34.5004 699.7 35.5004C700 35.7004 700.2 35.9004 700.4 36.1004C700.6 36.3004 700.8 36.5004 700.9 36.7004V36.8004V36.9004C702 38.1004 702.7 39.8004 702.7 41.8004V43.6004V67.0004V100.7H688.9V80.8004V57.5004H689.2Z" fill="url(#paint0_linear_1629_188)"></path>
-<path d="M52.7 76.4998H67.7C65.3 91.7998 51.9 102.5 35.2 102.5C15.2 102.5 0 87.2998 0 67.3998C0 47.6998 15.2 32.2998 35.2 32.2998C51.9 32.2998 65.3 42.8998 67.7 58.2998H52.7C50.9 50.7998 44.2 45.6998 35.2 45.6998C22.9 45.6998 14.8 55.3998 14.8 67.3998C14.8 79.4998 22.9 89.0998 35.2 89.0998C44.2 89.1998 50.9 84.0998 52.7 76.4998Z" fill="currentColor"></path>
-<path d="M117.2 32.7002V46.6002C106.6 47.0002 98.5002 51.0002 92.5002 58.8002V100.8H77.7002V34.1002H92.5002V43.2002C98.6002 36.5002 107 32.7002 117.2 32.7002Z" fill="currentColor"></path>
-<path d="M237.4 62.5997V100.8H222.8V62.5997C222.8 50.7997 216.6 45.6997 207 45.6997C200.5 45.6997 194.2 48.0997 189.3 54.7997C189.7 56.8997 189.9 59.2997 189.9 61.7997V100.8H175.2V61.7997C175.2 49.9997 169 45.7997 160.3 45.7997C153.3 45.7997 147.1 48.5997 142.3 55.2997V100.9H127.5V34.1997H142.3V39.8997C147.3 35.3997 153.2 32.4997 162 32.4997C171.5 32.4997 179.2 35.7997 184.1 42.1997C190.6 35.7997 198.2 32.4997 207.9 32.4997C225.5 32.3997 237.4 42.8997 237.4 62.5997Z" fill="currentColor"></path>
-<path d="M320 67.3C320 86.9 304.8 102.5 286.1 102.5C277.6 102.5 270.3 99.9 264.8 95.5V100.8H250V0H264.8V39.2C270.3 34.9 277.6 32.4 286.1 32.4C304.8 32.4 320 48 320 67.3ZM305.2 67.3C305.2 55.5 296.3 45.7 283.9 45.7C276.5 45.7 269.7 48.1 264.7 55.1V79.7C269.7 86.7 276.5 89.2 283.9 89.2C296.3 89.2 305.2 79.2 305.2 67.3Z" fill="currentColor"></path>
-<path d="M399.2 67.5004C399.2 87.9004 384.4 102.6 363.7 102.6C343 102.6 328.2 87.9004 328.2 67.5004C328.2 47.1004 343 32.4004 363.7 32.4004C384.4 32.4004 399.2 47.0004 399.2 67.5004ZM384.4 67.5004C384.4 54.9004 375.7 45.8004 363.7 45.8004C351.7 45.8004 343 54.9004 343 67.5004C343 80.0004 351.7 89.2004 363.7 89.2004C375.7 89.2004 384.4 79.9004 384.4 67.5004Z" fill="currentColor"></path>
-<path d="M474.3 63.5997V100.8H459.5V64.4996C459.5 52.2996 453 45.7997 442.2 45.7997C435.8 45.7997 428.9 49.2996 423.6 55.8996V100.9H408.8V34.1996H423.6V40.1996C429.4 35.1996 436.7 32.4996 445.2 32.4996C462.5 32.3996 474.3 44.2997 474.3 63.5997Z" fill="currentColor"></path>
-<path d="M550.4 34.0996V100.8H535.8V94.2996C530 99.5996 522.7 102.5 514.1 102.5C496.8 102.5 485.1 90.1996 485.1 70.9996V34.0996H499.7V70.1996C499.7 82.3996 506.4 89.1996 517 89.1996C523.5 89.1996 530.3 85.4996 535.7 78.6996V34.0996H550.4Z" fill="currentColor"></path>
-<path d="M591.5 90.5002C600.2 90.5002 606.1 87.7002 606.1 82.4002C606.1 78.4002 602.8 75.6002 597.2 74.6002L582.4 72.0002C572.2 70.3002 562.7 65.2002 562.7 53.1002C562.7 40.2002 573.9 32.2002 590.5 32.2002C603.4 32.2002 618.3 36.6002 619.7 54.1002H606.1C605.4 46.9002 599 44.0002 590.5 44.0002C582 44.0002 577.3 47.1002 577.3 51.8002C577.3 55.3002 579.9 58.8002 587.7 60.0002L600.2 62.0002C610.3 63.8002 620.2 68.2002 620.2 81.2002C620.2 95.3002 607.9 102.5 591.1 102.5C575.3 102.5 561.9 96.3002 560.2 78.7002L573.8 78.8002C575.3 87.0002 581.4 90.5002 591.5 90.5002Z" fill="currentColor"></path>
-<defs>
-<linearGradient id="paint0_linear_1629_188" x1="636.833" y1="97.8261" x2="713.46" y2="26.6582" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F7A830"></stop>
-<stop offset="0.6353" stop-color="#F08336"></stop>
-<stop offset="1" stop-color="#EA5346"></stop>
-</linearGradient>
-</defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 703 103" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M689.2 57.5004L647.1 99.6004L637.3 89.8004L679.4 47.7004H636V33.9004H695C696.9 33.9004 698.5 34.5004 699.7 35.5004C700 35.7004 700.2 35.9004 700.4 36.1004C700.6 36.3004 700.8 36.5004 700.9 36.7004V36.8004V36.9004C702 38.1004 702.7 39.8004 702.7 41.8004V43.6004V67.0004V100.7H688.9V80.8004V57.5004H689.2Z" fill="url(#paint0_linear_1629_188)"></path>
+<path d="M52.7 76.4998H67.7C65.3 91.7998 51.9 102.5 35.2 102.5C15.2 102.5 0 87.2998 0 67.3998C0 47.6998 15.2 32.2998 35.2 32.2998C51.9 32.2998 65.3 42.8998 67.7 58.2998H52.7C50.9 50.7998 44.2 45.6998 35.2 45.6998C22.9 45.6998 14.8 55.3998 14.8 67.3998C14.8 79.4998 22.9 89.0998 35.2 89.0998C44.2 89.1998 50.9 84.0998 52.7 76.4998Z" fill="currentColor"></path>
+<path d="M117.2 32.7002V46.6002C106.6 47.0002 98.5002 51.0002 92.5002 58.8002V100.8H77.7002V34.1002H92.5002V43.2002C98.6002 36.5002 107 32.7002 117.2 32.7002Z" fill="currentColor"></path>
+<path d="M237.4 62.5997V100.8H222.8V62.5997C222.8 50.7997 216.6 45.6997 207 45.6997C200.5 45.6997 194.2 48.0997 189.3 54.7997C189.7 56.8997 189.9 59.2997 189.9 61.7997V100.8H175.2V61.7997C175.2 49.9997 169 45.7997 160.3 45.7997C153.3 45.7997 147.1 48.5997 142.3 55.2997V100.9H127.5V34.1997H142.3V39.8997C147.3 35.3997 153.2 32.4997 162 32.4997C171.5 32.4997 179.2 35.7997 184.1 42.1997C190.6 35.7997 198.2 32.4997 207.9 32.4997C225.5 32.3997 237.4 42.8997 237.4 62.5997Z" fill="currentColor"></path>
+<path d="M320 67.3C320 86.9 304.8 102.5 286.1 102.5C277.6 102.5 270.3 99.9 264.8 95.5V100.8H250V0H264.8V39.2C270.3 34.9 277.6 32.4 286.1 32.4C304.8 32.4 320 48 320 67.3ZM305.2 67.3C305.2 55.5 296.3 45.7 283.9 45.7C276.5 45.7 269.7 48.1 264.7 55.1V79.7C269.7 86.7 276.5 89.2 283.9 89.2C296.3 89.2 305.2 79.2 305.2 67.3Z" fill="currentColor"></path>
+<path d="M399.2 67.5004C399.2 87.9004 384.4 102.6 363.7 102.6C343 102.6 328.2 87.9004 328.2 67.5004C328.2 47.1004 343 32.4004 363.7 32.4004C384.4 32.4004 399.2 47.0004 399.2 67.5004ZM384.4 67.5004C384.4 54.9004 375.7 45.8004 363.7 45.8004C351.7 45.8004 343 54.9004 343 67.5004C343 80.0004 351.7 89.2004 363.7 89.2004C375.7 89.2004 384.4 79.9004 384.4 67.5004Z" fill="currentColor"></path>
+<path d="M474.3 63.5997V100.8H459.5V64.4996C459.5 52.2996 453 45.7997 442.2 45.7997C435.8 45.7997 428.9 49.2996 423.6 55.8996V100.9H408.8V34.1996H423.6V40.1996C429.4 35.1996 436.7 32.4996 445.2 32.4996C462.5 32.3996 474.3 44.2997 474.3 63.5997Z" fill="currentColor"></path>
+<path d="M550.4 34.0996V100.8H535.8V94.2996C530 99.5996 522.7 102.5 514.1 102.5C496.8 102.5 485.1 90.1996 485.1 70.9996V34.0996H499.7V70.1996C499.7 82.3996 506.4 89.1996 517 89.1996C523.5 89.1996 530.3 85.4996 535.7 78.6996V34.0996H550.4Z" fill="currentColor"></path>
+<path d="M591.5 90.5002C600.2 90.5002 606.1 87.7002 606.1 82.4002C606.1 78.4002 602.8 75.6002 597.2 74.6002L582.4 72.0002C572.2 70.3002 562.7 65.2002 562.7 53.1002C562.7 40.2002 573.9 32.2002 590.5 32.2002C603.4 32.2002 618.3 36.6002 619.7 54.1002H606.1C605.4 46.9002 599 44.0002 590.5 44.0002C582 44.0002 577.3 47.1002 577.3 51.8002C577.3 55.3002 579.9 58.8002 587.7 60.0002L600.2 62.0002C610.3 63.8002 620.2 68.2002 620.2 81.2002C620.2 95.3002 607.9 102.5 591.1 102.5C575.3 102.5 561.9 96.3002 560.2 78.7002L573.8 78.8002C575.3 87.0002 581.4 90.5002 591.5 90.5002Z" fill="currentColor"></path>
+<defs>
+<linearGradient id="paint0_linear_1629_188" x1="636.833" y1="97.8261" x2="713.46" y2="26.6582" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7A830"></stop>
+<stop offset="0.6353" stop-color="#F08336"></stop>
+<stop offset="1" stop-color="#EA5346"></stop>
+</linearGradient>
+</defs>
 </svg>

package/dist/collection/components/crm-bonus/assets/svg/logo.svg

@@ -1,18 +1,18 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 703 103" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M689.2 57.5004L647.1 99.6004L637.3 89.8004L679.4 47.7004H636V33.9004H695C696.9 33.9004 698.5 34.5004 699.7 35.5004C700 35.7004 700.2 35.9004 700.4 36.1004C700.6 36.3004 700.8 36.5004 700.9 36.7004V36.8004V36.9004C702 38.1004 702.7 39.8004 702.7 41.8004V43.6004V67.0004V100.7H688.9V80.8004V57.5004H689.2Z" fill="url(#paint0_linear_1629_188)"></path>
-<path d="M52.7 76.4998H67.7C65.3 91.7998 51.9 102.5 35.2 102.5C15.2 102.5 0 87.2998 0 67.3998C0 47.6998 15.2 32.2998 35.2 32.2998C51.9 32.2998 65.3 42.8998 67.7 58.2998H52.7C50.9 50.7998 44.2 45.6998 35.2 45.6998C22.9 45.6998 14.8 55.3998 14.8 67.3998C14.8 79.4998 22.9 89.0998 35.2 89.0998C44.2 89.1998 50.9 84.0998 52.7 76.4998Z" fill="currentColor"></path>
-<path d="M117.2 32.7002V46.6002C106.6 47.0002 98.5002 51.0002 92.5002 58.8002V100.8H77.7002V34.1002H92.5002V43.2002C98.6002 36.5002 107 32.7002 117.2 32.7002Z" fill="currentColor"></path>
-<path d="M237.4 62.5997V100.8H222.8V62.5997C222.8 50.7997 216.6 45.6997 207 45.6997C200.5 45.6997 194.2 48.0997 189.3 54.7997C189.7 56.8997 189.9 59.2997 189.9 61.7997V100.8H175.2V61.7997C175.2 49.9997 169 45.7997 160.3 45.7997C153.3 45.7997 147.1 48.5997 142.3 55.2997V100.9H127.5V34.1997H142.3V39.8997C147.3 35.3997 153.2 32.4997 162 32.4997C171.5 32.4997 179.2 35.7997 184.1 42.1997C190.6 35.7997 198.2 32.4997 207.9 32.4997C225.5 32.3997 237.4 42.8997 237.4 62.5997Z" fill="currentColor"></path>
-<path d="M320 67.3C320 86.9 304.8 102.5 286.1 102.5C277.6 102.5 270.3 99.9 264.8 95.5V100.8H250V0H264.8V39.2C270.3 34.9 277.6 32.4 286.1 32.4C304.8 32.4 320 48 320 67.3ZM305.2 67.3C305.2 55.5 296.3 45.7 283.9 45.7C276.5 45.7 269.7 48.1 264.7 55.1V79.7C269.7 86.7 276.5 89.2 283.9 89.2C296.3 89.2 305.2 79.2 305.2 67.3Z" fill="currentColor"></path>
-<path d="M399.2 67.5004C399.2 87.9004 384.4 102.6 363.7 102.6C343 102.6 328.2 87.9004 328.2 67.5004C328.2 47.1004 343 32.4004 363.7 32.4004C384.4 32.4004 399.2 47.0004 399.2 67.5004ZM384.4 67.5004C384.4 54.9004 375.7 45.8004 363.7 45.8004C351.7 45.8004 343 54.9004 343 67.5004C343 80.0004 351.7 89.2004 363.7 89.2004C375.7 89.2004 384.4 79.9004 384.4 67.5004Z" fill="currentColor"></path>
-<path d="M474.3 63.5997V100.8H459.5V64.4996C459.5 52.2996 453 45.7997 442.2 45.7997C435.8 45.7997 428.9 49.2996 423.6 55.8996V100.9H408.8V34.1996H423.6V40.1996C429.4 35.1996 436.7 32.4996 445.2 32.4996C462.5 32.3996 474.3 44.2997 474.3 63.5997Z" fill="currentColor"></path>
-<path d="M550.4 34.0996V100.8H535.8V94.2996C530 99.5996 522.7 102.5 514.1 102.5C496.8 102.5 485.1 90.1996 485.1 70.9996V34.0996H499.7V70.1996C499.7 82.3996 506.4 89.1996 517 89.1996C523.5 89.1996 530.3 85.4996 535.7 78.6996V34.0996H550.4Z" fill="currentColor"></path>
-<path d="M591.5 90.5002C600.2 90.5002 606.1 87.7002 606.1 82.4002C606.1 78.4002 602.8 75.6002 597.2 74.6002L582.4 72.0002C572.2 70.3002 562.7 65.2002 562.7 53.1002C562.7 40.2002 573.9 32.2002 590.5 32.2002C603.4 32.2002 618.3 36.6002 619.7 54.1002H606.1C605.4 46.9002 599 44.0002 590.5 44.0002C582 44.0002 577.3 47.1002 577.3 51.8002C577.3 55.3002 579.9 58.8002 587.7 60.0002L600.2 62.0002C610.3 63.8002 620.2 68.2002 620.2 81.2002C620.2 95.3002 607.9 102.5 591.1 102.5C575.3 102.5 561.9 96.3002 560.2 78.7002L573.8 78.8002C575.3 87.0002 581.4 90.5002 591.5 90.5002Z" fill="currentColor"></path>
-<defs>
-<linearGradient id="paint0_linear_1629_188" x1="636.833" y1="97.8261" x2="713.46" y2="26.6582" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F7A830"></stop>
-<stop offset="0.6353" stop-color="#F08336"></stop>
-<stop offset="1" stop-color="#EA5346"></stop>
-</linearGradient>
-</defs>
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 703 103" fill="none" preserveAspectRatio="xMidYMid meet" aria-hidden="true" role="img">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M689.2 57.5004L647.1 99.6004L637.3 89.8004L679.4 47.7004H636V33.9004H695C696.9 33.9004 698.5 34.5004 699.7 35.5004C700 35.7004 700.2 35.9004 700.4 36.1004C700.6 36.3004 700.8 36.5004 700.9 36.7004V36.8004V36.9004C702 38.1004 702.7 39.8004 702.7 41.8004V43.6004V67.0004V100.7H688.9V80.8004V57.5004H689.2Z" fill="url(#paint0_linear_1629_188)"></path>
+<path d="M52.7 76.4998H67.7C65.3 91.7998 51.9 102.5 35.2 102.5C15.2 102.5 0 87.2998 0 67.3998C0 47.6998 15.2 32.2998 35.2 32.2998C51.9 32.2998 65.3 42.8998 67.7 58.2998H52.7C50.9 50.7998 44.2 45.6998 35.2 45.6998C22.9 45.6998 14.8 55.3998 14.8 67.3998C14.8 79.4998 22.9 89.0998 35.2 89.0998C44.2 89.1998 50.9 84.0998 52.7 76.4998Z" fill="currentColor"></path>
+<path d="M117.2 32.7002V46.6002C106.6 47.0002 98.5002 51.0002 92.5002 58.8002V100.8H77.7002V34.1002H92.5002V43.2002C98.6002 36.5002 107 32.7002 117.2 32.7002Z" fill="currentColor"></path>
+<path d="M237.4 62.5997V100.8H222.8V62.5997C222.8 50.7997 216.6 45.6997 207 45.6997C200.5 45.6997 194.2 48.0997 189.3 54.7997C189.7 56.8997 189.9 59.2997 189.9 61.7997V100.8H175.2V61.7997C175.2 49.9997 169 45.7997 160.3 45.7997C153.3 45.7997 147.1 48.5997 142.3 55.2997V100.9H127.5V34.1997H142.3V39.8997C147.3 35.3997 153.2 32.4997 162 32.4997C171.5 32.4997 179.2 35.7997 184.1 42.1997C190.6 35.7997 198.2 32.4997 207.9 32.4997C225.5 32.3997 237.4 42.8997 237.4 62.5997Z" fill="currentColor"></path>
+<path d="M320 67.3C320 86.9 304.8 102.5 286.1 102.5C277.6 102.5 270.3 99.9 264.8 95.5V100.8H250V0H264.8V39.2C270.3 34.9 277.6 32.4 286.1 32.4C304.8 32.4 320 48 320 67.3ZM305.2 67.3C305.2 55.5 296.3 45.7 283.9 45.7C276.5 45.7 269.7 48.1 264.7 55.1V79.7C269.7 86.7 276.5 89.2 283.9 89.2C296.3 89.2 305.2 79.2 305.2 67.3Z" fill="currentColor"></path>
+<path d="M399.2 67.5004C399.2 87.9004 384.4 102.6 363.7 102.6C343 102.6 328.2 87.9004 328.2 67.5004C328.2 47.1004 343 32.4004 363.7 32.4004C384.4 32.4004 399.2 47.0004 399.2 67.5004ZM384.4 67.5004C384.4 54.9004 375.7 45.8004 363.7 45.8004C351.7 45.8004 343 54.9004 343 67.5004C343 80.0004 351.7 89.2004 363.7 89.2004C375.7 89.2004 384.4 79.9004 384.4 67.5004Z" fill="currentColor"></path>
+<path d="M474.3 63.5997V100.8H459.5V64.4996C459.5 52.2996 453 45.7997 442.2 45.7997C435.8 45.7997 428.9 49.2996 423.6 55.8996V100.9H408.8V34.1996H423.6V40.1996C429.4 35.1996 436.7 32.4996 445.2 32.4996C462.5 32.3996 474.3 44.2997 474.3 63.5997Z" fill="currentColor"></path>
+<path d="M550.4 34.0996V100.8H535.8V94.2996C530 99.5996 522.7 102.5 514.1 102.5C496.8 102.5 485.1 90.1996 485.1 70.9996V34.0996H499.7V70.1996C499.7 82.3996 506.4 89.1996 517 89.1996C523.5 89.1996 530.3 85.4996 535.7 78.6996V34.0996H550.4Z" fill="currentColor"></path>
+<path d="M591.5 90.5002C600.2 90.5002 606.1 87.7002 606.1 82.4002C606.1 78.4002 602.8 75.6002 597.2 74.6002L582.4 72.0002C572.2 70.3002 562.7 65.2002 562.7 53.1002C562.7 40.2002 573.9 32.2002 590.5 32.2002C603.4 32.2002 618.3 36.6002 619.7 54.1002H606.1C605.4 46.9002 599 44.0002 590.5 44.0002C582 44.0002 577.3 47.1002 577.3 51.8002C577.3 55.3002 579.9 58.8002 587.7 60.0002L600.2 62.0002C610.3 63.8002 620.2 68.2002 620.2 81.2002C620.2 95.3002 607.9 102.5 591.1 102.5C575.3 102.5 561.9 96.3002 560.2 78.7002L573.8 78.8002C575.3 87.0002 581.4 90.5002 591.5 90.5002Z" fill="currentColor"></path>
+<defs>
+<linearGradient id="paint0_linear_1629_188" x1="636.833" y1="97.8261" x2="713.46" y2="26.6582" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7A830"></stop>
+<stop offset="0.6353" stop-color="#F08336"></stop>
+<stop offset="1" stop-color="#EA5346"></stop>
+</linearGradient>
+</defs>
 </svg>

package/dist/collection/components/crm-bonus/crm-bonus.css

@@ -1,83 +1,87 @@
-
-.container-button {
-  /* max-width: 100%; */
-  cursor: pointer;
-  padding: 5px 5px 5px 14px;
-  /* display: flex; */
-}
-
-/* padding: 0 15px 15px;
-border: 1px solid #ddd;
-margin-bottom: 20px; */
-
-.section-crm {
-  border: 1px solid #dbd4d4;
-  /* min-height: 50px; */
-  text-align: -webkit-center;
-  margin-bottom: 20px;
-}
-
-.section-cart-crm {
-  margin-top: 10px;
-}
-
-.section-cart-crm p {
-  padding: 0;
-  margin: 0px 0px 0px 15px;
-}
-
-.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;
-  margin-left: 10px;
-  height: 70px;
-}
-
-.form-container {
-  width: 97%;
-  display: flex;
-  justify-content: space-around;
-}
-
-
-.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;
-}
-
-.form-container .btnCrm {
-  background: #00162e;
-  border-color: #00162e;
-  width: 30%;
-  color: #fff;
-}
-
-.message-alert {
-  color: #df4d4d;
-  margin-top: 5px;
+
+.container-button {
+  /* max-width: 100%; */
+  cursor: pointer;
+  padding: 5px 5px 5px 14px;
+  /* display: flex; */
+}
+
+/* padding: 0 15px 15px;
+border: 1px solid #ddd;
+margin-bottom: 20px; */
+
+.section-crm {
+  border: 1px solid #dbd4d4;
+  /* min-height: 50px; */
+  text-align: -webkit-center;
+  margin-bottom: 20px;
+}
+
+.section-cart-crm {
+  margin-top: 10px;
+}
+
+.section-cart-crm p {
+  padding: 0;
+  margin: 0px 0px 0px 15px;
+}
+
+.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;
+  margin-left: 10px;
+  height: 70px;
+}
+
+.form-container {
+  width: 97%;
+  display: flex;
+  justify-content: space-around;
+}
+
+
+.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;
+}
+
+.form-container .btnCrm {
+  background: #00162e;
+  border-color: #00162e;
+  width: 30%;
+  color: #fff;
+}
+
+.message-alert {
+  color: #df4d4d;
+  margin-top: 5px;
+}
+
+.empty-container {
+  min-height: 150px;
 }

package/dist/collection/components/crm-bonus/crm-bonus.js

@@ -3,7 +3,7 @@ import { CrmBonusService } from "../../services/crmbonus.service";
 import { defaultStyles, StepFormEnum } from "../../contants";
 import i18next from "../../i18n/i18n";
 import { buildProductsByWake } from "../../helpers/build.payload.helper";
-import { getCart, getInfoBonusByCartIdAndStoreName } from "../../helpers/cart.helper";
+import { getCartStoreFront, getInfoBonusByCartIdAndStoreName } from "../../helpers/cart.helper";
 import { CartWake } from "../../objectvalues/cart.wake";
 import { USED_KEY } from "../../utils/keys.storage";
 export class CrmBonus {
@@ -55,7 +55,7 @@ export class CrmBonus {
             const isUse = localStorage.getItem(USED_KEY);
             if (!isUse)
                 return;
-            this.cartWake = await getCart();
+            this.cartWake = await getCartStoreFront();
             await this.resetBonus();
         }
         catch (err) {
@@ -107,16 +107,23 @@ export class CrmBonus {
     async observerHandle() {
         const elements = document.getElementsByTagName('a');
         document.addEventListener('click', (event) => {
+            var _a, _b, _c;
             //@ts-ignore
             console.log('Clique detectado em:', event.target.href);
+            //@ts-ignore
+            console.log('Clique detectado em:', event.target.id);
             console.log('Clique detectado em:', event.target);
             //@ts-ignore
-            if (['validarCupom'].includes(event.target.id)) {
+            if (['validarCupom', 'removerCupomCarrinho'].includes(event.target.id)) {
                 setTimeout(async () => {
                     await this.reprocess();
                     this.observerHandle();
                 }, 2000);
             }
+            //@ts-ignore
+            if (['crm_label'].includes(event.target.id)) {
+                this.crmBonusService.saveTracking((_a = this.cartWake) === null || _a === void 0 ? void 0 : _a.id, { action: 'click_label', storeName: (_c = (_b = this.cartWake) === null || _b === void 0 ? void 0 : _b.store) === null || _c === void 0 ? void 0 : _c.name });
+            }
         });
         //@ts-ignore
         for (let el of elements) {
@@ -181,8 +188,8 @@ export class CrmBonus {
         }
     }
     async loadSession() {
-        this.cartWake = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();
-        console.log('[bc:carregou carrinho]');
+        this.cartWake = this.cart ? CartWake.fromCheckout(JSON.parse(this.cart)) : await getCartStoreFront();
+        console.log('[bc:carregou carrinho]', this.cartWake);
         this.session = await this.crmBonusService.getToken(this.cartWake.store.name);
         console.log('[bc:carregou session]');
         setTimeout(() => {
@@ -244,7 +251,8 @@ export class CrmBonus {
         }
     }
     buildProducts() {
-        return buildProductsByWake(this.cartWake.products);
+        var _a;
+        return buildProductsByWake(((_a = this.cartWake) === null || _a === void 0 ? void 0 : _a.products) || []);
     }
     handleCloseModal() {
         this.showModal = false;
@@ -285,10 +293,11 @@ export class CrmBonus {
         this.showModal = true;
     }
     render() {
+        var _a, _b;
         if (this.canhidden) {
             return null;
         }
-        return (h("loading-container", { loading: this.loading_reprocess, text: 'carregando...' }, !this.loading_reprocess && (h("crm-giftback-form", { customStyles: this.styles, style: { position: "relative" }, ref: ref => this.crmBonusRef = ref, storeName: this.cartWake.store.name, products: this.buildProducts(), cartId: this.cartWake.id, customer: this.customer, loadProducts: () => this.buildProducts(), loadAll: () => this.handleLoad(), reservedInfo: this.reservedInfo }))));
+        return (h("loading-container", { loading: this.loading_reprocess, text: 'carregando...' }, this.loading_reprocess && h("div", { class: "empty-container" }), !this.loading_reprocess && this.cartWake && (h("crm-giftback-form", { customStyles: this.styles, style: { position: "relative" }, ref: ref => this.crmBonusRef = ref, storeName: (_b = (_a = this.cartWake) === null || _a === void 0 ? void 0 : _a.store) === null || _b === void 0 ? void 0 : _b.name, products: this.buildProducts(), cartId: this.cartWake.id, customer: this.customer, loadProducts: () => this.buildProducts(), loadAll: () => this.handleLoad(), reservedInfo: this.reservedInfo }))));
     }
     static get is() { return "crm-bonus"; }
     static get encapsulation() { return "shadow"; }