crmbonus-component-wake 2.0.81 → 2.0.83

package/dist/crmbonus-component-wake/p-7fbf47fc.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i}from"./p-24616d67.js";import{i as o}from"./p-fb505488.js";import{U as n}from"./p-89c5ef5a.js";const a=class{constructor(t){e(this,t);this.downtime=undefined;this.counter=30}componentWillLoad(){this.intervalId=setInterval((()=>{if(this.counter>0){this.counter--}else{clearInterval(this.intervalId);this.downtime()}}),1e3)}disconnectedCallback(){clearInterval(this.intervalId)}render(){return t("label",{key:"6313656b73bec34e3e4e5099c2bd7633e025588e"},this.counter,"s")}};const r=":host{--text-color:#6D6D5F}.giftback-container{display:flex;flex-direction:column;gap:14px}h3{font-size:1.2rem;margin-bottom:8px;color:#333}.container-description p{font-size:14px;font-weight:400}p{font-size:12px;color:#000}.value-display h2{color:#6D6D5F;font-size:1.6rem;margin:16px 0}input[type='range']{width:100%;margin:12px 0;-webkit-appearance:none;background:#ddd;height:4px;border-radius:4px;outline:none;padding:3px 0px 3px 3px}input[type=\"range\"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:rgb(109, 109, 95);border-radius:50%;cursor:pointer}.options{margin:0px 0;display:flex;gap:10px;flex-direction:column}.options label{display:block;margin:0px 0;font-size:0.9rem;color:#333}.options input[type='radio']{margin-right:8px;height:16px;width:16px}.options input[type='radio']{appearance:none;-webkit-appearance:none;margin-right:8px;width:16px;height:16px;border:2px solid #ddd;border-radius:50%;background-color:#fff;cursor:pointer;transition:all 0.3s;padding:0px}.options input[type='radio']:checked{border-color:#000;background-color:#FAFAFA;border:4px solid #000}.info-box{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:8px;font-size:14px;color:#262626;line-height:20px}.info-icon{font-size:0.9rem;cursor:pointer;color:#888}h3{font-size:1.2rem;margin-bottom:8px;color:#333}.slider-wrapper{position:relative;margin:21px 0px 0px 0px}.slider{width:100%;-webkit-appearance:none;background:#ddd;height:4px;border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-color);border-radius:50%;cursor:pointer}.slider-value{position:absolute;top:-30px;font-size:16px;font-weight:700;color:var(--text-color);transform:translateX(-50%);white-space:nowrap;}";const s=r;const d=class{constructor(t){e(this,t);this.usedValue=0;this.selectedOption="none";this.loading=false;this.bonus={totalBonus:0,cartId:"",minimumPurchase:0,bonusBalance:0,calculatedValue:0,firstValidityDate:"",totalValue:0};this.reserve=undefined;this.cancel=undefined;this.sliderPosition=50}changedBonus(){this.updateBonus()}updateBonus(){this.usedValue=parseFloat(this.bonus.bonusBalance.toString());this.buildPositionSlider(0,this.bonus.totalBonus)}componentWillLoad(){this.updateBonus();this.selectedOption=localStorage.getItem("bc:used")}handleSliderChange(e){const t=e.target;this.usedValue=parseFloat(t.value);this.buildPositionSlider(parseFloat(t.min),parseFloat(t.max))}buildPositionSlider(e,t){const i=(this.usedValue-e)/(t-e)*100;this.sliderPosition=i}async handleOptionChange(e){this.selectedOption=e;localStorage.setItem(n,e);switch(this.selectedOption){case"use":await this.reserve(this.usedValue);break;case"dontUse":await this.cancel();break}}render(){const e=this.bonus.minimumPurchase-this.bonus.totalValue;const i=o.t("giftDescription",{amount:`${this.bonus.totalBonus.toFixed(2).replace(".",",")}`,custom_name:"Giftback"});return t("div",{key:"aefc2c17a4513a5a61a80de824f81abe256f68d3",class:"giftback-container"},t("div",{key:"ad7e9a109314a97c76a110a0da6d0b42aa8c525f",class:"container-description"},t("p",{key:"83d6030d9e8d84e7b47e1bf4cad1273a9cb8960e",innerHTML:i})),t("div",{key:"c305b50bffb44e32a368e49b1fd08e7a09e4dcb8",class:"slider-wrapper"},t("div",{key:"b253997e071ef51093e65c62ed82f5707dd43c41",class:"slider-value",style:{left:`calc(${this.sliderPosition}% - 20px)`,"margin-left":this.usedValue<10?"26px":"0px"}},"R$ ",this.usedValue.toFixed(2).replace(".",",")),t("input",{key:"dfc15ff88b37ca93823590ff7804b477a3b3e3c3",disabled:true,type:"range",min:"0",max:this.bonus.totalBonus,value:this.usedValue,class:"slider",step:"0.01",onInput:e=>this.handleSliderChange(e),style:{background:`linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`}})),t("p",{key:"b519527612036202658ab23b042e9525d52a6f3b"},"Adicione ",t("strong",{key:"50e7e3cf3709f109998458e12f9ae9282e9e8f98"},"R$ ",e<0?"0,00":e.toFixed(2).replace(".",","))," ao carrinho para atingir o valor máximo!"),t("div",{key:"16bb02d466c45c7810180266f67db07d40766489",class:"options"},t("label",{key:"20621d8e7601a902880f6ad7fe861182bdc78460"},t("input",{key:"54f6d3c1f5faac3a32fc5c76369e40380395a5e3",type:"radio",name:"giftbackOption",value:"use",checked:this.selectedOption==="use",onChange:()=>this.handleOptionChange("use")}),"Usar o meu Giftback"),t("label",{key:"c1f6addc20dbda629409bd364ba94f50ac3d1c09"},t("input",{key:"40b221fac93b2c3ea388990778a5e5f958e34ea8",type:"radio",name:"giftbackOption",value:"dontUse",checked:this.selectedOption==="dontUse",onChange:()=>this.handleOptionChange("dontUse")}),"Não usar o meu Giftback")),t("div",{key:"94ca150f2f88fb49bf0e8b6d0216135fe036c8e9",class:"info-box"},"O Giftback será aplicado na próxima etapa."))}static get watchers(){return{bonus:["changedBonus"]}}};d.style=s;const c="*{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)}.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 p=c;const l=class{constructor(t){e(this,t);this.value=undefined;this.loading=undefined;this.handlerSubmit=undefined;this.config=undefined}async handlePhone(){const e=await this.phoneInputMask.getPhone();await this.handlerSubmit(e)}render(){var e;return t(i,{key:"e9d7a5291b33b478b70fe5d2047764119da1da05",class:"crm-phone-form"},t("label",{key:"b8ec0e468c2a59258edeec123654300b17795ef1",class:"crm-subtitle"},"Digite o seu celular para verificar se há desconto disponível nessa compra"),t("phone-input-mask",{key:"cdd2086ea2041a7cff6d2547ada050187ecc5782",initialValue:this.value,ref:e=>this.phoneInputMask=e}),t("crm-button",{key:"7342514efb50657e7231ef312162fa20831c3ded",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.handlePhone()}))}};l.style=p;const f=":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}input{width:40px;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 h=f;const b="*{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)}.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 x=b;const m=class{constructor(t){e(this,t);this.validate=undefined;this.cancel=undefined;this.resend=undefined;this.sent=undefined;this.loading=false;this.phone=undefined;this.config=undefined;this.pin=["","","",""];this.isVerified=false;this.canResend=false}componentWillLoad(){this.canResend=false}handleInput(e,t){const i=e.target;const o=i.value.slice(0,1);this.pin[t]=o;if(o&&t<this.pin.length-1){const e=i.nextElementSibling;e===null||e===void 0?void 0:e.focus()}this.pin=[...this.pin]}validatePin(){this.validate(this.pin.join(""))}verifyPin(){const e=this.pin.join("");if(e==="9999"){this.isVerified=true}}handleTimeout(){this.canResend=true}async handleResend(){await this.resend();this.canResend=false;this.pin=["","","",""]}render(){var e;return t("div",{key:"767d23f4116f50eff85dee75caf93b9138e915f7",class:"crm-phone-form"},t("label",{key:"56eb285a2fde3f209e86834dacf265801d6778dd",class:"crm-subtitle"},o.t("pin-sutitle")," ",t("strong",{key:"f0494fa3fb8c0a389e60f47b1569db8b58c0f59d"},"+55 ",this.phone)),t("div",{key:"472f69c00dc6329b9086c82e858eb3739da2de5a",class:"pin-container"},this.pin.map(((e,i)=>t("input",{type:"text",maxLength:1,value:this.pin[i],onInput:e=>this.handleInput(e,i)})))),t("slot",{key:"31ed7ad3ca6c681c441ff8f09c2af2df1fcb4cb8"}),t("p",{key:"1fcdf997ba9926744eb64add8eb0d82ee4bee8d2",class:"crm-description"}," Não recebeu?",!this.canResend&&t("label",{key:"6d92a595bf2f1d8018c7a283302548b9f1338c8e"}," Reenviar em ",t("countdown-timer",{key:"b8164b1345e1b7f2ccced338cc0940f0245f89e4",downtime:()=>this.handleTimeout()})," "),this.canResend&&t("div",{key:"144fe92ebea77099ab9eb089a2c1239dfe88ffd0"},t("a",{key:"fb817a1bd4ee194d01656f52c61eaad2f00e1019",onClick:()=>this.handleResend()},"Reenviar"),t("a",{key:"cff8f476dd0fdd64831db02ef5cb4ddba1919aae",onClick:()=>this.cancel()},"Trocar número"))),t("crm-button",{key:"1c11adbe0b480b9d460f87103d690f66b9a06299",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.validatePin()}))}};m.style=h+x;export{a as countdown_timer,d as giftback_info,l as phone_form,m as pin_form};
-//# sourceMappingURL=p-7fbf47fc.entry.js.map

package/dist/crmbonus-component-wake/p-7fbf47fc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CountdownTimer","componentWillLoad","this","intervalId","setInterval","counter","clearInterval","downtime","disconnectedCallback","render","h","key","giftbackInfoCss","GiftbackInfoStyle0","GiftbackInfo","totalBonus","cartId","minimumPurchase","bonusBalance","calculatedValue","firstValidityDate","totalValue","changedBonus","updateBonus","usedValue","parseFloat","bonus","toString","buildPositionSlider","selectedOption","localStorage","getItem","handleSliderChange","event","input","target","value","min","max","percentage","sliderPosition","handleOptionChange","option","setItem","USED_KEY","reserve","cancel","remainingGiftback","translateDescription","i18next","t","amount","toFixed","replace","custom_name","class","innerHTML","style","left","disabled","type","step","onInput","background","name","checked","onChange","giftbackFormCss","PhoneFormStyle0","PhoneForm","handlePhone","phone","phoneInputMask","getPhone","handlerSubmit","Host","initialValue","ref","txtBtn","_a","config","btnApplyBonusLabel","loading","handleClick","pinFormCss","PinFormStyle0","PinFormStyle1","GiftbackPin","canResend","handleInput","index","slice","pin","length","nextInput","nextElementSibling","focus","validatePin","validate","join","verifyPin","pinCode","isVerified","handleTimeout","handleResend","resend","map","_","maxLength","onClick"],"sources":["src/components/countdown-timer/countdown-timer.tsx","src/components/giftback-form/subcomponents/giftback-info/giftback-info.css?tag=giftback-info","src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx","src/components/giftback-form/giftback-form.css?tag=phone-form","src/components/giftback-form/subcomponents/phone-form/phone-form.tsx","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":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'countdown-timer',\n    shadow: true,\n})\nexport class CountdownTimer {\n\n    @Prop() downtime: () => void;\n\n    @State() counter: number = 30;\n    private intervalId: NodeJS.Timer;\n\n    componentWillLoad() {\n        this.intervalId = setInterval(() => {\n            if (this.counter > 0) {\n                this.counter--;\n            } else {\n                clearInterval(this.intervalId);\n\n                this.downtime()\n            }\n        }, 1000); // Intervalo de 1 segundo\n    }\n\n    disconnectedCallback() {\n        clearInterval(this.intervalId);\n    }\n\n    render() {\n        return (\n            <label>{this.counter}s</label>\n        );\n    }\n}\n",":host {\n    --text-color: #6D6D5F\n}\n\n.giftback-container {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}\n\nh3 {\n    font-size: 1.2rem;\n    margin-bottom: 8px;\n    color: #333;\n}\n\n.container-description p {\n    font-size: 14px;\n    font-weight: 400;\n}\n\n\np {\n    font-size: 12px;\n    color: #000;\n}\n\n.value-display h2 {\n    color: #6D6D5F;\n    /* Verde para o valor atual */\n    font-size: 1.6rem;\n    margin: 16px 0;\n}\n\ninput[type='range'] {\n    width: 100%;\n    margin: 12px 0;\n    -webkit-appearance: none;\n    background: #ddd;\n    height: 4px;\n    border-radius: 4px;\n    outline: none;\n    padding: 3px 0px 3px 3px;\n}\n\n/* input[type='range']::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    background: var(--text-color);\n    border-radius: 50%;\n    cursor: pointer;\n} */\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    background: rgb(109, 109, 95);\n    /* Cor do botão */\n    border-radius: 50%;\n    cursor: pointer;\n}\n\n.options {\n    margin: 0px 0;\n    display: flex;\n    gap: 10px;\n    flex-direction: column;\n}\n\n.options label {\n    display: block;\n    margin: 0px 0;\n    font-size: 0.9rem;\n    color: #333;\n}\n\n.options input[type='radio'] {\n    margin-right: 8px;\n    height: 16px;\n    width: 16px;\n}\n\n.options input[type='radio'] {\n    appearance: none;\n    -webkit-appearance: none;\n    margin-right: 8px;\n    width: 16px;\n    height: 16px;\n    border: 2px solid #ddd;\n    border-radius: 50%;\n    background-color: #fff;\n    cursor: pointer;\n    transition: all 0.3s;\n    padding: 0px;\n}\n\n.options input[type='radio']:checked {\n    border-color: #000;\n    background-color: #FAFAFA;\n    border: 4px solid #000;\n}\n\n.info-box {\n    background-color: #f9f9f9;\n    border: 1px solid #e0e0e0;\n    border-radius: 4px;\n    padding: 8px;\n    font-size: 14px;\n    color: #262626;\n    line-height: 20px;\n}\n\n.info-icon {\n    font-size: 0.9rem;\n    cursor: pointer;\n    color: #888;\n}\n\nh3 {\n    font-size: 1.2rem;\n    margin-bottom: 8px;\n    color: #333;\n}\n\n.slider-wrapper {\n    position: relative;\n    margin: 21px 0px 0px 0px;\n}\n\n.slider {\n    width: 100%;\n    -webkit-appearance: none;\n    background: #ddd;\n    height: 4px;\n    border-radius: 2px;\n    outline: none;\n}\n\n.slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    background: var(--text-color);\n    /* Azul para o slider */\n    border-radius: 50%;\n    cursor: pointer;\n}\n\n.slider-value {\n    position: absolute;\n    top: -30px;\n    /* Posição acima do slider */\n    font-size: 16px;\n    font-weight: 700;\n    color: var(--text-color);\n    /* Verde para o texto */\n    transform: translateX(-50%);\n    white-space: nowrap;\n    /* margin-left: 23px; */\n}","import { Component, Prop, State, Watch, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\nimport { USED_KEY } from \"../../../../utils/keys.storage\";\n\n@Component({\n    tag: 'giftback-info',\n    styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n    @State() usedValue: number = 0;\n    @State() selectedOption: string = 'none';\n\n    @Prop() loading: boolean = false;\n    @Prop() bonus: Partial<IBonus> = {\n        totalBonus: 0,\n        cartId: \"\",\n        minimumPurchase: 0,\n        bonusBalance: 0,\n        calculatedValue: 0,\n        firstValidityDate: \"\",\n        totalValue: 0\n    };\n    @Prop() reserve: (amountRedeemed: number) => void;\n    @Prop() cancel: () => void;\n\n    @State() sliderPosition: number = 50;\n\n    @Watch(\"bonus\") \n    changedBonus() {\n        this.updateBonus()\n    }\n\n    private updateBonus() {\n        this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n        this.buildPositionSlider(0, this.bonus.totalBonus);\n    }\n\n    componentWillLoad() {\n        this.updateBonus();\n        this.selectedOption = localStorage.getItem(\"bc:used\");\n    }\n\n    handleSliderChange(event: Event) {\n        const input = event.target as HTMLInputElement;\n        this.usedValue = parseFloat(input.value);\n\n        // Calculando a posição do texto com base no valor do slider\n        // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n        // this.sliderPosition = percentage;\n\n        this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\n    }\n\n\n    private buildPositionSlider(min:number, max: number) {\n        // Calculando a posição do texto com base no valor do slider\n        const percentage = ((this.usedValue - min) / (max - min)) * 100;\n        this.sliderPosition = percentage;\n    }\n\n    async handleOptionChange(option: string) {\n        this.selectedOption = option;\n        localStorage.setItem(USED_KEY, option)\n        switch (this.selectedOption) {\n            case 'use':\n                await this.reserve(this.usedValue)\n                break;\n            case 'dontUse':\n                await this.cancel()\n                break;\n            default:\n        }\n    }\n    render() {\n        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n        const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n\n        return (\n\n            <div class=\"giftback-container\">\n                <div class=\"container-description\">\n                    <p innerHTML={translateDescription}></p>\n                </div>\n                <div class=\"slider-wrapper\">\n                    <div\n                        class=\"slider-value\"\n                        style={{\n                            left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n                            \"margin-left\": this.usedValue < 10 ? \"26px\" : \"0px\"\n                        }}\n                    >\n                        R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n                    </div>\n                    <input\n                        disabled\n                        type=\"range\"\n                        min=\"0\"\n                        max={this.bonus.totalBonus}\n                        value={this.usedValue}\n                        class=\"slider\"\n                        step=\"0.01\"\n                        onInput={(event) => this.handleSliderChange(event)}\n                        style={{\n                            background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n                        }}\n                    />\n                </div>\n                <p>\n                    Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n                    máximo!\n                </p>\n                <div class=\"options\">\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"use\"\n                            checked={this.selectedOption === 'use'}\n                            onChange={() => this.handleOptionChange('use')}\n                        />\n                        Usar o meu Giftback\n                    </label>\n                    <label>\n                        <input\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"dontUse\"\n                            checked={this.selectedOption === 'dontUse'}\n                            onChange={() => this.handleOptionChange('dontUse')}\n                        />\n                        Não usar o meu Giftback\n                    </label>\n                </div>\n                <div class=\"info-box\">\n                    O Giftback será aplicado na próxima etapa.\n                </div>\n            </div>\n        );\n    }\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}\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}",":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\ninput {\n    width: 40px;\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}\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 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"],"mappings":"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","ignoreList":[]}

package/dist/crmbonus-component-wake/p-89c5ef5a.js

@@ -1,2 +0,0 @@
-const s=s=>`bc:reserve${s}`;const c="@BYCODERS_KEY";const a="bc:used";const e=s=>`bc:${s}`;export{c as B,a as U,s as a,e as g};
-//# sourceMappingURL=p-89c5ef5a.js.map

package/dist/crmbonus-component-wake/p-dc3e1c29.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["moneyDollarsSvgrepoComSvg","crmBonusNoteCss","CrmBonusNoteStyle0","CrmBonusNote","componentWillLoad","this","upadateCheckToFreteAndGetUrl","config","getInfoCustomization","storename","envios","document","getElementsByName","forEach","envio","checked","url","window","location","origin","handleHide","amount","localStorage","getItem","cartId","getAmount","console","log","Number","toFixed","replace","handleCancel","CrmBonusService","getInstance","cancelBonus","href","removeItem","getKeyReserveByCartId","render","h","key","class","src","money","width","giftbackTitle","onClick"],"sources":["src/assets/svg/money-dollars-svgrepo-com.svg","src/components/note/crm-bonus-note.css?tag=crm-bonus-note","src/components/note/crm-bonus-note.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\r\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#000000\" stroke-width=\"2\"/>\r\n<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\"/>\r\n<path d=\"M12 7V17\" stroke=\"#000000\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>",".note-container {\n    border: 1px solid #dddddd;\n    padding: 0 15px 15px;\n    margin: 0 0 26px 0px;\n}\n\n.note-container hr {\n    border: 1px solid #CCC;\n}\n\n.note-container .back-cart {\n    display: flex;\n    text-align: center;\n}\n\n.note-header {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n}\n\n.note-title {\n    font-weight: 700;\n    text-align: left;\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    margin-top: 11px;\n    color: #000;\n}\n\n.note-description {\n    font-family: Arial;\n    color: #6d6d5f;\n    padding: 0;\n    margin: 0 auto;\n}\n\n.back-cart {\n    font-size: .9em;\n    color: #27272A;\n    text-decoration: none;\n    cursor: pointer;\n    margin-top: 11px;\n}\n\n.note-description-2 {\n    color: var(--crm-scheme-fg-main-inverse, #262626);\n    font-family: Roboto;\n    font-size: var(--crm-font-size-body-lg, 16px);\n    font-style: normal;\n    font-weight: var(--crm-font-weight-body-bold, 400);\n    line-height: var(--crm-line-height-body-md, 20px);\n    letter-spacing: var(--crm-letter-spacing-title-md, 0px);\n    margin-top: 11px;\n    color: #000;\n}\n\n.note-description-not {\n    font-size: 16px;\n}","import { Component, Prop, State, h } from \"@stencil/core\";\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\n\nimport money from '../../assets/svg/money-dollars-svgrepo-com.svg'\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { getKeyReserveByCartId } from \"../../utils/keys.storage\";\n\n@Component({\n    tag: 'crm-bonus-note',\n    styleUrl: 'crm-bonus-note.css'\n})\nexport class CrmBonusNote {\n\n    @Prop({ attribute: 'cartid' }) cartId;\n    @Prop({ attribute: \"storename\" }) storename;\n\n    @State() url: string;\n    @State() config: IInfoStore;\n\n    componentWillLoad() {\n        this.upadateCheckToFreteAndGetUrl()\n    }\n\n    upadateCheckToFreteAndGetUrl() {\n\n        this.config = getInfoCustomization(this.storename);\n        const envios = document.getElementsByName('forma-envio');\n        envios.forEach((envio: any) => {\n            envio.checked = false;\n        });\n\n        this.url = window.location.origin;\n    }\n\n    handleHide() {\n        const amount = localStorage.getItem(this.cartId);\n        return !!amount;\n    }\n\n    getAmount() {\n        const amount = localStorage.getItem(this.cartId);\n\n        console.log('amount', amount)\n\n        return Number(amount).toFixed(2).replace(\".\", \",\") || \"0,00\"\n    }\n\n    async handleCancel() {\n        await CrmBonusService.getInstance().cancelBonus(this.cartId, this.storename);\n        window.location.href = this.url;\n\n        localStorage.removeItem(getKeyReserveByCartId(this.cartId));\n    }\n\n    render() {\n\n        return (\n            <div>\n                <div class=\"note-container\">\n                    <div class=\"note-header\">\n\n                        <p class=\"note-title\">\n                            <img src={money} width={23} />\n                            {this.config.giftbackTitle}\n                        </p>\n                        {\n                            this.handleHide() && (\n                                <p class=\"back-cart\" onClick={() => this.handleCancel()}>\n                                    Editar\n                                </p>\n                            )\n                        }\n                    </div>\n\n                    <hr />\n                    {\n                        this.handleHide() &&\n                        (\n                            <p class=\"note-description-2\">\n                                {this.config.giftbackTitle || \"Giftback\"} aplicado ao pedido: <strong>R$ {this.getAmount()}</strong>\n                            </p>\n                        )\n                    }\n\n                    {\n                        !this.handleHide() &&\n                        (\n                            <p class=\"note-description-not\">\n                                Não há {this.config.giftbackTitle || \"Giftback\"} disponível para essa compra\n                            </p>\n                        )\n                    }\n\n                    {/* <a class=\"back-cart\" href={this.url}>\n                        Voltar ao carrinho\n                    </a> */}\n                </div>\n            </div>\n        )\n    }\n}"],"mappings":"uJAAA,MAAMA,EAA4B,ihCCAlC,MAAMC,EAAkB,04BACxB,MAAAC,EAAeD,E,MCUFE,EAAY,M,iHAQrB,iBAAAC,GACIC,KAAKC,8B,CAGT,4BAAAA,GAEID,KAAKE,OAASC,EAAqBH,KAAKI,WACxC,MAAMC,EAASC,SAASC,kBAAkB,eAC1CF,EAAOG,SAASC,IACZA,EAAMC,QAAU,KAAK,IAGzBV,KAAKW,IAAMC,OAAOC,SAASC,M,CAG/B,UAAAC,GACI,MAAMC,EAASC,aAAaC,QAAQlB,KAAKmB,QACzC,QAASH,C,CAGb,SAAAI,GACI,MAAMJ,EAASC,aAAaC,QAAQlB,KAAKmB,QAEzCE,QAAQC,IAAI,SAAUN,GAEtB,OAAOO,OAAOP,GAAQQ,QAAQ,GAAGC,QAAQ,IAAK,MAAQ,M,CAG1D,kBAAMC,SACIC,EAAgBC,cAAcC,YAAY7B,KAAKmB,OAAQnB,KAAKI,WAClEQ,OAAOC,SAASiB,KAAO9B,KAAKW,IAE5BM,aAAac,WAAWC,EAAsBhC,KAAKmB,Q,CAGvD,MAAAc,GAEI,OACIC,EAAA,OAAAC,IAAA,4CACID,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACPF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eAEPF,EAAA,KAAAC,IAAA,2CAAGC,MAAM,cACLF,EAAA,OAAAC,IAAA,2CAAKE,IAAKC,EAAOC,MAAO,KACvBvC,KAAKE,OAAOsC,eAGbxC,KAAKe,cACDmB,EAAA,KAAAC,IAAA,2CAAGC,MAAM,YAAYK,QAAS,IAAMzC,KAAK0B,gBAAc,WAOnEQ,EAAA,MAAAC,IAAA,6CAEInC,KAAKe,cAEDmB,EAAA,KAAAC,IAAA,2CAAGC,MAAM,sBACJpC,KAAKE,OAAOsC,eAAiB,WAAU,wBAAsBN,EAAA,UAAAC,IAAA,kDAAYnC,KAAKoB,eAMtFpB,KAAKe,cAEFmB,EAAA,KAAAC,IAAA,2CAAGC,MAAM,wBAAsB,UACnBpC,KAAKE,OAAOsC,eAAiB,WAAU,iC","ignoreList":[]}

package/dist/crmbonus-component-wake/p-f801e9c0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s}from"./p-24616d67.js";import{C as i}from"./p-641b4efd.js";import{S as o}from"./p-a561251a.js";import{i as e}from"./p-fb505488.js";import"./p-89c5ef5a.js";var n;(function(t){t["P"]="Promocao"})(n||(n={}));function a(t=[]){const s=[];for(const i of t){let t=r(i.Ajustes);s.push({sku:i.SKU,value:i.PrecoPor*i.Quantidade,productVariantId:i.ProdutoVarianteId.toString(),quantity:i.Quantidade,discount:t*-1})}return s}function r(t=[]){let s=0;for(const i of t){if(i.Tipo===n.P){s+=i.Valor}}return s}const c=".container-button.sc-crm-bonus{cursor:pointer;padding:5px 5px 5px 14px}.section-crm.sc-crm-bonus{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm.sc-crm-bonus{margin-top:10px}.section-cart-crm.sc-crm-bonus p.sc-crm-bonus{padding:0;margin:0px 0px 0px 15px}.button.sc-crm-bonus{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer;margin-left:10px;height:70px}.form-container.sc-crm-bonus{width:97%;display:flex;justify-content:space-around}.btn.sc-crm-bonus{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.sc-crm-bonus .btnCrm.sc-crm-bonus{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert.sc-crm-bonus{font-family:sans-serif;color:#df4d4d;margin-top:5px}";const h=c;const d=class{constructor(s){t(this,s);this.crmBonusService=i.getInstance();this.showModal=false;this.userId=undefined;this.storeName=undefined;this.productsInString=undefined;this.cartId=undefined;this.products=undefined;this.customer={birthDate:"",document:"",name:"",phone:""};this.loading=false;this.message=undefined;this.phone=undefined;this.canCancel=false;this.amountCancel=undefined;this.sent=undefined;this.session=undefined;this.loading_reprocess=false}async resetBonus(){console.log("[START RESET BONUS]!!!!!");const t=localStorage.getItem("bc:used");if(t=="use"){await this.crmBonusService.cancelBonus(this.cartId,this.storeName)}try{await this.crmBonusRef.processBonus(this.buildProducts(),true);console.log("[BONUS RESETADO]!!!!!")}catch(t){this.loading=false;console.log("[error ao reprocessar bonous]");await this.crmBonusRef.setStep(o.STEP_PHONE)}finally{this.loading=false}}async reprocess(t){this.loading_reprocess=true;console.log("[reprocess]");try{console.log("[update products list]");this.productsInString=JSON.stringify(t);await this.handleLoad();await this.resetBonus()}catch(t){console.debug("[watchProducts]",t.message)}finally{this.loading_reprocess=false}}async watchProducts(t){try{console.log("[update products list]");this.productsInString=t;await this.handleLoad();await this.resetBonus()}catch(t){console.debug("[watchProducts]",t.message)}}async componentWillLoad(){e.changeLanguage(e.language);await this.loadSession();await this.loadConfigStore();await this.handleLoad()}async loadConfigStore(){await this.crmBonusService.getCustomization(this.storeName)}async handleLoad(){try{if(this.userId){this.customer=await this.crmBonusService.getCustomer(this.userId,this.storeName);console.log("customer",this.customer)}const t=localStorage.getItem(this.cartId);if(t){this.canCancel=true;this.amountCancel=t}}catch(t){console.log("info customer")}this.buildAndGetProducts()}async loadSession(){this.session=await this.crmBonusService.getToken(this.storeName);setTimeout((()=>{this.loadSession()}),15e5)}async buildAndGetProducts(){const t=`bc-products:${this.cartId}`;localStorage.setItem(t,this.productsInString);const s=JSON.parse(this.productsInString);const i=JSON.parse(localStorage.getItem(t));const o=[];for(const t of s){const[s]=i.filter((s=>s.ProdutoVarianteId==t.ProdutoVarianteId));if(s){o.push(Object.assign(Object.assign({},t),{PrecoPor:s.PrecoPor,Quantidade:s.Quantidade,Ajustes:s.Ajustes}))}else{o.push(t)}}this.products=o}async sendPin(t){var s,i;this.loading=true;this.message="";try{const s=t.replace(/\D/g,"");this.phone=Number(s);this.sent=await this.crmBonusService.sendPin(this.phone,this.customer.name,this.storeName);await this.crmBonusRef.setStep(o.STEP_PIN);this.showModal=true}catch(t){this.message=(i=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||i===void 0?void 0:i.message}finally{this.loading=false}}async sendPinName(t){var s,i;this.loading=true;this.message="";try{this.customer.name=t;this.sent=await this.crmBonusService.sendPin(this.phone,this.customer.name,this.storeName);await this.crmBonusRef.setStep(o.STEP_PIN);this.showModal=true}catch(t){this.message=(i=(s=t===null||t===void 0?void 0:t.response)===null||s===void 0?void 0:s.data)===null||i===void 0?void 0:i.message}finally{this.loading=false}}buildProducts(){return a(this.products)}handleCloseModal(){this.showModal=false}save(t){localStorage.setItem(this.cartId,t.toString());this.canCancel=true;this.amountCancel=t.toString()}async cancel(){this.message="";this.loading=true;try{await this.crmBonusService.cancel(this.cartId);this.canCancel=false;localStorage.removeItem(this.cartId)}catch(t){this.message="Não consegui cancelar o bônus, tente novamente!"}finally{this.loading=false}}async handleSendPin(t){this.message="";if(!t){this.message="Informe seu telefone";return}this.customer.phone=t;const s=t.replace(/\D/g,"");this.phone=Number(s);if(this.customer.name){return this.sendPin(t)}await this.crmBonusRef.setStep(o.STEP_NAME);this.showModal=true}render(){return s("loading-container",{key:"498f7bfb3f6ab94723c2c33013082be2b0136906",loading:this.loading_reprocess},s("crm-giftback-form",{key:"0c1f8afd3c777f085add4663f590758432d240c9",style:{position:"relative"},ref:t=>this.crmBonusRef=t,storeName:this.storeName,products:this.buildProducts(),cartId:this.cartId,customer:this.customer,loadProducts:()=>this.buildProducts()}))}static get assetsDirs(){return["assets"]}static get watchers(){return{productsInString:["watchProducts"]}}};d.style=h;export{d as crm_bonus};
-//# sourceMappingURL=p-f801e9c0.entry.js.map

package/dist/crmbonus-component-wake/p-f801e9c0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AjustesTipoEnum","buildProductsByWake","productsWake","products","pw","discounts","getDiscount","Ajustes","push","sku","SKU","value","PrecoPor","Quantidade","productVariantId","ProdutoVarianteId","toString","quantity","discount","ajustes","Tipo","P","Valor","crmBonusCss","CrmBonusStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","birthDate","document","name","phone","resetBonus","console","log","used","localStorage","getItem","cancelBonus","cartId","storeName","crmBonusRef","processBonus","buildProducts","err","loading","setStep","StepFormEnum","STEP_PHONE","reprocess","loading_reprocess","productsInString","JSON","stringify","handleLoad","debug","message","watchProducts","newValue","componentWillLoad","i18next","changeLanguage","language","loadSession","loadConfigStore","getCustomization","userId","customer","getCustomer","amount","canCancel","amountCancel","error","buildAndGetProducts","session","getToken","setTimeout","key","setItem","productsInCart","parse","products_in_cache","product_cart","pro","filter","p","Object","assign","sendPin","_phone","replace","Number","sent","STEP_PIN","showModal","_b","_a","response","data","sendPinName","customerName","handleCloseModal","save","cancel","removeItem","handleSendPin","STEP_NAME","render","h","style","position","ref","loadProducts"],"sources":["src/dto/validate.pin.bonus.ts","src/helpers/build.payload.helper.ts","src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=scoped","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["export interface IProduct {\n    productVariantId: string;\n    sku: string;\n    value: number;\n    quantity: number;\n    discount: number;\n}\n\nexport enum AjustesTipoEnum {\n    P = \"Promocao\" \n}\n\nexport interface IAjustes {\n    Tipo: AjustesTipoEnum;\n    Valor: number;\n}\n\nexport interface IProductWake {\n    ProdutoVarianteId: number;\n    SKU: string;\n    PrecoPor: number;\n    Quantidade: number;\n    Ajustes: IAjustes[];\n}\n\nexport interface ICustomer {\n    birthDate: string;\n    document: string;\n    name: string;\n    phone: string;\n}\n\nexport interface IProccesPinBonusDto {\n    storeName: string;\n    name: string;\n    checkoutId: string;\n    checkoutProducts: Array<IProduct>;\n    storeId: string;\n    userId: string;\n    cellphone: string;\n    pin: string;\n\n}\n\nexport interface IBonus {\n    hasBonus: boolean;\n    bonusBalance: number;\n    totalBonus: number;\n    minimumPurchase: number;\n    bonusIds: string;\n    firstValidityDate: string\n    history: [\n        {\n            validityStart: string;\n            validityEnd: string;\n            value: number\n        },\n        {\n            validityStart: string;\n            validityEnd: string\n            value: number\n        }\n    ]\n    storeId: number;\n    userId: number;\n    cartId: string\n    calculatedValue: number;\n    totalValue: number\n}\n\n\nexport interface IReserveDTO {\n    storeName: string;\n    cartId: string;\n    grossValue: number;\n    redeemedBonus: number;\n    ticket: string;\n    storeId: string;\n    userId: number;\n}","import { AjustesTipoEnum, IAjustes, IProduct, IProductWake } from \"../dto/validate.pin.bonus\";\n\nexport function buildProductsByWake(productsWake: Array<IProductWake> = []): Array<IProduct> {\n\n    const products: Array<IProduct> = [];\n\n    for ( const pw of productsWake ) {\n        let discounts = getDiscount(pw.Ajustes)\n\n        products.push(\n            {\n                sku: pw.SKU,\n                value: (pw.PrecoPor * pw.Quantidade),\n                productVariantId: pw.ProdutoVarianteId.toString(),\n                quantity: pw.Quantidade,\n                discount: (discounts * -1)\n            }\n        )\n    }\n\n    return products;\n}\n\nfunction getDiscount(ajustes: IAjustes[] = []) {\n    \n    let discounts = 0;\n    \n    for(const discount of ajustes) {\n        if(discount.Tipo === AjustesTipoEnum.P) {\n            discounts += discount.Valor;\n        }\n    }\n\n    return discounts;\n}","\n.container-button {\n  /* max-width: 100%; */\n  cursor: pointer;\n  padding: 5px 5px 5px 14px;\n  /* display: flex; */\n}\n\n/* padding: 0 15px 15px;\nborder: 1px solid #ddd;\nmargin-bottom: 20px; */\n\n.section-crm {\n  border: 1px solid #dbd4d4;\n  /* min-height: 50px; */\n  text-align: -webkit-center;\n  margin-bottom: 20px;\n}\n\n.section-cart-crm {\n  margin-top: 10px;\n}\n\n.section-cart-crm p {\n  padding: 0;\n  margin: 0px 0px 0px 15px;\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  margin-left: 10px;\n  height: 70px;\n}\n\n.form-container {\n  width: 97%;\n  display: flex;\n  justify-content: space-around;\n}\n\n\n.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.form-container .btnCrm {\n  background: #00162e;\n  border-color: #00162e;\n  width: 30%;\n  color: #fff;\n}\n\n.message-alert {\n  font-family: sans-serif;\n  color: #df4d4d;\n  margin-top: 5px;\n}","import { Component, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\nimport { CrmBonusService } from '../../services/crmbonus.service';\nimport { IPinSent } from '../../components';\nimport { StepFormEnum } from '../../contants';\n\nimport i18next from '../../i18n/i18n'\nimport { buildProductsByWake } from '../../helpers/build.payload.helper';\n\n@Component({\n  tag: 'crm-bonus',\n  styleUrl: 'crm-bonus.css',\n  scoped: true,\n  assetsDirs: ['assets']\n})\nexport class CrmBonus {\n\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\n\n  private crmBonusRef: HTMLCrmGiftbackFormElement;\n\n  @State() showModal: boolean = false;\n  @Prop({ attribute: 'userid' }) userId: number;\n  @Prop({ attribute: 'storename' }) storeName;\n  @Prop({ attribute: 'products' }) productsInString: string;\n  @Prop({ attribute: 'cartid' }) cartId;\n\n  @State() products: Array<IProductWake>;\n  @State() customer: ICustomer = {\n    birthDate: \"\",\n    document: \"\",\n    name: \"\",\n    phone: \"\"\n  };\n\n  @State() loading: boolean = false;\n  @State() message: string;\n  @State() phone: number;\n  @State() canCancel: boolean = false;\n  @State() amountCancel: string;\n  @State() sent: IPinSent;\n\n  @State() session: string;\n  @State() loading_reprocess = false;\n\n  @Method()\n  async resetBonus() {\n    console.log('[START RESET BONUS]!!!!!');\n    const used = localStorage.getItem(\"bc:used\");\n\n    if (used == \"use\") {\n      await this.crmBonusService.cancelBonus(this.cartId, this.storeName);\n    }\n\n    try {\n      await this.crmBonusRef.processBonus(this.buildProducts(), true);\n      console.log('[BONUS RESETADO]!!!!!');\n    } catch (err) {\n\n      this.loading = false;\n      console.log('[error ao reprocessar bonous]');\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PHONE);\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  @Method()\n  async reprocess(products: Array<any>) {\n    this.loading_reprocess = true\n\n    console.log('[reprocess]');\n    try {\n      console.log('[update products list]');\n      this.productsInString = JSON.stringify(products);\n      await this.handleLoad();\n\n      await this.resetBonus();\n    } catch (err) {\n      console.debug('[watchProducts]', err.message);\n    } finally {\n      this.loading_reprocess = false\n    }\n  }\n\n  @Watch(\"productsInString\")\n  async watchProducts(newValue: string) {\n    try {\n      console.log('[update products list]');\n      this.productsInString = newValue;\n      await this.handleLoad();\n\n      await this.resetBonus();\n    } catch (err) {\n      console.debug('[watchProducts]', err.message);\n    }\n  }\n\n  async componentWillLoad() {\n    i18next.changeLanguage(i18next.language);\n\n    await this.loadSession();\n    await this.loadConfigStore()\n    await this.handleLoad();\n  }\n\n  async loadConfigStore() {\n    await this.crmBonusService.getCustomization(this.storeName);\n  }\n\n  async handleLoad() {\n    try {\n      if (this.userId) {\n        this.customer = await this.crmBonusService.getCustomer(this.userId, this.storeName);\n        console.log('customer', this.customer);\n      }\n\n      const amount = localStorage.getItem(this.cartId);\n\n      if (amount) {\n        this.canCancel = true;\n        this.amountCancel = amount;\n      }\n\n    } catch (error) {\n      console.log('info customer')\n    }\n\n    this.buildAndGetProducts();\n  }\n\n\n  async loadSession() {\n    this.session = await this.crmBonusService.getToken(this.storeName);\n\n    setTimeout(() => {\n      this.loadSession()\n    }, 1500000)\n\n  }\n\n  async buildAndGetProducts() {\n    const key = `bc-products:${this.cartId}`;\n\n    localStorage.setItem(key, this.productsInString);\n\n    const productsInCart = JSON.parse(this.productsInString);\n    const products_in_cache = JSON.parse(localStorage.getItem(key));\n\n    const products: Array<IProductWake> = []\n\n    for (const product_cart of productsInCart) {\n\n      const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\n\n      if (pro) {\n        products.push({\n          ...product_cart,\n          PrecoPor: pro.PrecoPor,\n          Quantidade: pro.Quantidade,\n          Ajustes: pro.Ajustes\n        })\n      } else {\n        products.push(product_cart)\n      }\n\n    }\n\n    this.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);\n\n  }\n\n  public async sendPin(phone: string) {\n    this.loading = true;\n    this.message = \"\";\n\n    try {\n\n      const _phone = phone.replace(/\\D/g, '');\n      this.phone = Number(_phone);\n\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  public async sendPinName(customerName: string) {\n    this.loading = true;\n    this.message = \"\";\n\n    try {\n      this.customer.name = customerName;\n\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.storeName);;\n\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\n\n      this.showModal = true;\n    } catch (error) {\n      this.message = error?.response?.data?.message\n    } finally {\n      this.loading = false\n    }\n  }\n\n  buildProducts(): IProduct[] {\n    return buildProductsByWake(this.products);\n  }\n\n  handleCloseModal() {\n    this.showModal = false;\n  }\n\n  save(amount: number) {\n    localStorage.setItem(this.cartId, amount.toString());\n    this.canCancel = true;\n    this.amountCancel = amount.toString()\n  }\n\n  async cancel() {\n    this.message = \"\";\n    this.loading = true;\n    try {\n      await this.crmBonusService.cancel(this.cartId);\n      this.canCancel = false;\n\n      localStorage.removeItem(this.cartId);\n    } catch (error) {\n      this.message = \"Não consegui cancelar o bônus, tente novamente!\"\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  async handleSendPin(phone: string) {\n    this.message = \"\"\n    if (!phone) {\n      this.message = \"Informe seu telefone\";\n      return;\n    }\n\n    this.customer.phone = phone;\n    const _phone = phone.replace(/\\D/g, '');\n    this.phone = Number(_phone);\n\n    if (this.customer.name) {\n      return this.sendPin(phone)\n    }\n\n    await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);\n    this.showModal = true;\n  }\n\n  render() {\n\n    return (\n      <loading-container loading={this.loading_reprocess} >\n        <crm-giftback-form\n          style={{ position: \"relative\" }}\n          ref={ref => this.crmBonusRef = ref}\n          storeName={this.storeName}\n          products={this.buildProducts()}\n          cartId={this.cartId}\n          customer={this.customer}\n          loadProducts={() => this.buildProducts()}\n          \n        />\n      </loading-container>\n    )\n  }\n}\n"],"mappings":"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","ignoreList":[]}