crmbonus-component-wake 2.1.11-homolog → 2.1.12-homolog

package/dist/crmbonus-component-wake/p-2b493ec3.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i,H as t}from"./p-8c362346.js";import{i as o}from"./p-e8c19a64.js";import{U as n}from"./p-f9aeffc1.js";import{d as a,a as c}from"./p-ba369e65.js";const r="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNy43NUMxMi40MTQyIDE3Ljc1IDEyLjc1IDE3LjQxNDIgMTIuNzUgMTdWMTFDMTIuNzUgMTAuNTg1OCAxMi40MTQyIDEwLjI1IDEyIDEwLjI1QzExLjU4NTggMTAuMjUgMTEuMjUgMTAuNTg1OCAxMS4yNSAxMVYxN0MxMS4yNSAxNy40MTQyIDExLjU4NTggMTcuNzUgMTIgMTcuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8cGF0aCBkPSJNMTIgN0MxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4QzEzIDguNTUyMjggMTIuNTUyMyA5IDEyIDlDMTEuNDQ3NyA5IDExIDguNTUyMjggMTEgOEMxMSA3LjQ0NzcyIDExLjQ0NzcgNyAxMiA3WiIgZmlsbD0iIzFDMjc0QyIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTIgMi43NUM2Ljg5MTM3IDIuNzUgMi43NSA2Ljg5MTM3IDIuNzUgMTJDMi43NSAxNy4xMDg2IDYuODkxMzcgMjEuMjUgMTIgMjEuMjVDMTcuMTA4NiAyMS4yNSAyMS4yNSAxNy4xMDg2IDIxLjI1IDEyQzIxLjI1IDYuODkxMzcgMTcuMTA4NiAyLjc1IDEyIDIuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8L3N2Zz4=";const d=".crm-tooltip-container {\n    display: flex;\n\n    & img {\n        width: 16px;\n        margin-left: 3px;\n        position: relative;\n    }\n}\n\n.crm-tooltip {\n    position: relative;\n    display: inline-block;\n}\n\n.crm-tooltip .tooltiptext {\n    visibility: hidden;\n    background-color: black;\n    color: #fff;\n    text-align: center;\n    padding: 8px 12px;\n    border-radius: 0px;\n    position: absolute;\n    z-index: 1;\n    min-width: 271px;\n    top: 100%;\n    left: 50%;\n    margin-left: -238px;\n}\n\n@container (max-width: 410px) {\n    .crm-tooltip .tooltiptext {\n        margin-left: -14px;\n    }\n\n    .crm-tooltip #crm-role-description {\n        margin-left: -151px;\n    }\n}\n\n@container (max-width: 250px) {\n    .crm-tooltip .tooltiptext {\n        margin-left: -201px;\n    }\n}\n\n.crm-tooltip:hover .tooltiptext {\n    visibility: visible;\n}";const s=d;const l=class{constructor(i){e(this,i);this.text=undefined;this.identity=undefined}render(){return i("div",{key:"3582af9cc751c10b237ab086a711ecaaedaded27",class:"crm-tooltip-container crm-tooltip"},i("img",{key:"4f8c3e3da55ec000759864d8facde5002c759426",src:r}),i("span",{key:"7f1f591d486d51c31adc5c383dcbbcce6732f765",id:this.identity,class:"tooltiptext"},this.text))}};l.style=s;const p=":host{--text-color:#6D6D5F}.giftback-container{display:flex;flex-direction:column;gap:14px}h3{margin-bottom:8px;color:#333}.container-description{display:flex;align-items:center;gap:5px;margin:0 0 10px 0}.container-description p{font-weight:400;margin:0px}p{color:#000}.value-display h2{color:#6D6D5F;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:flex;margin:0px 0;color:#333;align-items:center}.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;color:#262626;line-height:20px}.info-icon{cursor:pointer;color:#888}h3{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-weight:700;color:var(--text-color);transform:translateX(-50%);white-space:nowrap;}.options-option{display:flex}";const f=p;const b=class{constructor(i){e(this,i);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.config=undefined;this.sliderPosition=0;this.sliderValuePosition=0;this.loadingTime=false}changedBonus(){this.updateBonus()}updateBonus(){this.usedValue=this.bonus.bonusBalance;this.buildPositionSlider(0,this.bonus.totalBonus)}componentWillLoad(){this.updateBonus();this.selectedOption=localStorage.getItem(n)}handleSliderChange(e){const i=e.target;this.usedValue=parseFloat(i.value);this.buildPositionSlider(parseFloat(i.min),parseFloat(i.max))}componentDidLoad(){var e;if(this.bonus){this._refIinputRange.value=(e=this.bonus)===null||e===void 0?void 0:e.bonusBalance.toString()}}buildPositionSlider(e,i){const t=i*.1;const o=(this.usedValue-e)/(i-e)*100;this.sliderPosition=o;this.sliderValuePosition=o+(this.usedValue<=t?10:0)}async handleOptionChange(e){this.selectedOption=e;localStorage.setItem(n,e);localStorage.removeItem("bc:time-allow");switch(this.selectedOption){case"use":await this.reserve(this.usedValue);break;case"dontUse":await this.cancel();break}}showTime(){const e=localStorage.getItem("bc:time");const i=localStorage.getItem("bc:time-allow");if(!i)return false;return!!e}getTime(){const e=localStorage.getItem("bc:time");return Number(e)||360}render(){var e,t;const n=this.bonus.minimumPurchase-this.bonus.totalValue;const r=o.t("giftDescription",{amount:`${this.bonus.totalBonus.toFixed(2).replace(".",",")}`,custom_name:"Giftback"});const d=a(n);return i("div",{key:"6ad02ee53638595a80d2cb92acb4e83906a1ad51",class:"giftback-container"},i("div",{key:"500ed41aba540d5cb42381a609ff504e5742f14d",class:"container-description"},i("p",{key:"dd023cadc4bfd06107cabf604b211d219cab36fe",innerHTML:r}),i("crm-tooltip",{key:"1341ae6468e94dd41c80a6908962e433c96c37e8",identity:"crm-role-description",text:o.t("labelUseGiftback",{minimumPurchase:this.bonus.minimumPurchase,expírationDate:c(this.bonus.firstValidityDate)})})),i("div",{key:"b83b618cf28613246712a68e6aa1ebf6d7b34ba6",class:"slider-wrapper"},i("div",{key:"9c6b2c72eb398f1a389f4e3700f01b66ef15b54e",class:"slider-value",style:{left:`calc(${this.sliderValuePosition}% - 20px)`}},"R$ ",this.usedValue.toFixed(2).replace(".",",")),i("input",{key:"fc1f447b64b9e2095ee4dc70c45b3602a1789d4c",ref:e=>this._refIinputRange=e,id:"position_value_id",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}%)`}})),d.isComplete&&i("p",{key:"26f282efb2312f146c4a4ef3ef2e26862e9d18cf"},o.t("maxAmount")),!d.isComplete&&i("div",{key:"ba20209648df877c211addc2df54cd87f96a4def",class:"container-description"},i("p",{key:"4490aa76ac3f75346a3d031700cbe43d3fbfdcdb"},"Adicione ",i("strong",{key:"d0e9ae659040fbd4987e73f5498574d3c53ed296"},"R$ ",n<0?"0,00":n.toFixed(2).replace(".",","))," ao carrinho para atingir o valor máximo!"),i("crm-tooltip",{key:"7f58f29be6305797f5c27f99834297ddfd032b6f",identity:"crm-max-description",text:o.t("labelamountPartial")})),i("div",{key:"d105f656b0eede37f1ac82e98baa535ab78cc0c6",class:"options"},i("div",{key:"3181b0883ce1fe8f662cf66efd04b0d03fa950c6",class:"options-option"},i("input",{key:"4ab558a811d1fcb2fcfc35e6b7a9b8d8502adb50",disabled:this.showTime(),type:"radio",name:"giftbackOption",value:"use",checked:this.selectedOption==="use",onChange:()=>this.handleOptionChange("use")}),i("p",{key:"d3063d70949ab2de42c8b6c3b615575cf23a33a6"},"Usar o meu ",(e=this.config)===null||e===void 0?void 0:e.giftbackTitle)),i("div",{key:"b56812b17ac3cdbc9101befe57b6d8592c278f8b",class:"options-option"},i("input",{key:"997b22de34410791bd40b7ca8aa41cb012eaefcc",disabled:this.showTime(),type:"radio",name:"giftbackOption",value:"dontUse",checked:this.selectedOption==="dontUse",onChange:()=>this.handleOptionChange("dontUse")}),i("p",{key:"c5aed78bddede4e6f2e0e1b12465ed81eb475860"},"Não usar o meu ",(t=this.config)===null||t===void 0?void 0:t.giftbackTitle))),this.showTime()&&i("div",{key:"c9a8dbf0daf9808bedf260f761254d7b58038f99",class:"info-box"},"Após ",i("countdown-timer",{key:"48d105725a1478d022b0d6b884ca4c5bc1a2155b",initialValue:this.getTime(),downtime:()=>{this.loadingTime=true}}),", você poderá alterar sua escolha de usar ou não o Giftback."),i("div",{key:"46e8a331317d11c7f7cda0394ee60eabda91c7e8",class:"info-box"},"O Giftback será aplicado na próxima etapa."))}static get watchers(){return{bonus:["changedBonus"]}}};b.style=f;const h="*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{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{color:var(--crm-btn);font-weight:100}.crm-title{font-weight:700;line-height:20px;color:#262626;}.crm-message-info{color:#619013;font-weight:500;}.crm-message-error{color:#E11D48;font-weight:500;}";const g=h;const x=class{constructor(i){e(this,i);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 i(t,{key:"33cfa4dfdd805c81743db679267b82a63fa753e7",class:"crm-phone-form"},i("p",{key:"0ef790c33e48c646898feb1a5cdb98cea7e5be43",class:"crm-subtitle"},"Digite o seu celular para verificar se há desconto disponível nessa compra:"),i("phone-input-mask",{key:"46eb2b3b3741ffce1ff7d28b39c6964180919e1e",initialValue:this.value,ref:e=>this.phoneInputMask=e}),i("crm-button",{key:"9b75600c3c8e0352eab7778f5f281b71035383d8",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.handlePhone()}))}};x.style=g;const u=":host{display:block}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}.pin-container input{width:100%;height:48px;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;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;cursor:pointer}.crm-description{width:100%;display:flex;gap:9px;flex-wrap:wrap}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";const m=u;const y="*{margin:0;padding:0;box-sizing:border-box}:host{--crmfont-sizebodymd:14px;--crmline-heightbodymd:20px;--crmletter-spacingtitle-md:0px}.container-message{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{color:var(--crm-btn);font-weight:100}.crm-title{font-weight:700;line-height:20px;color:#262626;}.crm-message-info{color:#619013;font-weight:500;}.crm-message-error{color:#E11D48;font-weight:500;}";const k=y;const M=class{constructor(i){e(this,i);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,i){const t=e.target;const o=t.value.slice(0,1);this.pin[i]=o;if(o&&i<this.pin.length-1){const e=t.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 i("div",{key:"15aa6a8fe4e0fa3ea1a35e68b7853a4ca392899c",class:"crm-phone-form"},i("label",{key:"83d48a38bc6cbbdbd391d7253a1e1fc3d01c44d2",class:"crm-subtitle"},o.t("pin-sutitle")," ",i("strong",{key:"e88a16f28032afb4746dc8f97e83e2794b75f3fd"},"+55 ",this.phone)),i("div",{key:"516969313ac099dfa1e4761784ef5f4e5c5225c3",class:"pin-container"},this.pin.map(((e,t)=>i("input",{type:"text",maxLength:1,value:this.pin[t],onInput:e=>this.handleInput(e,t)})))),i("slot",{key:"b0ffbe2329a9e010766f3cf8e52943ebdbfe101e"}),i("p",{key:"91e9372e69f32ce93806ca194bf6347cd0a0a3ce",class:"crm-description"}," Não recebeu?",!this.canResend&&i("label",{key:"ed22df22e0498434ff3d6a187387aa8ddc48f6ef"}," Reenviar em ",i("countdown-timer",{key:"a81630d82997e9b74ceb08b52cd818d0aa81f00e",initialValue:30,downtime:()=>this.handleTimeout()})," "),this.canResend&&i("div",{key:"417c6dc13b0e87993c8dbb71d9e263678e1025d8"},i("a",{key:"9832f3c85b503e820d2452d76dc60a008ec250c9",onClick:()=>this.handleResend()},"Reenviar"),i("a",{key:"9c6ff0ab7b1e0f46235eed0a2e0c2142f3bd41f6",onClick:()=>this.cancel()},"Trocar número"))),i("crm-button",{key:"f347d33b491d5dae491ce5ed77e7f20734cfa76b",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.validatePin()}))}};M.style=m+k;export{l as crm_tooltip,b as giftback_info,x as phone_form,M as pin_form};
+//# sourceMappingURL=p-2b493ec3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["infoCircleSvgrepoComSvg","crmTooltipCss","CrmTooltipStyle0","Tooltip","render","h","key","class","src","info","id","this","identity","text","giftbackInfoCss","GiftbackInfoStyle0","GiftbackInfo","totalBonus","cartId","minimumPurchase","bonusBalance","calculatedValue","firstValidityDate","totalValue","changedBonus","updateBonus","usedValue","bonus","buildPositionSlider","componentWillLoad","selectedOption","localStorage","getItem","USED_KEY","handleSliderChange","event","input","target","parseFloat","value","min","max","componentDidLoad","_refIinputRange","_a","toString","percentage_init","percentage","sliderPosition","sliderValuePosition","handleOptionChange","option","setItem","removeItem","reserve","cancel","showTime","time","allow","getTime","Number","remainingGiftback","translateDescription","i18next","t","amount","toFixed","replace","custom_name","limit","defineLimit","innerHTML","formatDateToBr","style","left","ref","disabled","type","step","onInput","background","isComplete","name","checked","onChange","config","giftbackTitle","_b","initialValue","downtime","loadingTime","giftbackFormCss","PhoneFormStyle0","PhoneForm","handlePhone","phone","phoneInputMask","getPhone","handlerSubmit","Host","txtBtn","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/assets/svg/info-circle-svgrepo-com.svg","src/components/tooltip/crm-tooltip.css?tag=crm-tooltip","src/components/tooltip/tooltip.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":["<?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<path d=\"M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V17C11.25 17.4142 11.5858 17.75 12 17.75Z\" fill=\"#1C274C\"/>\r\n<path d=\"M12 7C12.5523 7 13 7.44772 13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7Z\" fill=\"#1C274C\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75Z\" fill=\"#1C274C\"/>\r\n</svg>",".crm-tooltip-container {\n    display: flex;\n\n    & img {\n        width: 16px;\n        margin-left: 3px;\n        position: relative;\n    }\n}\n\n.crm-tooltip {\n    position: relative;\n    display: inline-block;\n}\n\n.crm-tooltip .tooltiptext {\n    visibility: hidden;\n    background-color: black;\n    color: #fff;\n    text-align: center;\n    padding: 8px 12px;\n    border-radius: 0px;\n    position: absolute;\n    z-index: 1;\n    min-width: 271px;\n    top: 100%;\n    left: 50%;\n    margin-left: -238px;\n}\n\n@container (max-width: 410px) {\n    .crm-tooltip .tooltiptext {\n        margin-left: -14px;\n    }\n\n    .crm-tooltip #crm-role-description {\n        margin-left: -151px;\n    }\n}\n\n@container (max-width: 250px) {\n    .crm-tooltip .tooltiptext {\n        margin-left: -201px;\n    }\n}\n\n.crm-tooltip:hover .tooltiptext {\n    visibility: visible;\n}","import { Component, h, Prop } from \"@stencil/core\";\nimport info from '../../assets/svg/info-circle-svgrepo-com.svg';\n\n\n@Component({\n    tag: 'crm-tooltip',\n    styleUrl: 'crm-tooltip.css'\n})\nexport class Tooltip {\n\n    @Prop() text: string;\n    @Prop() identity: string;\n\n    render() {\n        return (\n            <div class=\"crm-tooltip-container crm-tooltip\">\n                <img src={info} />\n                <span id={this.identity} class=\"tooltiptext\">{this.text}</span>\n            </div>\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 {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    margin: 0 0 10px 0;\n}\n\n.container-description p {\n    /* font-size: 14px; */\n    font-weight: 400;\n    margin: 0px;\n}\n\n\np {\n    /* font-size: 14px; */\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: flex;\n    margin: 0px 0;\n    /* font-size: 0.9rem; */\n    color: #333;\n    align-items: center;\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}\n\n.options-option {\n    display: flex;\n}\n\n\n/* ########################################## */\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\";\nimport { defineLimit, formatDateToBr } from \"../../../../utils/utils\";\nimport { IInfoStore } from \"../../../../helpers/info.config.helper\";\n\n@Component({\n    tag: 'giftback-info',\n    styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n\n    private _refIinputRange: HTMLInputElement;\n\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    @Prop() config: IInfoStore;\n\n    @State() sliderPosition: number = 0;\n    @State() sliderValuePosition: number = 0;\n\n    @State() loadingTime = false;\n\n    @Watch(\"bonus\")\n    changedBonus() {\n        this.updateBonus()\n    }\n\n    private updateBonus() {\n        this.usedValue = this.bonus.bonusBalance;\n        this.buildPositionSlider(0, this.bonus.totalBonus);\n    }\n\n    componentWillLoad() {\n        this.updateBonus();\n        this.selectedOption = localStorage.getItem(USED_KEY);\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    componentDidLoad() {\n        if(this.bonus) {\n            this._refIinputRange.value = this.bonus?.bonusBalance.toString();\n        }\n    }\n\n\n    private buildPositionSlider(min: number, max: number) {\n\n        const percentage_init = max * 0.1;\n\n        // Calculando a posição do texto com base no valor do slider\n        const percentage = ((this.usedValue - min) / (max - min)) * 100;\n\n        this.sliderPosition = percentage;\n        this.sliderValuePosition = percentage + (this.usedValue <= percentage_init ? 10 : 0);\n    }\n\n    async handleOptionChange(option: string) {\n        this.selectedOption = option;\n\n        localStorage.setItem(USED_KEY, option);\n\n        localStorage.removeItem(\"bc:time-allow\")\n\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\n    showTime() {\n        const time = localStorage.getItem(\"bc:time\");\n\n        const allow = localStorage.getItem(\"bc:time-allow\");\n\n        if(!allow) return false;\n\n        return !!time;\n    }\n\n    getTime() {\n        const time = localStorage.getItem(\"bc:time\");\n        return Number(time) || 360;\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        const limit = defineLimit(remainingGiftback);\n\n        return (\n\n            <div class=\"giftback-container\">\n                <div class=\"container-description\">\n                    <p innerHTML={translateDescription}></p>\n                    <crm-tooltip identity=\"crm-role-description\" text={i18next.t(\"labelUseGiftback\", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: formatDateToBr(this.bonus.firstValidityDate) })} />\n                </div>\n                <div class=\"slider-wrapper\">\n                    <div\n                        class=\"slider-value\"\n                        style={{\n                            left: `calc(${this.sliderValuePosition}% - 20px)`, // Ajuste para centralizar o texto\n\n                        }}\n                    >\n                        R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n                    </div>\n                    <input\n                        ref={ref => this._refIinputRange = ref}\n                        id=\"position_value_id\"\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\n                {\n                    limit.isComplete && (\n                        <p>\n                            {i18next.t(\"maxAmount\")}\n                        </p>\n                    )\n                }\n\n                {\n                    !limit.isComplete && (\n                        <div class=\"container-description\">\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                            <crm-tooltip identity=\"crm-max-description\" text={i18next.t(\"labelamountPartial\")} />\n                        </div>\n                    )\n                }\n\n\n                <div class=\"options\">\n                    <div class=\"options-option\">\n                        <input\n                            disabled={this.showTime()}\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"use\"\n                            checked={this.selectedOption === 'use'}\n                            onChange={() => this.handleOptionChange('use')}\n                        />\n                        <p>Usar o meu {this.config?.giftbackTitle}</p>\n                    </div>\n                    <div class=\"options-option\">\n                        <input\n                            disabled={this.showTime()}\n                            type=\"radio\"\n                            name=\"giftbackOption\"\n                            value=\"dontUse\"\n                            checked={this.selectedOption === 'dontUse'}\n                            onChange={() => this.handleOptionChange('dontUse')}\n                        />\n                        <p>Não usar o meu {this.config?.giftbackTitle}</p>\n                    </div>\n                </div>\n\n                {\n                    this.showTime() &&\n                    (\n                        <div class=\"info-box\">\n                            Após <countdown-timer initialValue={this.getTime()} downtime={() => { this.loadingTime = true }} />, você poderá alterar sua escolha de usar ou não o Giftback.\n                        </div>\n                    )\n                }\n\n\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-size: var(--crmfont-sizebodymd); */\n    font-weight: 400;\n    line-height: var(--crmline-heightbodymd);\n    letter-spacing: var(--crmletter-spacingtitle-md);\n    text-align: left;\n    text-underline-position: from-font;\n    text-decoration-skip-ink: none;\n}\n\n.crm-container-form {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    height: auto;\n    padding: 20px 24px 20px 24px;\n    border: 1px solid #CCCC;\n    writing-mode: horizontal-tb;\n    gap: 16px;\n    border-top: 1px solid #ccc !important;\n    border-bottom: 1px solid #ccc !important;\n}\n\n/* .fbits-responsive-carrinho-desconto {\n    overflow: hidden;\n    border: 1px solid #ccc;\n    border-top: 0;\n    border-bottom: 0;\n} */\n\n.crm-phone-form {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    /* justify-content: space-around; */\n    gap: 16px;\n}\n\n.crm-subtitle {\n    /* font-size: 14px; */\n    color: var(--crm-btn);\n    font-weight: 100;\n    \n}\n\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    shadow: false\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                <p class=\"crm-subtitle\" >Digite o seu celular para verificar se há desconto disponível nessa compra:</p>\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}\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    color: var(--crm-btn);\n    font-weight: 100;\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        this.validate(this.pin.join(\"\"))\n    }\n\n    verifyPin() {\n        const pinCode = this.pin.join('');\n        if (pinCode === '9999') {\n            this.isVerified = true;\n        }\n    }\n\n    handleTimeout() {\n        this.canResend = true;\n    }\n\n    async handleResend() {\n        await this.resend();\n\n        this.canResend = false;\n        this.pin = ['', '', '', '']\n    }\n\n    render() {\n        return (\n            <div class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\n                <div class=\"pin-container\">\n                    {this.pin.map((_, index) => (\n                        <input\n                            type=\"text\"\n                            maxLength={1}\n                            value={this.pin[index]}\n                            onInput={(event) => this.handleInput(event, index)}\n                        />\n                    ))}\n                </div>\n\n                <slot></slot>\n\n                <p class=\"crm-description\"> Não recebeu?\n                    {\n                        !this.canResend && <label> Reenviar em <countdown-timer initialValue={30} downtime={() => this.handleTimeout()} /> </label>\n                    }\n                    {\n                        this.canResend && (\n                            <div >\n                                <a onClick={() => this.handleResend()}>Reenviar</a>\n                                <a onClick={() => this.cancel()}>Trocar número</a>\n                            </div>\n                        )\n                    }\n                </p>\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\n            </div >\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/crmbonus-component-wake/p-402ead13.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as e}from"./p-8c362346.js";import{M as t}from"./p-ecc51430.js";const s="*{margin:0;padding:0;box-sizing:border-box}.phone{display:block;width:100%;height:24px;padding:6px 12px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.phone-input-form{width:100%;height:48px;padding:13px 16px 13px 16px;border:1px solid #CCCCCC;}.crm-erro-msg{color:#E11D48;font-weight:500;margin-top:11px}";const i=s;const n=class{constructor(e){o(this,e);this.phone="";this.message="";this.initialValue=undefined;this.disabled=undefined}componentWillLoad(){this.phone=this.initialValue}formatPhone(o){const e=o.replace(/\D/g,"");const t=e.match(/^(\d{0,2})(\d{0,5})(\d{0,4})$/);if(!t)return o;const s=t[1]?`(${t[1]}`:"";const i=t[2]?`) ${t[2]}`:"";const n=t[3]?` ${t[3]}`:"";return`${s}${i}${n}`}handleInput(o){const e=o.target;this.phone=this.formatPhone(e.value);if(!this.validatePhoneNumber(e.value)){this.message=t}else{this.message=""}console.log("phone",this.phone)}validatePhoneNumber(o){if(o.length<15){return true}const e=/^\(\d{2}\) \d{5} \d{4}$/;return e.test(o)}async getPhone(){return this.phone}render(){return e("div",{key:"c80098f2bcedaa085d136be5fdaa9f60400f85a5"},e("input",{key:"4ee5f1b3e227777315b059f3f8da7614dcfb694e",disabled:this.disabled,id:"phone",type:"text",class:"phone-input-form",value:this.phone,onInput:o=>this.handleInput(o),placeholder:"(99) 99999 9999"}),e("p",{key:"943427f82918af1ade76a22afa860d105ce3ae1e",class:"crm-erro-msg"},this.message))}};n.style=i;export{n as phone_input_mask};
+//# sourceMappingURL=p-402ead13.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["phoneInputMaskCss","PhoneInputMaskStyle0","PhoneInputMask","componentWillLoad","this","phone","initialValue","formatPhone","value","cleaned","replace","match","part1","part2","part3","handleInput","event","input","target","validatePhoneNumber","message","MESSAGE_ERROR_INVALID_NUMBER","console","log","length","phoneRegex","test","getPhone","render","h","key","disabled","id","type","class","onInput","placeholder"],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":["* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.phone {\n    display: block;\n    width: 100%;\n    height: 24px;\n    padding: 6px 12px;\n    /* font-size: 14px; */\n    line-height: 1.42857143;\n    color: #555;\n    background-color: #fff;\n    background-image: none;\n    border: 1px solid #ccc;\n    border-radius: 0px;\n    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n\n.phone-input-form {\n    width: 100%;\n    height: 48px;\n    padding: 13px 16px 13px 16px;\n    border: 1px solid #CCCCCC;\n    /* font-size: 14px; */\n}\n\n.crm-erro-msg {\n    color: #E11D48;\n    /* font-size: 12px; */\n    font-weight: 500;\n    margin-top: 11px;\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\nimport { MESSAGE_ERROR_INVALID_NUMBER } from '../../contants';\n\n@Component({\n    tag: 'phone-input-mask',\n    styleUrl: 'phone-input-mask.css',\n    shadow: true,\n})\nexport class PhoneInputMask {\n    @State() phone: string = '';\n    @State() message: string = \"\";\n\n    @Prop() initialValue: string;\n    @Prop() disabled: boolean;\n\n    componentWillLoad() {\n        this.phone = this.initialValue;\n    }\n\n    private formatPhone(value: string): string {\n\n        const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n        const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n\n        if (!match) return value;\n\n        const part1 = match[1] ? `(${match[1]}` : '';\n        const part2 = match[2] ? `) ${match[2]}` : '';\n        const part3 = match[3] ? ` ${match[3]}` : '';\n\n        return `${part1}${part2}${part3}`;\n    }\n\n    private handleInput(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        this.phone = this.formatPhone(input.value);\n\n        if(!this.validatePhoneNumber(input.value)) {\n            this.message = MESSAGE_ERROR_INVALID_NUMBER\n        } else {\n            this.message = \"\"\n        }\n\n        console.log('phone', this.phone)\n    }\n\n    validatePhoneNumber(phone: string): boolean {\n        if(phone.length < 15) {\n            return true\n        }\n        const phoneRegex = /^\\(\\d{2}\\) \\d{5} \\d{4}$/; // Valida formato (99) 99999-9999\n        return phoneRegex.test(phone);\n    }\n\n    @Method()\n    public async getPhone() {\n        return this.phone;\n    }\n\n    render() {\n        return (\n            <div>\n                <input\n                    disabled={this.disabled}\n                    id=\"phone\"\n                    type=\"text\"\n                    class=\"phone-input-form\"\n                    value={this.phone}\n                    onInput={(event) => this.handleInput(event)}\n                    placeholder=\"(99) 99999 9999\"\n                />\n                <p class=\"crm-erro-msg\">{this.message}</p>\n            </div>\n\n        );\n    }\n}\n"],"mappings":"+EAAA,MAAMA,EAAoB,usBAC1B,MAAAC,EAAeD,E,MCOFE,EAAc,M,oCACE,G,aACE,G,oDAK3B,iBAAAC,GACIC,KAAKC,MAAQD,KAAKE,Y,CAGd,WAAAC,CAAYC,GAEhB,MAAMC,EAAUD,EAAME,QAAQ,MAAO,IACrC,MAAMC,EAAQF,EAAQE,MAAM,iCAE5B,IAAKA,EAAO,OAAOH,EAEnB,MAAMI,EAAQD,EAAM,GAAK,IAAIA,EAAM,KAAO,GAC1C,MAAME,EAAQF,EAAM,GAAK,KAAKA,EAAM,KAAO,GAC3C,MAAMG,EAAQH,EAAM,GAAK,IAAIA,EAAM,KAAO,GAE1C,MAAO,GAAGC,IAAQC,IAAQC,G,CAGtB,WAAAC,CAAYC,GAChB,MAAMC,EAAQD,EAAME,OACpBd,KAAKC,MAAQD,KAAKG,YAAYU,EAAMT,OAEpC,IAAIJ,KAAKe,oBAAoBF,EAAMT,OAAQ,CACvCJ,KAAKgB,QAAUC,C,KACZ,CACHjB,KAAKgB,QAAU,E,CAGnBE,QAAQC,IAAI,QAASnB,KAAKC,M,CAG9B,mBAAAc,CAAoBd,GAChB,GAAGA,EAAMmB,OAAS,GAAI,CAClB,OAAO,I,CAEX,MAAMC,EAAa,0BACnB,OAAOA,EAAWC,KAAKrB,E,CAIpB,cAAMsB,GACT,OAAOvB,KAAKC,K,CAGhB,MAAAuB,GACI,OACIC,EAAA,OAAAC,IAAA,4CACID,EAAA,SAAAC,IAAA,2CACIC,SAAU3B,KAAK2B,SACfC,GAAG,QACHC,KAAK,OACLC,MAAM,mBACN1B,MAAOJ,KAAKC,MACZ8B,QAAUnB,GAAUZ,KAAKW,YAAYC,GACrCoB,YAAY,oBAEhBP,EAAA,KAAAC,IAAA,2CAAGI,MAAM,gBAAgB9B,KAAKgB,S","ignoreList":[]}

package/dist/crmbonus-component-wake/p-53b6a7e8.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i}from"./p-8c362346.js";const s=class{constructor(i){e(this,i);this.sendPin=undefined;this.loading=undefined;this.value=undefined}async validatePhone(){const e=await this.phoneInputMask.getPhone();await this.sendPin(e)}render(){return i("div",{key:"f7193a1738d8703d87a22a05247fbd98e1056c3e",class:"form-container"},i("phone-input-mask",{key:"1fff9798c93f258b83be39b827565ab1c81ed41e",initialValue:`Valor aplicado R$ ${this.value}`,ref:e=>this.phoneInputMask=e,disabled:true}),i("button",{key:"ab8e0245f18b81531a2def44f69f6b4ddde8eb2a",class:`btn btn-success btnCrm ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.validatePhone()},!this.loading?"Cancelar":i("loading-spinner",{size:"11px",color:"#fff"})))}};export{s as phone_cancel_input};
+//# sourceMappingURL=p-53b6a7e8.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PhoneCancelInput","validatePhone","phone","this","phoneInputMask","getPhone","sendPin","render","h","key","class","initialValue","value","ref","disabled","loading","onClick","size","color"],"sources":["src/components/_crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'phone-cancel-input',\n    shadow: true\n})\nexport class PhoneCancelInput {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    @Prop() sendPin: Function;\n    @Prop() loading: boolean;\n    @Prop() value: string;\n\n    async validatePhone() {\n        const phone = await this.phoneInputMask.getPhone();\n        await this.sendPin(phone);\n    }\n\n    render() {\n        return (\n            <div class=\"form-container\">\n                <phone-input-mask initialValue={`Valor aplicado R$ ${this.value}`} ref={ref => this.phoneInputMask = ref} disabled={true} />\n                <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n                    {\n                        !this.loading ? \"Cancelar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\n                    }\n                </button>\n            </div>\n        )\n    }\n}"],"mappings":"iDAMaA,EAAgB,M,4FAQzB,mBAAMC,GACF,MAAMC,QAAcC,KAAKC,eAAeC,iBAClCF,KAAKG,QAAQJ,E,CAGvB,MAAAK,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBACPF,EAAA,oBAAAC,IAAA,2CAAkBE,aAAc,qBAAqBR,KAAKS,QAASC,IAAKA,GAAOV,KAAKC,eAAiBS,EAAKC,SAAU,OACpHN,EAAA,UAAAC,IAAA,2CAAQC,MAAO,0BAA0BP,KAAKY,QAAU,WAAa,MAAOD,SAAUX,KAAKY,QAASC,QAAS,IAAMb,KAAKF,kBAE/GE,KAAKY,QAAU,WAAaP,EAAA,mBAAiBS,KAAK,OAAOC,MAAM,U","ignoreList":[]}

package/dist/crmbonus-component-wake/{p-9b2aad6a.entry.js → p-7a45fdab.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as t}from"./p-3d6152b1.js";import{C as o}from"./p-97683d21.js";import{C as r,g as s}from"./p-35cbb4b1.js";import"./p-f9aeffc1.js";const c=class{constructor(t){a(this,t);this.cart=undefined}async componentWillLoad(){await this.handleOrder()}async handleOrder(){console.log("this.cart",this.cart);const a=this.cart?new r(JSON.parse(this.cart)):await s();if(a.id&&a.orderId){o.getInstance().updateOrder({cartId:a.id,orderId:a.orderId,cartIdCrm:a.middlewareId});const t=`bc-products:${a.id}`;localStorage.removeItem(t);localStorage.removeItem(a.id)}}render(){return t("div",{key:"d79a815efc708a2d818fa6adf22464a45e7fa546"})}};export{c as pedido_finalizado};
-//# sourceMappingURL=p-9b2aad6a.entry.js.map
+import{r as a,h as t}from"./p-8c362346.js";import{C as o}from"./p-292a2414.js";import{C as r,g as s}from"./p-20621444.js";import"./p-f9aeffc1.js";const c=class{constructor(t){a(this,t);this.cart=undefined}async componentWillLoad(){await this.handleOrder()}async handleOrder(){console.log("this.cart",this.cart);const a=this.cart?new r(JSON.parse(this.cart)):await s();if(a.id&&a.orderId){o.getInstance().updateOrder({cartId:a.id,orderId:a.orderId,cartIdCrm:a.middlewareId});const t=`bc-products:${a.id}`;localStorage.removeItem(t);localStorage.removeItem(a.id)}}render(){return t("div",{key:"8796d4c4a0e664e8a7e27d173c5fb566f2436356"})}};export{c as pedido_finalizado};
+//# sourceMappingURL=p-7a45fdab.entry.js.map

package/dist/crmbonus-component-wake/p-8c362346.js

@@ -0,0 +1,3 @@
+const e="crmbonus-component-wake";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:false,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var l=Object.defineProperty;var n=(e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:true})};var r=new WeakMap;var s=e=>r.get(e);var o=(e,t)=>r.set(t.t=e,t);var i=(e,t)=>{const l={l:0,$hostElement$:e,o:t,i:new Map};{l.u=new Promise((e=>l.v=e))}{l.h=new Promise((e=>l.p=e));e["s-p"]=[];e["s-rc"]=[]}return r.set(e,l)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,l)=>{const n=e.m.replace(/-/g,"_");const r=e.$;if(!r){return void 0}const s=c.get(r);if(s){return s[n]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{c.set(r,e)}return e[n]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p=typeof window!=="undefined"?window:{};var m=p.document||{head:{}};var y={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,l,n)=>e.addEventListener(t,l,n),rel:(e,t,l,n)=>e.removeEventListener(t,l,n),ce:(e,t)=>new CustomEvent(e,t)};var b=e=>Promise.resolve(e);var w=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var $=false;var S=[];var g=[];var k=(e,t)=>l=>{e.push(l);if(!$){$=true;if(t&&y.l&4){x(j)}else{y.raf(j)}}};var C=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var j=()=>{C(S);{C(g);if($=S.length>0){y.raf(j)}}};var x=e=>b().then(e);var O=k(g,true);var T={};var D=e=>e!=null;var E=e=>{e=typeof e;return e==="object"||e==="function"};function L(e){var t,l,n;return(n=(l=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:l.getAttribute("content"))!=null?n:void 0}var R={};n(R,{err:()=>A,map:()=>F,ok:()=>M,unwrap:()=>P,unwrapErr:()=>N});var M=e=>({isOk:true,isErr:false,value:e});var A=e=>({isOk:false,isErr:true,value:e});function F(e,t){if(e.isOk){const l=t(e.value);if(l instanceof Promise){return l.then((e=>M(e)))}else{return M(l)}}if(e.isErr){const t=e.value;return A(t)}throw"should never get here"}var P=e=>{if(e.isOk){return e.value}else{throw e.value}};var N=e=>{if(e.isErr){return e.value}else{throw e.value}};var U=(e,t="")=>{{return()=>{}}};var W=(e,t)=>{{return()=>{}}};var H=(e,t,...l)=>{let n=null;let r=null;let s=null;let o=false;let i=false;const a=[];const f=t=>{for(let l=0;l<t.length;l++){n=t[l];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(o=typeof e!=="function"&&!E(n)){n=String(n)}if(o&&i){a[a.length-1].k+=n}else{a.push(o?z(null,n):n)}i=o}}};f(l);if(t){if(t.key){r=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const c=z(e,null);c.C=t;if(a.length>0){c.j=a}{c.O=r}{c.T=s}return c};var z=(e,t)=>{const l={l:0,D:e,k:t,L:null,j:null};{l.C=null}{l.O=null}{l.T=null}return l};var B={};var I=e=>e&&e.D===B;var Q=(e,t)=>{if(e!=null&&!E(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var q=e=>s(e).$hostElement$;var G=(e,t,l)=>{const n=q(e);return{emit:e=>K(n,t,{bubbles:!!(l&4),composed:!!(l&2),cancelable:!!(l&1),detail:e})}};var K=(e,t,l)=>{const n=y.ce(t,l);e.dispatchEvent(n);return n};var V=new WeakMap;var X=(e,t,l)=>{let n=v.get(e);if(w&&l){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var _=(e,t,l)=>{var n;const r=Y(t);const s=v.get(r);e=e.nodeType===11?e:m;if(s){if(typeof s==="string"){e=e.head||e;let l=V.get(e);let o;if(!l){V.set(e,l=new Set)}if(!l.has(r)){{o=m.createElement("style");o.innerHTML=s;const l=(n=y.R)!=null?n:L(m);if(l!=null){o.setAttribute("nonce",l)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const l=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,l)}else if("host"in e){if(w){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(o)}}}else{e.append(o)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(o,null)}}if(t.l&4){o.innerHTML+=h}if(l){l.add(r)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return r};var J=e=>{const t=e.o;const l=e.$hostElement$;const n=t.l;const r=U("attachStyles",t.m);const s=_(l.shadowRoot?l.shadowRoot:l.getRootNode(),t);if(n&10&&n&2){l["s-sc"]=s;l.classList.add(s+"-h")}r()};var Y=(e,t)=>"sc-"+e.m;var Z=(e,t,l,n,r,s)=>{if(l!==n){let o=a(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const r=te(l);const s=te(n);t.remove(...r.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!r.includes(e))))}else if(t==="style"){{for(const t in l){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!l||n[t]!==l[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(p,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(l||n){const r=t.endsWith(le);t=t.replace(ne,"");if(l){y.rel(e,t,l,r)}if(n){y.ael(e,t,n,r)}}}else{const i=E(n);if((o||i&&n!==null)&&!r){try{if(!e.tagName.includes("-")){const r=n==null?"":n;if(t==="list"){o=false}else if(l==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else{e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||s&4||r)&&!i){n=n===true?"":n;{e.setAttribute(t,n)}}}}};var ee=/\s/;var te=e=>!e?[]:e.split(ee);var le="Capture";var ne=new RegExp(le+"$");var re=(e,t,l)=>{const n=t.L.nodeType===11&&t.L.host?t.L.host:t.L;const r=e&&e.C||T;const s=t.C||T;{for(const e of se(Object.keys(r))){if(!(e in s)){Z(n,e,r[e],void 0,l,t.l)}}}for(const e of se(Object.keys(s))){Z(n,e,r[e],s[e],l,t.l)}};function se(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var oe;var ie;var ae;var fe=false;var ce=false;var ue=false;var ve=false;var de=(e,l,n,r)=>{var s;const o=l.j[n];let i=0;let a;let f;let c;if(!fe){ue=true;if(o.D==="slot"){if(oe){r.classList.add(oe+"-s")}o.l|=o.j?2:1}}if(o.k!==null){a=o.L=m.createTextNode(o.k)}else if(o.l&1){a=o.L=m.createTextNode("")}else{a=o.L=m.createElement(!fe&&t.slotRelocation&&o.l&2?"slot-fb":o.D);{re(null,o,ve)}const l=a.getRootNode();const n=!l.querySelector("body");if(!n&&t.scoped&&D(oe)&&a["s-si"]!==oe){a.classList.add(a["s-si"]=oe)}if(o.j){for(i=0;i<o.j.length;++i){f=de(e,o,i,a);if(f){a.appendChild(f)}}}}a["s-hn"]=ae;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=ie;a["s-sn"]=o.T||"";a["s-rf"]=(s=o.C)==null?void 0:s.ref;c=e&&e.j&&e.j[n];if(c&&c.D===o.D&&e.L){{he(e.L,false)}}}}return a};var he=(e,l)=>{y.l|=1;const n=Array.from(e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===ae){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==ae&&t["s-ol"]){Oe($e(t),t,we(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;ue=true}if(l){he(t,l)}}y.l&=~1};var pe=(e,t,l,n,r,s)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e;let i;if(o.shadowRoot&&o.tagName===ae){o=o.shadowRoot}for(;r<=s;++r){if(n[r]){i=de(null,l,r,e);if(i){n[r].L=i;Oe(o,i,we(t))}}}};var me=(e,t,l)=>{for(let n=t;n<=l;++n){const t=e[n];if(t){const e=t.L;xe(t);if(e){{ce=true;if(e["s-ol"]){e["s-ol"].remove()}else{he(e,true)}}e.remove()}}}};var ye=(e,t,l,n,r=false)=>{let s=0;let o=0;let i=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let h=n[v];let p;let m;while(s<=f&&o<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=n[++o]}else if(h==null){h=n[--v]}else if(be(c,d,r)){Se(c,d,r);c=t[++s];d=n[++o]}else if(be(u,h,r)){Se(u,h,r);u=t[--f];h=n[--v]}else if(be(c,h,r)){if(c.D==="slot"||h.D==="slot"){he(c.L.parentNode,false)}Se(c,h,r);Oe(e,c.L,u.L.nextSibling);c=t[++s];h=n[--v]}else if(be(u,d,r)){if(c.D==="slot"||h.D==="slot"){he(u.L.parentNode,false)}Se(u,d,r);Oe(e,u.L,c.L);u=t[--f];d=n[++o]}else{i=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){i=a;break}}}if(i>=0){m=t[i];if(m.D!==d.D){p=de(t&&t[o],l,i,e)}else{Se(m,d,r);t[i]=void 0;p=m.L}d=n[++o]}else{p=de(t&&t[o],l,o,e);d=n[++o]}if(p){{Oe($e(c.L),p,we(c.L))}}}}if(s>f){pe(e,n[v+1]==null?null:n[v+1].L,l,n,o,v)}else if(o>v){me(t,s,f)}};var be=(e,t,l=false)=>{if(e.D===t.D){if(e.D==="slot"){if("M"in e&&l&&e.L.nodeType!==8){return false}return e.T===t.T}if(!l){return e.O===t.O}return true}return false};var we=e=>e&&e["s-ol"]||e;var $e=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var Se=(e,l,n=false)=>{const r=l.L=e.L;const s=e.j;const o=l.j;const i=l.D;const a=l.k;let f;if(a===null){{if(i==="slot"&&!fe);else{re(e,l,ve)}}if(s!==null&&o!==null){ye(r,s,l,o,n)}else if(o!==null){if(e.k!==null){r.textContent=""}pe(r,null,l,o,0,o.length-1)}else if(!n&&t.updatable&&s!==null){me(s,0,s.length-1)}}else if(f=r["s-cr"]){f.parentNode.textContent=a}else if(e.k!==a){r.data=a}};var ge=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const l=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||l!==""){if(n.nodeType===1&&(l===n.getAttribute("slot")||l===n["s-sn"])||n.nodeType===3&&l===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}ge(e)}}};var ke=[];var Ce=e=>{let l;let n;let r;for(const s of e.childNodes){if(s["s-sr"]&&(l=s["s-cr"])&&l.parentNode){n=l.parentNode.childNodes;const e=s["s-sn"];for(r=n.length-1;r>=0;r--){l=n[r];if(!l["s-cn"]&&!l["s-nr"]&&l["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(je(l,e)){let t=ke.find((e=>e.A===l));ce=true;l["s-sn"]=l["s-sn"]||e;if(t){t.A["s-sh"]=s["s-hn"];t.F=s}else{l["s-sh"]=s["s-hn"];ke.push({F:s,A:l})}if(l["s-sr"]){ke.map((e=>{if(je(e.A,l["s-sn"])){t=ke.find((e=>e.A===l));if(t&&!e.F){e.F=t.F}}}))}}else if(!ke.some((e=>e.A===l))){ke.push({A:l})}}}}if(s.nodeType===1){Ce(s)}}};var je=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var xe=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(xe)}};var Oe=(e,t,l)=>{const n=e==null?void 0:e.insertBefore(t,l);return n};var Te=(e,t,l=false)=>{var n,r,s,o;const i=e.$hostElement$;const a=e.o;const f=e.P||z(null,null);const c=I(t)?t:H(null,null,t);ae=i.tagName;if(a.N){c.C=c.C||{};a.N.map((([e,t])=>c.C[t]=i[e]))}if(l&&c.C){for(const e of Object.keys(c.C)){if(i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.C[e]=i[e]}}}c.D=null;c.l|=4;e.P=c;c.L=f.L=i.shadowRoot||i;{oe=i["s-sc"]}fe=(a.l&1)!==0;{ie=i["s-cr"];ce=false}Se(f,c,l);{y.l|=1;if(ue){Ce(c.L);for(const e of ke){const t=e.A;if(!t["s-ol"]){const e=m.createTextNode("");e["s-nr"]=t;Oe(t.parentNode,t["s-ol"]=e,t)}}for(const e of ke){const t=e.A;const i=e.F;if(i){const e=i.parentNode;let l=i.nextSibling;{let s=(n=t["s-ol"])==null?void 0:n.previousSibling;while(s){let n=(r=s["s-nr"])!=null?r:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){l=n;break}}s=s.previousSibling}}if(!l&&e!==t.parentNode||t.nextSibling!==l){if(t!==l){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Oe(e,t,l);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof i["s-rf"]==="function"&&i["s-rf"](t)}else{if(t.nodeType===1){if(l){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}}if(ce){ge(c.L)}y.l&=~1;ke.length=0}ie=void 0};var De=(e,t)=>{if(t&&!e.U&&t["s-p"]){t["s-p"].push(new Promise((t=>e.U=t)))}};var Ee=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}De(e,e.W);const l=()=>Le(e,t);return O(l)};var Le=(e,t)=>{const l=e.$hostElement$;const n=U("scheduleUpdate",e.o.m);const r=e.t;if(!r){throw new Error(`Can't render component <${l.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{s=Ue(r,"componentWillLoad")}}n();return Re(s,(()=>Ae(e,r,t)))};var Re=(e,t)=>Me(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Me=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ae=async(e,t,l)=>{var n;const r=e.$hostElement$;const s=U("update",e.o.m);const o=r["s-rc"];if(l){J(e)}const i=U("render",e.o.m);{Fe(e,t,r,l)}if(o){o.map((e=>e()));r["s-rc"]=void 0}i();s();{const t=(n=r["s-p"])!=null?n:[];const l=()=>Pe(e);if(t.length===0){l()}else{Promise.all(t).then(l);e.l|=4;t.length=0}}};var Fe=(e,t,l,n)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Te(e,t,n)}}}}catch(t){f(t,e.$hostElement$)}return null};var Pe=e=>{const t=e.o.m;const l=e.$hostElement$;const n=U("postUpdate",t);const r=e.t;const s=e.W;if(!(e.l&64)){e.l|=64;{We(l)}{Ue(r,"componentDidLoad")}n();{e.p(l);if(!s){Ne()}}}else{n()}{e.v(l)}{if(e.U){e.U();e.U=void 0}if(e.l&512){x((()=>Ee(e,false)))}e.l&=~(4|512)}};var Ne=t=>{{We(m.documentElement)}x((()=>K(p,"appload",{detail:{namespace:e}})))};var Ue=(e,t,l)=>{if(e&&e[t]){try{return e[t](l)}catch(e){f(e)}}return void 0};var We=e=>{var l;return e.classList.add((l=t.hydratedSelectorName)!=null?l:"hydrated")};var He=(e,t)=>s(e).i.get(t);var ze=(e,t,l,n)=>{const r=s(e);if(!r){throw new Error(`Couldn't find host element for "${n.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const o=r.$hostElement$;const i=r.i.get(t);const a=r.l;const c=r.t;l=Q(l,n.H[t][0]);const u=Number.isNaN(i)&&Number.isNaN(l);const v=l!==i&&!u;if((!(a&8)||i===void 0)&&v){r.i.set(t,l);if(c){if(n.B&&a&128){const e=n.B[t];if(e){e.map((e=>{try{c[e](l,i,t)}catch(e){f(e,o)}}))}}if((a&(2|16))===2){Ee(r,false)}}}};var Be=(e,t,l)=>{var n,r;const o=e.prototype;if(t.H||(t.B||e.watchers)){if(e.watchers&&!t.B){t.B=e.watchers}const i=Object.entries((n=t.H)!=null?n:{});i.map((([e,[n]])=>{if(n&31||l&2&&n&32){Object.defineProperty(o,e,{get(){return He(this,e)},set(l){ze(this,e,l,t)},configurable:true,enumerable:true})}else if(l&1&&n&64){Object.defineProperty(o,e,{value(...t){var l;const n=s(this);return(l=n==null?void 0:n.u)==null?void 0:l.then((()=>{var l;return(l=n.t)==null?void 0:l[e](...t)}))}})}}));if(l&1){const l=new Map;o.attributeChangedCallback=function(e,n,r){y.jmp((()=>{var i;const a=l.get(e);if(this.hasOwnProperty(a)){r=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==r){return}else if(a==null){const l=s(this);const o=l==null?void 0:l.l;if(o&&!(o&8)&&o&128&&r!==n){const s=l.t;const o=(i=t.B)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(s[t]!=null){s[t].call(s,r,n,e)}}))}return}this[a]=r===null&&typeof this[a]==="boolean"?false:r}))};e.observedAttributes=Array.from(new Set([...Object.keys((r=t.B)!=null?r:{}),...i.filter((([e,t])=>t[0]&15)).map((([e,n])=>{var r;const s=n[1]||e;l.set(s,e);if(n[0]&512){(r=t.N)==null?void 0:r.push([e,s])}return s}))]))}}return e};var Ie=async(e,t,l,n)=>{let r;if((t.l&32)===0){t.l|=32;const n=l.$;if(n){const e=u(l);if(e&&"then"in e){const t=W();r=await e;t()}else{r=e}if(!r){throw new Error(`Constructor for "${l.m}#${t.I}" was not found`)}if(!r.isProxied){{l.B=r.watchers}Be(r,l,2);r.isProxied=true}const n=U("createInstance",l.m);{t.l|=8}try{new r(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}n()}else{r=e.constructor;const l=e.localName;customElements.whenDefined(l).then((()=>t.l|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=Y(l);if(!v.has(t)){const n=U("registerStyles",l.m);X(t,e,!!(l.l&1));n()}}}const s=t.W;const o=()=>Ee(t,true);if(s&&s["s-rc"]){s["s-rc"].push(o)}else{o()}};var Qe=e=>{};var qe=e=>{if((y.l&1)===0){const t=s(e);const l=t.o;const n=U("connectedCallback",l.m);if(!(t.l&1)){t.l|=1;{if(l.l&(4|8)){Ge(e)}}{let l=e;while(l=l.parentNode||l.host){if(l["s-p"]){De(t,t.W=l);break}}}if(l.H){Object.entries(l.H).map((([t,[l]])=>{if(l&31&&e.hasOwnProperty(t)){const l=e[t];delete e[t];e[t]=l}}))}{Ie(e,t,l)}}else{if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>Qe()))}}n()}};var Ge=e=>{const t=e["s-cr"]=m.createComment("");t["s-cn"]=true;Oe(e,t,e.firstChild)};var Ke=e=>{{Ue(e,"disconnectedCallback")}};var Ve=async e=>{if((y.l&1)===0){const t=s(e);if(t==null?void 0:t.t){Ke(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>Ke(t.t)))}}};var Xe=(e,t={})=>{var l;const n=U();const r=[];const o=t.exclude||[];const a=p.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.S=new URL(t.resourcesUrl||"./",m.baseURI).href;let $=false;e.map((e=>{e[1].map((t=>{var l;const n={l:t[0],m:t[1],H:t[2],q:t[3]};if(n.l&4){$=true}{n.H=t[2]}{n.N=[]}{n.B=(l=t[4])!=null?l:{}}const f=n.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;i(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>qe(this)))}}disconnectedCallback(){y.jmp((()=>Ve(this)))}componentOnReady(){return s(this).h}};n.$=e[0];if(!o.includes(f)&&!a.get(f)){r.push(f);a.define(f,Be(c,n,1))}}))}));if(r.length>0){if($){u.textContent+=h}{u.textContent+=r.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(l=y.R)!=null?l:L(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(Ne,30)))}}n()};var _e=e=>y.R=e;export{B as H,Xe as b,G as c,H as h,b as p,o as r,_e as s};
+//# sourceMappingURL=p-8c362346.js.map