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

package/dist/components/p-6aa17c2b.js.map

@@ -0,0 +1 @@
+{"file":"p-6aa17c2b.js","mappings":"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","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}\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    flex-wrap: wrap;\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-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    font-size: .875rem;\n    line-height: 1.25rem;\n    \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        localStorage.removeItem(\"bc:resend\")\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        localStorage.removeItem(\"bc:resend\")\n        this.canResend = true;\n    }\n\n    async handleResend() {\n        await this.resend();\n\n        this.canResend = false;\n        this.pin = ['', '', '', ''];\n        localStorage.removeItem(\"bc:resend\")\n    }\n\n    buildTime() {\n        const resendDate = localStorage.getItem(\"bc:resend\");\n\n        if(resendDate) {\n            return resendDate;\n        }\n\n        const date = new Date();\n        date.setSeconds(date.getSeconds() + 30);\n        localStorage.setItem(\"bc:resend\", date.toString());\n\n        return date.toString();\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 \n                            <countdown-timer minutos={0} segundos={30} dataCriacao={this.buildTime()} 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}

package/dist/components/{p-c250687d.js → p-80a69118.js}

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
-import { d as defineCustomElement$1 } from './p-786485b2.js';
+import { p as proxyCustomElement, H, h } from './p-f58c9cb2.js';
+import { d as defineCustomElement$1 } from './p-39bd2459.js';
 
 const crmButtonCss = "input,button{margin:0;padding:10px;}.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;line-height:20px;font-weight:500;cursor:pointer}";
 const CrmButtonStyle0 = crmButtonCss;
@@ -13,7 +13,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends H {
         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 style() { return CrmButtonStyle0; }
 }, [0, "crm-button", {
@@ -43,4 +43,4 @@ defineCustomElement();
 
 export { Button as B, defineCustomElement as d };
 
-//# sourceMappingURL=p-c250687d.js.map
+//# sourceMappingURL=p-80a69118.js.map

package/dist/components/p-80a69118.js.map

@@ -0,0 +1 @@
+{"file":"p-80a69118.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,8OAA8O,CAAC;AACpQ,wBAAe,YAAY;;MCKd,MAAM;;;;;;;;IAOf,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,qBAAqB,IAC5B,+DAAQ,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAEpD,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEzE,CACP,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button/crm-button.css?tag=crm-button","src/components/button/index.tsx"],"sourcesContent":["input, button {\n    margin: 0;\n    padding: 10px; /* Ajuste o valor conforme necessário */\n}\n\n.crm-contaner-button {\n    height: auto;\n    width: auto;\n}\n\n.crm-button {\n    height: 48px;\n    width: 100%;\n    border: 1px solid #000;\n    padding: 14px 20px;\n    background-color: #000;\n    color: #fff;\n    /* font-size: 14px; */\n    line-height: 20px;\n    font-weight: 500;\n    cursor: pointer;\n}","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}"],"version":3}