crmbonus-component-wake 2.1.22-homolog-tray → 2.1.24-local

package/dist/crmbonus-component-wake/p-6d5bd437.entry.js

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

package/dist/crmbonus-component-wake/p-6d5bd437.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\";\r\n\r\n@Component({\r\n    tag: 'phone-cancel-input',\r\n    shadow: true\r\n})\r\nexport class PhoneCancelInput {\r\n\r\n    private phoneInputMask: HTMLPhoneInputMaskElement;\r\n\r\n    @Prop() sendPin: Function;\r\n    @Prop() loading: boolean;\r\n    @Prop() value: string;\r\n\r\n    async validatePhone() {\r\n        const phone = await this.phoneInputMask.getPhone();\r\n        await this.sendPin(phone);\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"form-container\">\r\n                <phone-input-mask initialValue={`Valor aplicado R$ ${this.value}`} ref={ref => this.phoneInputMask = ref} disabled={true} />\r\n                <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\r\n                    {\r\n                        !this.loading ? \"Cancelar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\r\n                    }\r\n                </button>\r\n            </div>\r\n        );\r\n    }\r\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-74335744.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as i}from"./p-8c362346.js";const s=class{constructor(i){a(this,i);this.sendPin=undefined;this.loading=undefined;this.value=undefined}async validatePhone(){const a=await this.phoneInputMask.getPhone();await this.sendPin(a)}render(){return i("div",{key:"044d8a3c65878d89149fe5090e091f26a7ba9c70",class:"form-container"},i("phone-input-mask",{key:"b5c8c42c5fad360bfb890945399bd52fa758a16c",initialValue:this.value,ref:a=>this.phoneInputMask=a}),i("button",{key:"6a1b1a3bbaf8ad5dee8630f79753a2dcd77cb60a",class:`btn btn-success btnCrm ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.validatePhone()},!this.loading?"validar":i("loading-spinner",{size:"11px",color:"#fff"})))}};export{s as phone_input};
+//# sourceMappingURL=p-74335744.entry.js.map

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

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

package/dist/crmbonus-component-wake/{p-77d8e96c.entry.js → p-9a32f685.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as s}from"./p-8c362346.js";const t=".spinner{display:inline-block;border:4px solid transparent;border-radius:50%;border-top-color:var(--color, #0078d7);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";const e=t;const n=class{constructor(s){r(this,s);this.size="50px";this.color="#0078d7"}render(){return s("div",{key:"679ae15e2aff1beb1547d096985a77dd124fee9d",class:"spinner",style:{width:this.size,height:this.size,borderColor:`${this.color} transparent transparent transparent`}})}};n.style=e;export{n as loading_spinner};
-//# sourceMappingURL=p-77d8e96c.entry.js.map
+import{r,h as s}from"./p-8c362346.js";const t=".spinner{display:inline-block;border:4px solid transparent;border-radius:50%;border-top-color:var(--color, #0078d7);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";const n=t;const e=class{constructor(s){r(this,s);this.size="50px";this.color="#0078d7"}render(){return s("div",{key:"c1c642cd7dd5fd37cf79516d4af6480c89c84fc1",class:"spinner",style:{width:this.size,height:this.size,borderColor:`${this.color} transparent transparent transparent`}})}};e.style=n;export{e as loading_spinner};
+//# sourceMappingURL=p-9a32f685.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["loadingSpinnerCss","LoadingSpinnerStyle0","LoadingSpinner","render","h","key","class","style","width","this","size","height","borderColor","color"],"sources":["src/components/loading-spinner/loading-spinner.css?tag=loading-spinner&encapsulation=shadow","src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":[".spinner {\r\n    display: inline-block;\r\n    border: 4px solid transparent;\r\n    border-radius: 50%;\r\n    border-top-color: var(--color, #0078d7);\r\n    animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}","import { Component, h, Prop } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'loading-spinner',\r\n    styleUrl: 'loading-spinner.css',\r\n    shadow: true,\r\n})\r\nexport class LoadingSpinner {\r\n    @Prop() size: string = '50px'; // Tamanho do spinner (padrão 50px)\r\n    @Prop() color: string = '#0078d7'; // Cor do spinner (padrão azul)\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"spinner\" style={{ width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` }}></div>\r\n        );\r\n    }\r\n}\r\n"],"mappings":"sCAAA,MAAMA,EAAoB,kOAC1B,MAAAC,EAAeD,E,MCMFE,EAAc,M,mCACA,O,WACC,S,CAExB,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUC,MAAO,CAAEC,MAAOC,KAAKC,KAAMC,OAAQF,KAAKC,KAAME,YAAa,GAAGH,KAAKI,8C","ignoreList":[]}

package/dist/crmbonus-component-wake/p-9c1704c1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as s}from"./p-8c362346.js";import{C as i}from"./p-6b783d44.js";import{S as a}from"./p-ecc51430.js";const n=".form-container{width:100%;display:flex;justify-content:center;justify-content:space-around}.disabled{opacity:0.6;cursor:not-allowed}.message-error{color:#d11111;font-weight:bold;margin-left:16px}";const h=n;const d=class{constructor(e){t(this,e);this.crmBonusService=i.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.customer={phone:"",birthDate:"",document:"",name:""};this.sent=undefined;this.stepNext=undefined;this.phone=undefined;this.loadingModal=undefined;this.saveStore=undefined;this.cancel=undefined;this.handleCustomerName=undefined;this.loading=false;this.step=a.STEP_NAME;this.message=undefined;this.bonus=undefined}async setStep(t){this.step=t}async validateBonus(t){var e,s;this.loading=true;this.message="";const i={pin:t,cellphone:parseInt(this.phone.toString()),storeId:this.sent.storeId.toString(),userId:this.sent.userId.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:null,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(i);this.step=a.STEP_RESERVE}catch(t){this.message=(s=(e=t===null||t===void 0?void 0:t.response)===null||e===void 0?void 0:e.data)===null||s===void 0?void 0:s.message}finally{this.loading=false}}async reserveApply(t){this.loading=true;this.message="";try{await this.reserve(t);this.step=a.STEP_APPLY;this.saveStore(t)}catch(t){this.message="ocorreu um error ao solicitar a aplicação do bonus! tente novamente"}finally{this.loading=false}}async reserve(t){await this.crmBonusService.reserve({redeemedBonus:t,cartId:this.cartId,ticket:this.cartId,grossValue:Number(this.bonus.totalValue),storeName:this.storeName,storeId:this.bonus.storeId.toString(),userId:this.bonus.userId})}handleCancel(){this.step=a.STEP_PHONE;this.cancel()}render(){return e(s,{key:"6cc4f52efdbcb77d480c9e85fcd0b0c10f0598a7"},this.step==a.STEP_NAME&&e("name-input",{key:"2c9bc7d4af5536f929b9a9a50caff90a43e19959",loading:this.loadingModal,value:this.customer.name,applyName:t=>this.handleCustomerName(t)}),this.step===a.STEP_PIN&&e("giftback-pin",{key:"e2fe1b7afba602d4a8106fb331c55cb82eafe82a",cancel:()=>this.handleCancel(),sent:this.sent,validate:t=>this.validateBonus(t),loading:this.loading}),this.step===a.STEP_RESERVE&&e("giftback-progress",{key:"7ff0c00d64909713715f735f1c803b093055badc",loading:this.loading,cancel:()=>this.handleCancel(),bonus:this.bonus,reserve:t=>this.reserveApply(t)}),this.step===a.STEP_APPLY&&e("giftback-finish",{key:"30458626eb3d32b0ab9fca3d1e09c72983560b0b"}),e("p",{key:"0fdd0de0a48433ba39ec07f5f8735e947231a178",class:"message-error"},this.message))}};d.style=h;export{d as crm_bonus_form};
+//# sourceMappingURL=p-9c1704c1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["crmBonusFormCss","CrmBonusFormStyle0","CrmBonusForm","this","crmBonusService","CrmBonusService","getInstance","phone","birthDate","document","name","StepFormEnum","STEP_NAME","setStep","step","validateBonus","pin","loading","message","payload","cellphone","parseInt","toString","storeId","sent","userId","checkoutId","cartId","checkoutProducts","products","storeName","bonus","validatePinBonus","STEP_RESERVE","error","_b","_a","response","data","reserveApply","amount","reserve","STEP_APPLY","saveStore","redeemedBonus","ticket","grossValue","Number","totalValue","handleCancel","STEP_PHONE","cancel","render","h","Host","key","loadingModal","value","customer","applyName","handleCustomerName","STEP_PIN","validate","amountRedeemed","class"],"sources":["src/components/_crm-bonus-form/crm-bonus-form.css?tag=crm-bonus-form&encapsulation=shadow","src/components/_crm-bonus-form/crm-bonus-form.tsx"],"sourcesContent":[".form-container {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    justify-content: space-around;\r\n}\r\n\r\n.disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.message-error {\r\n    color: #d11111;\r\n    font-weight: bold;\r\n    /* font-size: small; */\r\n    margin-left: 16px;\r\n}","import { Component, Host, Method, Prop, State, h } from \"@stencil/core\";\r\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\r\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\r\nimport { StepFormEnum } from \"../../contants\";\r\nimport { IPinSent } from '../../dto/pin.sent';\r\n\r\n@Component({\r\n    tag: 'crm-bonus-form',\r\n    styleUrl: 'crm-bonus-form.css',\r\n    shadow: true\r\n})\r\nexport class CrmBonusForm {\r\n\r\n    private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\r\n\r\n    @Prop({ attribute: 'storename' }) storeName;\r\n    @Prop() cartId;\r\n    @Prop() products: Array<IProduct>;\r\n    @Prop() customer: ICustomer = {\r\n        phone: \"\",\r\n        birthDate: \"\",\r\n        document: \"\",\r\n        name: \"\"\r\n    };\r\n    @Prop() sent: IPinSent;\r\n    @Prop() stepNext: StepFormEnum;\r\n    @Prop() phone: number;\r\n    @Prop() loadingModal: boolean;\r\n\r\n    @Prop() saveStore: (amount: number) => void;\r\n\r\n    @Prop() cancel: () => void;\r\n\r\n    @Prop() handleCustomerName: (name: string) => void;\r\n\r\n    @State() loading: boolean = false;\r\n\r\n    @State() step: number = StepFormEnum.STEP_NAME;\r\n\r\n    @State() message: string;\r\n\r\n    @State() bonus: IBonus;\r\n\r\n    @Method()\r\n    async setStep(step: StepFormEnum) {\r\n        this.step = step\r\n    }\r\n\r\n    public async validateBonus(pin: string) {\r\n        this.loading = true;\r\n        this.message = \"\";\r\n        const payload: IProccesPinBonusDto = {\r\n            pin: pin,\r\n            cellphone: parseInt(this.phone.toString()),\r\n            storeId: this.sent.storeId.toString(),\r\n            userId: this.sent.userId.toString(),\r\n            checkoutId: this.cartId,\r\n            checkoutProducts: this.products,\r\n            name: null,\r\n            storeName: this.storeName\r\n        }\r\n\r\n        try {\r\n            this.bonus = await this.crmBonusService.validatePinBonus(payload);\r\n\r\n            this.step = StepFormEnum.STEP_RESERVE;\r\n        } catch (error) {\r\n            this.message = error?.response?.data?.message\r\n        } finally {\r\n            this.loading = false;\r\n        }\r\n    }\r\n\r\n    public async reserveApply(amount: number) {\r\n        this.loading = true;\r\n        this.message = \"\";\r\n        try {\r\n            await this.reserve(amount);\r\n\r\n            this.step = StepFormEnum.STEP_APPLY;\r\n\r\n            this.saveStore(amount);\r\n        } catch (error) {\r\n            this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\r\n        } finally {\r\n            this.loading = false;\r\n        }\r\n    }\r\n\r\n    public async reserve(amount: number) {\r\n        await this.crmBonusService.reserve({\r\n            redeemedBonus: amount,\r\n            cartId: this.cartId,\r\n            ticket: this.cartId,\r\n            grossValue: Number(this.bonus.totalValue),\r\n            storeName: this.storeName,\r\n            storeId: this.bonus.storeId.toString(),\r\n            userId: this.bonus.userId\r\n        });\r\n    }\r\n\r\n    public handleCancel() {\r\n        this.step = StepFormEnum.STEP_PHONE;\r\n        this.cancel()\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <Host>\r\n                {/* {this.step === StepFormEnum.STEP_PHONE && <phone-input value={this.customer.phone} sendPin={(phone) => this.sendPin(phone)} loading={this.loading} />} */}\r\n                \r\n                {this.step == StepFormEnum.STEP_NAME && <name-input loading={this.loadingModal} value={this.customer.name} applyName={(name) => this.handleCustomerName(name)} />}\r\n                {this.step === StepFormEnum.STEP_PIN && <giftback-pin cancel={() => this.handleCancel()} sent={this.sent} validate={(data) => this.validateBonus(data)} loading={this.loading} />}\r\n\r\n                {this.step === StepFormEnum.STEP_RESERVE && <giftback-progress loading={this.loading} cancel={() => this.handleCancel()} bonus={this.bonus} reserve={(amountRedeemed: number) => this.reserveApply(amountRedeemed)} />}\r\n                {this.step === StepFormEnum.STEP_APPLY && <giftback-finish />}\r\n                <p class=\"message-error\">{this.message}</p>\r\n            </Host>\r\n        )\r\n    }\r\n}"],"mappings":"0HAAA,MAAMA,EAAkB,uMACxB,MAAAC,EAAeD,E,MCUFE,EAAY,M,yBAEbC,KAAAC,gBAAmCC,EAAgBC,c,qFAK7B,CAC1BC,MAAO,GACPC,UAAW,GACXC,SAAU,GACVC,KAAM,I,2LAakB,M,UAEJC,EAAaC,U,4CAOrC,aAAMC,CAAQC,GACVX,KAAKW,KAAOA,C,CAGT,mBAAMC,CAAcC,G,QACvBb,KAAKc,QAAU,KACfd,KAAKe,QAAU,GACf,MAAMC,EAA+B,CACjCH,IAAKA,EACLI,UAAWC,SAASlB,KAAKI,MAAMe,YAC/BC,QAASpB,KAAKqB,KAAKD,QAAQD,WAC3BG,OAAQtB,KAAKqB,KAAKC,OAAOH,WACzBI,WAAYvB,KAAKwB,OACjBC,iBAAkBzB,KAAK0B,SACvBnB,KAAM,KACNoB,UAAW3B,KAAK2B,WAGpB,IACI3B,KAAK4B,YAAc5B,KAAKC,gBAAgB4B,iBAAiBb,GAEzDhB,KAAKW,KAAOH,EAAasB,Y,CAC3B,MAAOC,GACL/B,KAAKe,SAAUiB,GAAAC,EAAAF,IAAK,MAALA,SAAK,SAALA,EAAOG,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEjB,O,SAEtCf,KAAKc,QAAU,K,EAIhB,kBAAMsB,CAAaC,GACtBrC,KAAKc,QAAU,KACfd,KAAKe,QAAU,GACf,UACUf,KAAKsC,QAAQD,GAEnBrC,KAAKW,KAAOH,EAAa+B,WAEzBvC,KAAKwC,UAAUH,E,CACjB,MAAON,GACL/B,KAAKe,QAAU,qE,SAEff,KAAKc,QAAU,K,EAIhB,aAAMwB,CAAQD,SACXrC,KAAKC,gBAAgBqC,QAAQ,CAC/BG,cAAeJ,EACfb,OAAQxB,KAAKwB,OACbkB,OAAQ1C,KAAKwB,OACbmB,WAAYC,OAAO5C,KAAK4B,MAAMiB,YAC9BlB,UAAW3B,KAAK2B,UAChBP,QAASpB,KAAK4B,MAAMR,QAAQD,WAC5BG,OAAQtB,KAAK4B,MAAMN,Q,CAIpB,YAAAwB,GACH9C,KAAKW,KAAOH,EAAauC,WACzB/C,KAAKgD,Q,CAGT,MAAAC,GACI,OACIC,EAACC,EAAI,CAAAC,IAAA,4CAGApD,KAAKW,MAAQH,EAAaC,WAAayC,EAAA,cAAAE,IAAA,2CAAYtC,QAASd,KAAKqD,aAAcC,MAAOtD,KAAKuD,SAAShD,KAAMiD,UAAYjD,GAASP,KAAKyD,mBAAmBlD,KACvJP,KAAKW,OAASH,EAAakD,UAAYR,EAAA,gBAAAE,IAAA,2CAAcJ,OAAQ,IAAMhD,KAAK8C,eAAgBzB,KAAMrB,KAAKqB,KAAMsC,SAAWxB,GAASnC,KAAKY,cAAcuB,GAAOrB,QAASd,KAAKc,UAErKd,KAAKW,OAASH,EAAasB,cAAgBoB,EAAA,qBAAAE,IAAA,2CAAmBtC,QAASd,KAAKc,QAASkC,OAAQ,IAAMhD,KAAK8C,eAAgBlB,MAAO5B,KAAK4B,MAAOU,QAAUsB,GAA2B5D,KAAKoC,aAAawB,KAClM5D,KAAKW,OAASH,EAAa+B,YAAcW,EAAA,mBAAAE,IAAA,6CAC1CF,EAAA,KAAAE,IAAA,2CAAGS,MAAM,iBAAiB7D,KAAKe,S","ignoreList":[]}

package/dist/crmbonus-component-wake/p-9d0e6eb3.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as r}from"./p-8c362346.js";import{C as o}from"./p-6b783d44.js";import{C as t,g as s}from"./p-239cdde1.js";const d=class{constructor(r){a(this,r);this.cart=undefined}async componentWillLoad(){await this.handleOrder()}async handleOrder(){const a=this.cart?new t(JSON.parse(this.cart)):await s();if(a.id&&a.orderId){o.getInstance().updateOrder({cartId:a.id,orderId:a.orderId,cartIdCrm:a.middlewareId});const r=`bc-products:${a.id}`;localStorage.removeItem(r);localStorage.removeItem(a.id)}}render(){return r("div",{key:"fe0d74ef7043acdffe3ec9996cd32e25a772f6b3"})}};export{d as pedido_finalizado};
+//# sourceMappingURL=p-9d0e6eb3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pedido","componentWillLoad","this","handleOrder","cart","CartWake","JSON","parse","getCart","id","orderId","CrmBonusService","getInstance","updateOrder","cartId","cartIdCrm","middlewareId","key","localStorage","removeItem","render","h"],"sources":["src/components/pedido/pedido.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\r\nimport { getCart } from \"../../helpers/cart.helper\";\r\nimport { CartWake } from \"../../objectvalues/cart.wake\";\r\n\r\n@Component({\r\n    tag: \"pedido-finalizado\"\r\n})\r\nexport class Pedido {\r\n\r\n    @Prop() cart;\r\n\r\n    async componentWillLoad() {\r\n        await this.handleOrder()\r\n    }\r\n\r\n    async handleOrder() {\r\n\r\n        const cart = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\r\n\r\n        if (cart.id && cart.orderId) {\r\n            CrmBonusService.getInstance().updateOrder({\r\n                cartId: cart.id,\r\n                orderId: cart.orderId,\r\n                cartIdCrm: cart.middlewareId\r\n            });\r\n\r\n            const key = `bc-products:${cart.id}`;\r\n            localStorage.removeItem(key);\r\n            localStorage.removeItem(cart.id);\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div></div>\r\n        )\r\n    }\r\n}"],"mappings":"gIAQaA,EAAM,M,6CAIf,uBAAMC,SACIC,KAAKC,a,CAGf,iBAAMA,GAEF,MAAMC,EAAOF,KAAKE,KAAO,IAAIC,EAASC,KAAKC,MAAML,KAAKE,aAAeI,IAErE,GAAIJ,EAAKK,IAAML,EAAKM,QAAS,CACzBC,EAAgBC,cAAcC,YAAY,CACtCC,OAAQV,EAAKK,GACbC,QAASN,EAAKM,QACdK,UAAWX,EAAKY,eAGpB,MAAMC,EAAM,eAAeb,EAAKK,KAChCS,aAAaC,WAAWF,GACxBC,aAAaC,WAAWf,EAAKK,G,EAIrC,MAAAW,GACI,OACIC,EAAA,OAAAJ,IAAA,4C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r,h as c}from"./p-8c362346.js";const s=class{constructor(c){r(this,c)}render(){return c("div",{key:"cac3440a4fc57bc74e77132efa2057c3b90b8b44"},"COMPONENT BYCODER")}};export{s as crm_bonus_tray};
+//# sourceMappingURL=p-aa0d168f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["crmBonusTray","render","h","key"],"sources":["src/tray-ecommerce/crm-bonus-tray.tsx"],"sourcesContent":["import { Component, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'crm-bonus-tray'\r\n})\r\nexport class crmBonusTray {\r\n\r\n    render() {\r\n        return (\r\n            <div>COMPONENT BYCODER</div>\r\n        )\r\n    }\r\n}"],"mappings":"4CAKaA,EAAY,M,yBAErB,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,gE","ignoreList":[]}

package/dist/crmbonus-component-wake/p-af3ba015.js.map

@@ -1 +1 @@
-{"version":3,"names":["format","first","middle","last","defineLimit","remainingGiftback","toFixed","replace","isComplete","formatDateToBr","dateTime","date","split","length","reverse","join"],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function defineLimit(remainingGiftback: number) {\n\n  return {\n    remainingGiftback: remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\"),\n    isComplete: (remainingGiftback < 0)\n  }\n}\n\nexport function formatDateToBr(dateTime: string) {\n\n  const [date] = dateTime.split(\" \");\n\n  if (date.length != 10) {\n    return \"\"\n  }\n\n  return date.split(\"-\").reverse().join(\"/\");\n}\n\n\n// Decodifica entidades HTML, se houver\nexport const decodeHtmlEntities = (str: string) => {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(str, 'text/html');\n\n  return doc.documentElement.textContent || str;\n};\n"],"mappings":"SAAgBA,EAAOC,EAAgBC,EAAiBC,GACtD,OAAQF,GAAS,KAAOC,EAAS,IAAIA,IAAW,KAAOC,EAAO,IAAIA,IAAS,GAC7E,C,SAEgBC,EAAYC,GAE1B,MAAO,CACLA,kBAAmBA,EAAoB,EAAI,OAASA,EAAkBC,QAAQ,GAAGC,QAAQ,IAAK,KAC9FC,WAAaH,EAAoB,EAErC,C,SAEgBI,EAAeC,GAE7B,MAAOC,GAAQD,EAASE,MAAM,KAE9B,GAAID,EAAKE,QAAU,GAAI,CACrB,MAAO,E,CAGT,OAAOF,EAAKC,MAAM,KAAKE,UAAUC,KAAK,IACxC,Q","ignoreList":[]}
+{"version":3,"names":["format","first","middle","last","defineLimit","remainingGiftback","toFixed","replace","isComplete","formatDateToBr","dateTime","date","split","length","reverse","join"],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\r\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\r\n}\r\n\r\nexport function defineLimit(remainingGiftback: number) {\r\n\r\n  return {\r\n    remainingGiftback: remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\"),\r\n    isComplete: (remainingGiftback < 0)\r\n  }\r\n}\r\n\r\nexport function formatDateToBr(dateTime: string) {\r\n\r\n  const [date] = dateTime.split(\" \");\r\n\r\n  if (date.length != 10) {\r\n    return \"\"\r\n  }\r\n\r\n  return date.split(\"-\").reverse().join(\"/\");\r\n}\r\n\r\n\r\n// Decodifica entidades HTML, se houver\r\nexport const decodeHtmlEntities = (str: string) => {\r\n  const parser = new DOMParser();\r\n  const doc = parser.parseFromString(str, 'text/html');\r\n\r\n  return doc.documentElement.textContent || str;\r\n};\r\n"],"mappings":"SAAgBA,EAAOC,EAAgBC,EAAiBC,GACtD,OAAQF,GAAS,KAAOC,EAAS,IAAIA,IAAW,KAAOC,EAAO,IAAIA,IAAS,GAC7E,C,SAEgBC,EAAYC,GAE1B,MAAO,CACLA,kBAAmBA,EAAoB,EAAI,OAASA,EAAkBC,QAAQ,GAAGC,QAAQ,IAAK,KAC9FC,WAAaH,EAAoB,EAErC,C,SAEgBI,EAAeC,GAE7B,MAAOC,GAAQD,EAASE,MAAM,KAE9B,GAAID,EAAKE,QAAU,GAAI,CACrB,MAAO,E,CAGT,OAAOF,EAAKC,MAAM,KAAKE,UAAUC,KAAK,IACxC,Q","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-8c362346.js";import{C as s,g as e,U as o}from"./p-6b783d44.js";import{S as n}from"./p-ecc51430.js";import{g as a}from"./p-1b441909.js";import{i as h}from"./p-c53241bf.js";import{p as r}from"./p-239cdde1.js";const c="*{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{font-size:.875rem;line-height:1.25rem}.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 d=c;const l=class{constructor(i){t(this,i);this.crmBonusService=s.getInstance();this.storeName=undefined;this.cartId=undefined;this.products=undefined;this.customer=undefined;this.loadProducts=undefined;this.loadAll=undefined;this.customStyles=undefined;this.reservedInfo=undefined;this.value=undefined;this.loading=false;this.message=undefined;this.phone=undefined;this.pinInfo=undefined;this.step=n.STEP_RESERVE;this.bonus=undefined;this.sucess="";this.error="";this.config=undefined;this.hasApplyBonus=false}async setStep(t){this.step=t}async processBonus(t=[],i=false){await this.loadProducts();this.sucess="";console.log("processBonus",[]);if(i){this.products=t}const s=localStorage.getItem(e(this.cartId));if(s){const t=JSON.parse(s);this.bonus=t;this.phone=t.phone;this.pinInfo={storeId:t.storeId,userId:t.userId};await this.validateBonus("2018")}}async handleSendPin(t){await this.loadAll();this.message="";if(!t){this.message="Informe seu telefone";return}this.phone=t;this.sendPin()}async componentWillLoad(){this.sucess="";this.error="";this.config=a(this.storeName);const t=this.getPhoneNumberAgain();if(t){this.step=n.STEP_PHONE;return}await this.processBonus()}getPhoneNumberAgain(){const t=localStorage.getItem(e(this.cartId));if(!t)return true;const i=JSON.parse(t);return!i.hasBonus}convertStringToNumber(){var t;const i=(t=this.phone)===null||t===void 0?void 0:t.replace(/\D/g,"");return Number(i)}async sendPin(){var t,i,s;this.loading=true;this.message="";this.sucess="";this.error="";try{const i=this.convertStringToNumber();const s=localStorage.getItem(`bc:${this.phone}`);if(!s){this.pinInfo=await this.crmBonusService.sendPin(i,(t=this.customer)===null||t===void 0?void 0:t.name,this.storeName)}if(s){const t=JSON.parse(s);this.pinInfo={storeId:t.storeId,userId:t.userId};await this.validateBonus("2018")}else{this.step=n.STEP_PIN}}catch(t){this.message=(s=(i=t===null||t===void 0?void 0:t.response)===null||i===void 0?void 0:i.data)===null||s===void 0?void 0:s.message}finally{this.loading=false}}changePhone(){this.sucess="";this.error="";this.step=n.STEP_PHONE}async validateBonus(t){var i,s,a,h,r,c,d,l,u,f,m,p;await this.loadProducts();const b=localStorage.getItem(o);if(b=="dontUse"){this.step=n.STEP_RESERVE;return}this.loading=true;this.sucess="";this.error="";const g=((i=this.pinInfo)===null||i===void 0?void 0:i.storeId)||((a=(s=this.reservedInfo)===null||s===void 0?void 0:s.metadata)===null||a===void 0?void 0:a.storeId);const v=((h=this.pinInfo)===null||h===void 0?void 0:h.userId)||((c=(r=this.reservedInfo)===null||r===void 0?void 0:r.metadata)===null||c===void 0?void 0:c.userId);const y=(l=(d=this.reservedInfo)===null||d===void 0?void 0:d.metadata)===null||l===void 0?void 0:l.cellphone;const S={pin:t,cellphone:y||this.convertStringToNumber(),storeId:g.toString(),userId:v.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:(u=this.customer)===null||u===void 0?void 0:u.name,storeName:this.storeName};try{this.bonus=await this.crmBonusService.validatePinBonus(S);if(!this.bonus.hasBonus){localStorage.setItem(e(this.cartId),JSON.stringify(Object.assign(Object.assign({},this.bonus),{phone:this.phone})));this.loading=false;this.step=n.STEP_NO_BONUS;return}this.sucess="Código validado com sucesso!";localStorage.setItem(e(this.cartId),JSON.stringify(Object.assign(Object.assign({},this.bonus),{phone:this.phone})));localStorage.setItem(`bc:${this.phone}`,JSON.stringify(this.bonus));localStorage.setItem(o,"use");localStorage.setItem(this.cartId,this.bonus.bonusBalance.toString());await this.updateMetadata({storeId:Number(g),userId:Number(v)},S.cellphone);console.log("RESERVE",this.bonus);this.step=n.STEP_RESERVE}catch(t){const i=(m=(f=t===null||t===void 0?void 0:t.response)===null||f===void 0?void 0:f.data)===null||m===void 0?void 0:m.response;const s=(p=t===null||t===void 0?void 0:t.response)===null||p===void 0?void 0:p.data;if(i&&i.includes("Pin")){this.error="Código inválido!"}else if([403,500].includes(s.statusCode)){this.error="ocorreu um error, atualize a pagina e tente novamente!"}else{this.error=i;this.step=n.STEP_NO_BONUS}}finally{this.loading=false}}async updateMetadata(t,i){try{if(this.reservedInfo.isExpired()){console.log("[CRM:updateMetadata]");await r(this.storeName,this.cartId,{createdAt:Date.now(),url:window.location.href,storeId:t.storeId,userId:t.userId,cellphone:i});localStorage.removeItem("bc:time")}else{await r(this.storeName,this.cartId,{url:window.location.href,storeId:t.storeId,userId:t.userId,cellphone:i})}}catch(t){console.error("[CRMBONUS:updateMetadata]: ",t)}}handleCancel(){this.cancel()}async cancel(){this.message="";this.loading=true;try{await this.crmBonusService.cancel(this.cartId);localStorage.setItem(o,"dontUse");this.save(0);await this.updateMetadata({storeId:null,userId:null},null)}catch(t){this.message="Não consegui cancelar o bônus, tente novamente!"}finally{this.loading=false}}async reserveApply(t){this.loading=true;this.message="";try{await this.reserve(t);this.save(t)}catch(t){this.message="ocorreu um error ao solicitar a aplicação do bonus! tente novamente";this.step=n.STEP_NO_BONUS;localStorage.removeItem(this.cartId)}finally{this.loading=false}}save(t){localStorage.setItem(this.cartId,t.toString())}async reserve(t){await this.crmBonusService.reserve({redeemedBonus:t,cartId:this.cartId,ticket:this.cartId,grossValue:Number(this.bonus.totalValue),storeName:this.storeName,storeId:this.bonus.storeId.toString(),userId:this.bonus.userId})}render(){var t;console.log("cartId",this.cartId);return i("div",{key:"7d536bc4c088789cba86b682358fb79183441806",class:"crm-container-form fbits-responsive-carrinho-desconto",style:this.customStyles},i("label",{key:"96f870e70b231c0efb451ce91a4d9d4eda3b6156",class:"crm-title"},this.config.giftbackTitle),this.error&&i("label",{key:"ed44b0703c3eebb84f053bf980ef34b32b711d8f",class:"crm-message-error"},this.error),this.step===n.STEP_PHONE&&i("phone-form",{key:"942518d4563f88c9b96e3f82b044d458463a1927",value:(t=this.customer)===null||t===void 0?void 0:t.phone,config:this.config,loading:this.loading,handlerSubmit:t=>this.handleSendPin(t)}),this.step===n.STEP_PIN&&i("pin-form",{key:"3a0c860614edccda1349926af996c62d16b5bee6",config:this.config,phone:this.phone,cancel:()=>this.changePhone(),resend:()=>this.sendPin(),validate:t=>this.validateBonus(t),loading:this.loading},this.sucess&&i("p",{key:"e8c95d4e38d504adbee3383065acc9098feda5bb",class:"crm-message-info"},this.sucess),this.error&&i("p",{key:"1206101b5f87ad3cb80605f42fa42778c0ae50eb",class:"crm-message-error"},this.error)),this.step===n.STEP_RESERVE&&i("giftback-info",{key:"6ae79b6048d876f7846488337dc529a705af2136",storeName:this.storeName,infoBonus:this.reservedInfo,config:this.config,loading:this.loading,cancel:()=>this.handleCancel(),bonus:this.bonus,reserve:()=>this.processBonus(),cartId:this.cartId}),this.step===n.STEP_NO_BONUS&&i("div",{key:"61a72142039f31387807a3d58c2b9028eec32157",class:"container-message"},h.t("noGiftback",{storename:this.config.giftbackTitle})))}};l.style=d;export{l as crm_giftback_form};
+//# sourceMappingURL=p-b1a93d2a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["giftbackFormCss","CrmGiftbackFormStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","StepFormEnum","STEP_RESERVE","setStep","step","processBonus","products","hasNewProduct","loadProducts","sucess","console","log","_bonus","localStorage","getItem","getKeyReserveByCartId","cartId","bonus","JSON","parse","phone","pinInfo","storeId","userId","validateBonus","handleSendPin","loadAll","message","sendPin","componentWillLoad","error","config","getInfoCustomization","storeName","phoneAgain","getPhoneNumberAgain","STEP_PHONE","consulta_bonus","hasBonus","convertStringToNumber","_phone","_a","replace","Number","loading","pinInfoCache","customer","name","STEP_PIN","_c","_b","response","data","changePhone","pin","used_or_no","USED_KEY","reservedInfo","metadata","_d","_f","_e","cellphone","_h","_g","payload","toString","checkoutId","checkoutProducts","_j","validatePinBonus","setItem","stringify","Object","assign","STEP_NO_BONUS","bonusBalance","updateMetadata","_error","_l","_k","_m","includes","statusCode","isExpired","persisteMetadata","createdAt","Date","now","url","window","location","href","removeItem","handleCancel","cancel","save","reserveApply","amount","reserve","redeemedBonus","ticket","grossValue","totalValue","render","h","key","class","style","customStyles","giftbackTitle","value","handlerSubmit","resend","validate","infoBonus","i18next","t","storename"],"sources":["src/components/giftback-form/giftback-form.css?tag=crm-giftback-form","src/components/giftback-form/giftback-form.tsx"],"sourcesContent":["* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n:host {\r\n    --crmfont-sizebodymd: 14px;\r\n    --crmline-heightbodymd: 20px;\r\n    --crmletter-spacingtitle-md: 0px\r\n}\r\n\r\n.container-message {\r\n    /* font-size: var(--crmfont-sizebodymd); */\r\n    font-weight: 400;\r\n    line-height: var(--crmline-heightbodymd);\r\n    letter-spacing: var(--crmletter-spacingtitle-md);\r\n    text-align: left;\r\n    text-underline-position: from-font;\r\n    text-decoration-skip-ink: none;\r\n}\r\n\r\n.crm-container-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-around;\r\n    height: auto;\r\n    padding: 20px 24px 20px 24px;\r\n    border: 1px solid #CCCC;\r\n    writing-mode: horizontal-tb;\r\n    gap: 16px;\r\n    border-top: 1px solid #ccc !important;\r\n    border-bottom: 1px solid #ccc !important;\r\n}\r\n\r\n/* .fbits-responsive-carrinho-desconto {\r\n    overflow: hidden;\r\n    border: 1px solid #ccc;\r\n    border-top: 0;\r\n    border-bottom: 0;\r\n} */\r\n\r\n.crm-phone-form {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    /* justify-content: space-around; */\r\n    gap: 16px;\r\n}\r\n\r\n.crm-subtitle {\r\n    /* font-size: 14px; */\r\n    font-size: .875rem;\r\n    line-height: 1.25rem;\r\n    \r\n}\r\n\r\n.crm-title {\r\n    font-weight: 700;\r\n    line-height: 20px;\r\n    color: #262626;\r\n    /* font-size: 16px; */\r\n}\r\n\r\n.crm-message-info {\r\n    color: #619013;\r\n    font-weight: 500;\r\n    /* font-size: 12px; */\r\n}\r\n\r\n.crm-message-error {\r\n    color: #E11D48;\r\n    font-weight: 500;\r\n    /* font-size: 12px; */\r\n}","import { Component, Method, Prop, State, h } from \"@stencil/core\";\r\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\r\nimport { StepFormEnum } from \"../../contants\";\r\nimport { IPinSent } from '../../dto/pin.sent'\r\nimport { IBonus, ICustomer, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\r\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\r\n\r\nimport i18next from \"../../i18n/i18n\"\r\nimport { USED_KEY, getKeyReserveByCartId } from \"../../utils/keys.storage\";\r\nimport { persisteMetadata } from \"../../helpers/cart.helper\";\r\nimport { ReservedInfoDTO } from \"../../dto/reserved-info.dto\";\r\n\r\n@Component({\r\n  tag: 'crm-giftback-form',\r\n  styleUrl: 'giftback-form.css',\r\n  shadow: false\r\n})\r\nexport class CrmBonus {\r\n  // private phoneInputMask: HTMLPhoneFormElement;\r\n\r\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\r\n\r\n  @Prop({ attribute: 'storename' }) storeName;\r\n  @Prop() cartId;\r\n  @Prop() products: Array<IProduct>;\r\n  @Prop() customer: ICustomer;\r\n  @Prop() loadProducts: () => void;\r\n  @Prop() loadAll: () => void;\r\n\r\n  @Prop() customStyles;\r\n  @Prop() reservedInfo: ReservedInfoDTO;\r\n\r\n  @State() value: string;\r\n  @State() loading: boolean = false;\r\n  @State() message: string;\r\n  @State() phone: string;\r\n  @State() pinInfo: IPinSent;\r\n  @State() step: StepFormEnum = StepFormEnum.STEP_RESERVE;\r\n  @State() bonus: IBonus;\r\n\r\n  @State() sucess: string = \"\";\r\n  @State() error: string = \"\";\r\n  @State() config: IInfoStore;\r\n  @State() hasApplyBonus = false;\r\n\r\n  @Method()\r\n  async setStep(step: StepFormEnum) {\r\n    this.step = step\r\n  }\r\n\r\n  @Method()\r\n  async processBonus(products: IProduct[] = [], hasNewProduct = false) {\r\n    await this.loadProducts();\r\n    this.sucess = \"\";\r\n\r\n    console.log('processBonus', [])\r\n    if (hasNewProduct) {\r\n      this.products = products;\r\n    }\r\n\r\n    const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\r\n\r\n    if (_bonus) {\r\n\r\n      const bonus = JSON.parse(_bonus)\r\n\r\n      this.bonus = bonus;\r\n\r\n      this.phone = bonus.phone;\r\n      this.pinInfo = {\r\n        storeId: bonus.storeId,\r\n        userId: bonus.userId\r\n      }\r\n\r\n      \r\n\r\n      await this.validateBonus(\"2018\");\r\n      //this.step = StepFormEnum.STEP_RESERVE;\r\n\r\n    }\r\n  }\r\n\r\n  async handleSendPin(phone: string) {\r\n    await this.loadAll()\r\n    this.message = \"\"\r\n    if (!phone) {\r\n      this.message = \"Informe seu telefone\";\r\n      return;\r\n    }\r\n\r\n    this.phone = phone;\r\n\r\n    this.sendPin();\r\n  }\r\n\r\n  async componentWillLoad() {\r\n    this.sucess = \"\";\r\n    this.error = \"\"\r\n    this.config = getInfoCustomization(this.storeName);\r\n\r\n    const phoneAgain = this.getPhoneNumberAgain();\r\n\r\n    if (phoneAgain) {\r\n      this.step = StepFormEnum.STEP_PHONE;\r\n      return\r\n    }\r\n\r\n    await this.processBonus();\r\n\r\n  }\r\n\r\n  getPhoneNumberAgain() {\r\n    const consulta_bonus = localStorage.getItem(getKeyReserveByCartId(this.cartId));\r\n\r\n    if (!consulta_bonus) return true;\r\n\r\n    const bonus = JSON.parse(consulta_bonus);\r\n\r\n    return !bonus.hasBonus;\r\n  }\r\n\r\n  private convertStringToNumber(): number {\r\n    const _phone = this.phone?.replace(/\\D/g, '');\r\n    return Number(_phone);\r\n  }\r\n\r\n  public async sendPin() {\r\n    this.loading = true;\r\n    this.message = \"\";\r\n    this.sucess = \"\";\r\n    this.error = \"\"\r\n\r\n    try {\r\n\r\n      const _phone = this.convertStringToNumber();\r\n      const pinInfoCache = localStorage.getItem(`bc:${this.phone}`);\r\n\r\n      if (!pinInfoCache) {\r\n        this.pinInfo = await this.crmBonusService.sendPin(_phone, this.customer?.name, this.storeName);\r\n      }\r\n\r\n      if (pinInfoCache) {\r\n\r\n        const bonus = JSON.parse(pinInfoCache);\r\n\r\n        this.pinInfo = {\r\n          storeId: bonus.storeId,\r\n          userId: bonus.userId\r\n        }\r\n\r\n        await this.validateBonus(\"2018\");\r\n        // this.step = StepFormEnum.STEP_RESERVE;\r\n      } else {\r\n        this.step = StepFormEnum.STEP_PIN;\r\n      }\r\n\r\n    } catch (error) {\r\n      this.message = error?.response?.data?.message\r\n    } finally {\r\n      this.loading = false\r\n    }\r\n  }\r\n\r\n  changePhone() {\r\n    this.sucess = \"\";\r\n    this.error = \"\"\r\n    this.step = StepFormEnum.STEP_PHONE;\r\n  }\r\n\r\n  public async validateBonus(pin: string) {\r\n\r\n    await this.loadProducts();\r\n\r\n    const used_or_no = localStorage.getItem(USED_KEY);\r\n\r\n    if (used_or_no == \"dontUse\") {\r\n      this.step = StepFormEnum.STEP_RESERVE;\r\n      return\r\n    }\r\n\r\n    this.loading = true;\r\n    this.sucess = \"\";\r\n    this.error = \"\";\r\n\r\n    const storeId = this.pinInfo?.storeId || this.reservedInfo?.metadata?.storeId;\r\n    const userId = this.pinInfo?.userId || this.reservedInfo?.metadata?.userId;\r\n    const cellphone = this.reservedInfo?.metadata?.cellphone;\r\n\r\n    const payload: IProccesPinBonusDto = {\r\n      pin: pin,\r\n      cellphone: cellphone || this.convertStringToNumber(),\r\n      storeId: storeId.toString(),\r\n      userId: userId.toString(),\r\n      checkoutId: this.cartId,\r\n      checkoutProducts: this.products,\r\n      name: this.customer?.name,\r\n      storeName: this.storeName\r\n    }\r\n\r\n    try {\r\n      this.bonus = await this.crmBonusService.validatePinBonus(payload);\r\n\r\n      if (!this.bonus.hasBonus) {\r\n\r\n        localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\r\n\r\n        this.loading = false;\r\n        this.step = StepFormEnum.STEP_NO_BONUS;\r\n        return\r\n      }\r\n\r\n      this.sucess = \"Código validado com sucesso!\";\r\n      localStorage.setItem(getKeyReserveByCartId(this.cartId), JSON.stringify({ ...this.bonus, phone: this.phone }));\r\n      localStorage.setItem(`bc:${this.phone}`, JSON.stringify(this.bonus));\r\n\r\n      localStorage.setItem(USED_KEY, \"use\");\r\n      localStorage.setItem(this.cartId, this.bonus.bonusBalance.toString());\r\n\r\n      await this.updateMetadata({ storeId: Number(storeId), userId: Number(userId) }, payload.cellphone);\r\n\r\n      console.log('RESERVE', this.bonus)\r\n      this.step = StepFormEnum.STEP_RESERVE;\r\n\r\n    } catch (error) {\r\n      const _error: string = error?.response?.data?.response;\r\n      const response = error?.response?.data;\r\n\r\n      if (_error && _error.includes(\"Pin\")) {\r\n        this.error = \"Código inválido!\"\r\n      } else if ([403, 500].includes(response.statusCode)) {\r\n        this.error = \"ocorreu um error, atualize a pagina e tente novamente!\"\r\n      } else {\r\n        this.error = _error;\r\n        this.step = StepFormEnum.STEP_NO_BONUS;\r\n      }\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  private async updateMetadata(pinInfo: IPinSent, cellphone: number) {\r\n    try {\r\n      if (this.reservedInfo.isExpired()) {\r\n        console.log('[CRM:updateMetadata]')\r\n        await persisteMetadata(this.storeName, this.cartId, {\r\n          createdAt: Date.now(),\r\n          url: window.location.href,\r\n          storeId: pinInfo.storeId,\r\n          userId: pinInfo.userId,\r\n          cellphone: cellphone,\r\n        });\r\n\r\n        localStorage.removeItem(\"bc:time\");\r\n      } else {\r\n        await persisteMetadata(this.storeName, this.cartId, {\r\n          url: window.location.href,\r\n          storeId: pinInfo.storeId,\r\n          userId: pinInfo.userId,\r\n          cellphone: cellphone,\r\n        });\r\n      }\r\n    } catch (error) {\r\n      console.error('[CRMBONUS:updateMetadata]: ', error);\r\n    }\r\n  }\r\n\r\n  public handleCancel() {\r\n    // this.step = StepFormEnum.STEP_PHONE;\r\n    this.cancel()\r\n  }\r\n\r\n  async cancel() {\r\n    this.message = \"\";\r\n    this.loading = true;\r\n    try {\r\n      await this.crmBonusService.cancel(this.cartId);\r\n\r\n      localStorage.setItem(USED_KEY, \"dontUse\");\r\n      this.save(0)\r\n      await this.updateMetadata({ storeId: null, userId: null }, null);\r\n    } catch (error) {\r\n      this.message = \"Não consegui cancelar o bônus, tente novamente!\"\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  public async reserveApply(amount: number) {\r\n    this.loading = true;\r\n    this.message = \"\";\r\n    try {\r\n      await this.reserve(amount);\r\n      this.save(amount);\r\n\r\n    } catch (error) {\r\n      this.message = \"ocorreu um error ao solicitar a aplicação do bonus! tente novamente\"\r\n\r\n      this.step = StepFormEnum.STEP_NO_BONUS;\r\n      localStorage.removeItem(this.cartId);\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  save(amount: number) {\r\n    localStorage.setItem(this.cartId, amount.toString());\r\n  }\r\n\r\n  public async reserve(amount: number) {\r\n\r\n    await this.crmBonusService.reserve({\r\n      redeemedBonus: amount,\r\n      cartId: this.cartId,\r\n      ticket: this.cartId,\r\n      grossValue: Number(this.bonus.totalValue),\r\n      storeName: this.storeName,\r\n      storeId: this.bonus.storeId.toString(),\r\n      userId: this.bonus.userId\r\n    });\r\n  }\r\n\r\n  render() {\r\n    console.log(\"cartId\", this.cartId)\r\n    return (\r\n      <div class=\"crm-container-form fbits-responsive-carrinho-desconto\" style={this.customStyles}  >\r\n\r\n        {/* <loading-container /> */}\r\n\r\n        <label class=\"crm-title\">{this.config.giftbackTitle}</label>\r\n\r\n        {\r\n          this.error && (<label class=\"crm-message-error\">{this.error}</label>)\r\n        }\r\n\r\n        {this.step === StepFormEnum.STEP_PHONE &&\r\n          <phone-form\r\n            value={this.customer?.phone}\r\n            config={this.config}\r\n            loading={this.loading}\r\n            handlerSubmit={(phone) => this.handleSendPin(phone)}\r\n          />}\r\n        {\r\n          this.step === StepFormEnum.STEP_PIN &&\r\n          <pin-form\r\n            config={this.config}\r\n            phone={this.phone}\r\n            cancel={() => this.changePhone()}\r\n            resend={() => this.sendPin()}\r\n            validate={(data) => this.validateBonus(data)}\r\n            loading={this.loading}\r\n          >\r\n            {this.sucess && <p class=\"crm-message-info\">{this.sucess}</p>}\r\n            {this.error && <p class=\"crm-message-error\">{this.error}</p>}\r\n\r\n          </pin-form>\r\n        }\r\n\r\n        {\r\n          this.step === StepFormEnum.STEP_RESERVE &&\r\n          <giftback-info\r\n            storeName={this.storeName}\r\n            infoBonus={this.reservedInfo}\r\n            config={this.config}\r\n            loading={this.loading}\r\n            cancel={() => this.handleCancel()}\r\n            bonus={this.bonus}\r\n            reserve={() => this.processBonus()}\r\n            cartId={this.cartId}\r\n          />\r\n        }\r\n\r\n        {\r\n          this.step === StepFormEnum.STEP_NO_BONUS &&\r\n          (\r\n            <div class=\"container-message\">\r\n              {i18next.t(\"noGiftback\", { storename: this.config.giftbackTitle })}\r\n            </div>\r\n          )\r\n\r\n        }\r\n      </div>\r\n    )\r\n  }\r\n}"],"mappings":"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","ignoreList":[]}

package/dist/crmbonus-component-wake/{p-5aa35e0f.entry.js → p-b476cb6c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s}from"./p-8c362346.js";const e=class{constructor(s){t(this,s);this.downtime=undefined;this.dataCriacao=undefined;this.minutos=6;this.segundos=60;this.tempoRestante=undefined}componentWillLoad(){const t=this.minutos*this.segundos*1e3;const s=new Date(this.dataCriacao);const e=new Date;const n=e.getTime()-s.getTime();if(n>=t){this.tempoRestante=0;this.onTempoEsgotado()}else{this.tempoRestante=t-n;this.startCountdown()}}disconnectedCallback(){clearInterval(this.intervalId)}startCountdown(){this.intervalId=setInterval((()=>{this.tempoRestante-=1e3;if(this.tempoRestante<=0){this.tempoRestante=0;clearInterval(this.intervalId);this.onTempoEsgotado()}}),1e3)}onTempoEsgotado(){console.log("Tempo esgotado! Executando ação...");this.downtime()}render(){const t=Math.floor(this.tempoRestante/6e4);const e=Math.floor(this.tempoRestante%6e4/1e3);const n=`${String(t).padStart(2,"0")}:${String(e).padStart(2,"0")}`;return s("label",{key:"6190afd08b9a61e6521e5420962b095ff287ccdc"}," ",n)}};export{e as countdown_timer};
-//# sourceMappingURL=p-5aa35e0f.entry.js.map
+import{r as t,h as s}from"./p-8c362346.js";const e=class{constructor(s){t(this,s);this.downtime=undefined;this.dataCriacao=undefined;this.minutos=6;this.segundos=60;this.tempoRestante=undefined}componentWillLoad(){const t=this.minutos*this.segundos*1e3;const s=new Date(this.dataCriacao);const e=new Date;const n=e.getTime()-s.getTime();if(n>=t){this.tempoRestante=0;this.onTempoEsgotado()}else{this.tempoRestante=t-n;this.startCountdown()}}disconnectedCallback(){clearInterval(this.intervalId)}startCountdown(){this.intervalId=setInterval((()=>{this.tempoRestante-=1e3;if(this.tempoRestante<=0){this.tempoRestante=0;clearInterval(this.intervalId);this.onTempoEsgotado()}}),1e3)}onTempoEsgotado(){console.log("Tempo esgotado! Executando ação...");this.downtime()}render(){const t=Math.floor(this.tempoRestante/6e4);const e=Math.floor(this.tempoRestante%6e4/1e3);const n=`${String(t).padStart(2,"0")}:${String(e).padStart(2,"0")}`;return s("label",{key:"144bcb2c2c16268ea1e8158f1b6940e3f12dedcf"}," ",n)}};export{e as countdown_timer};
+//# sourceMappingURL=p-b476cb6c.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CountdownTimer","componentWillLoad","tempoTotal","this","minutos","segundos","data","Date","dataCriacao","agora","tempoPassado","getTime","tempoRestante","onTempoEsgotado","startCountdown","disconnectedCallback","clearInterval","intervalId","setInterval","console","log","downtime","render","Math","floor","tempoFormatado","String","padStart","h","key"],"sources":["src/components/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { Component, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'countdown-timer',\r\n})\r\nexport class CountdownTimer {\r\n\r\n    @Prop() downtime: () => void;\r\n    @Prop() dataCriacao: string;\r\n    @Prop() minutos: number = 6;\r\n    @Prop() segundos: number = 60;\r\n\r\n    @State() tempoRestante: number; // em milissegundos\r\n\r\n    private intervalId: any;\r\n\r\n    componentWillLoad() {\r\n        const tempoTotal = this.minutos * this.segundos * 1000;\r\n        const data = new Date(this.dataCriacao);\r\n        const agora = new Date();\r\n        const tempoPassado = agora.getTime() - data.getTime();\r\n\r\n        if (tempoPassado >= tempoTotal) {\r\n            this.tempoRestante = 0;\r\n            this.onTempoEsgotado();\r\n        } else {\r\n            this.tempoRestante = tempoTotal - tempoPassado;\r\n            this.startCountdown();\r\n        }\r\n    }\r\n\r\n    disconnectedCallback() {\r\n        clearInterval(this.intervalId);\r\n    }\r\n\r\n    startCountdown() {\r\n        this.intervalId = setInterval(() => {\r\n            this.tempoRestante -= 1000;\r\n            if (this.tempoRestante <= 0) {\r\n                this.tempoRestante = 0;\r\n                clearInterval(this.intervalId);\r\n                this.onTempoEsgotado();\r\n            }\r\n        }, 1000);\r\n    }\r\n\r\n    onTempoEsgotado() {\r\n        console.log('Tempo esgotado! Executando ação...');\r\n        this.downtime()\r\n    }\r\n\r\n    render() {\r\n        const minutos = Math.floor(this.tempoRestante / 60000);\r\n        const segundos = Math.floor((this.tempoRestante % 60000) / 1000);\r\n        const tempoFormatado = `${String(minutos).padStart(2, '0')}:${String(segundos).padStart(2, '0')}`;\r\n\r\n        return (\r\n            <label> {tempoFormatado}</label>\r\n        );\r\n    }\r\n}\r\n"],"mappings":"iDAKaA,EAAc,M,yFAIG,E,cACC,G,6BAM3B,iBAAAC,GACI,MAAMC,EAAaC,KAAKC,QAAUD,KAAKE,SAAW,IAClD,MAAMC,EAAO,IAAIC,KAAKJ,KAAKK,aAC3B,MAAMC,EAAQ,IAAIF,KAClB,MAAMG,EAAeD,EAAME,UAAYL,EAAKK,UAE5C,GAAID,GAAgBR,EAAY,CAC5BC,KAAKS,cAAgB,EACrBT,KAAKU,iB,KACF,CACHV,KAAKS,cAAgBV,EAAaQ,EAClCP,KAAKW,gB,EAIb,oBAAAC,GACIC,cAAcb,KAAKc,W,CAGvB,cAAAH,GACIX,KAAKc,WAAaC,aAAY,KAC1Bf,KAAKS,eAAiB,IACtB,GAAIT,KAAKS,eAAiB,EAAG,CACzBT,KAAKS,cAAgB,EACrBI,cAAcb,KAAKc,YACnBd,KAAKU,iB,IAEV,I,CAGP,eAAAA,GACIM,QAAQC,IAAI,sCACZjB,KAAKkB,U,CAGT,MAAAC,GACI,MAAMlB,EAAUmB,KAAKC,MAAMrB,KAAKS,cAAgB,KAChD,MAAMP,EAAWkB,KAAKC,MAAOrB,KAAKS,cAAgB,IAAS,KAC3D,MAAMa,EAAiB,GAAGC,OAAOtB,GAASuB,SAAS,EAAG,QAAQD,OAAOrB,GAAUsB,SAAS,EAAG,OAE3F,OACIC,EAAA,SAAAC,IAAA,gDAASJ,E","ignoreList":[]}

package/dist/crmbonus-component-wake/{p-bcb65b4e.entry.js → p-b9baad26.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t}from"./p-8c362346.js";const i="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6IzI1QUU4ODsiIGN4PSIyNSIgY3k9IjI1IiByPSIyNSIvPg0KPHBvbHlsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgcG9pbnRzPSINCgkzOCwxNSAyMiwzMyAxMiwyNSAiLz4NCjwvc3ZnPg==";const n=".message-finish{align-content:center;text-align:center}.message-finish p{color:#777676;}";const o=n;const a=class{constructor(t){e(this,t)}render(){return t("div",{key:"b50de7b8b640743412c0e60f9f5188942658ba6a",class:"message-finish"},t("img",{key:"fd7e019d408ae5cac8970b8e66b13ff73edd3e7f",src:i,width:80}),t("p",{key:"272db70f766f0cd9cdb06c006040f8899c423cb3"},"Legal! O Bônus será aplicado na sua compra."))}};a.style=o;const c=":host{display:block}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;gap:10px;margin:26px 0}input{width:58px;height:40px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;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}.footer-button{display:flex;justify-content:space-between;width:100%}";const s=c;const d=class{constructor(t){e(this,t);this.sent=undefined;this.validate=undefined;this.cancel=undefined;this.pin=["","","",""];this.isVerified=false;this.loading=false}handleInput(e,t){const i=e.target;const n=i.value.slice(0,1);this.pin[t]=n;if(n&&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}}render(){return t("div",{key:"7486082912679fff55785889a17106fc6671fad5",class:"form-container-pin"},t("div",{key:"3934dba774e30d5e3b118bc1c54de76484889b98"},t("p",{key:"c9cebcbf7fb2b2b378b9b3b0afcccb6839a403b6"},"Insira o PIN de 4 dígitos enviado por SMS."),t("div",{key:"ebf9c9aaea23c88e4bd3a09897bef8545bd4b74f",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("div",{key:"bcf8955d5b946959e5500aecf7b1e3eb582cd41a",class:"footer-button"},t("button",{key:"a542d17e8d462400711be2a49a509c37811e962e",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),t("button",{key:"7f134440710b8f21f21665e880ec8094babf2a6b",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.validatePin()},!this.loading?"Enviar":t("loading-spinner",{size:"15px",color:"#fff"}))))}};d.style=s;const r=":host{display:flex;border-radius:10px;padding:16px;max-width:100%;flex-direction:column}.giftback-container{display:flex;flex-direction:column}.giftback-container p{}h3{margin:0 0 10px;}p{margin:5px 0;align-self:start}.validity{color:#888}.progress-container{display:flex;align-items:center;margin:10px 0}progress-container span{color:#666}input[type='range']{flex:1;margin:0 10px;appearance:none;background-color:#ccc;height:6px;border-radius:3px;outline:none;cursor:pointer}input[type='range']::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background-color:#555;cursor:pointer}.remaining{font-weight:bold;color:#333}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:10px;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}.disabled{opacity:0.6;cursor:not-allowed}.footer-button-giftback{display:flex;justify-content:space-between;margin-top:14px}";const b=r;const l=class{constructor(t){e(this,t);this.usedValue=0;this.loading=false;this.bonus={totalBonus:0,cartId:"",minimumPurchase:0,bonusBalance:0,calculatedValue:0,firstValidityDate:""};this.reserve=undefined;this.cancel=undefined}componentWillLoad(){this.usedValue=parseFloat(this.bonus.bonusBalance.toString())}handleSliderChange(e){const t=e.target;this.usedValue=parseFloat(t.value)}async handleReserve(e){this.reserve(e)}render(){const e=this.bonus.minimumPurchase-this.bonus.totalValue;return t("div",{key:"c1680dc6ea2d0c11e850bf9d6d17154463012f2e",class:"giftback-container"},t("p",{key:"6ec6b57b186af3e62ebd4cd3a4064c971533f573"},"Você possui até ",t("strong",{key:"e53a6abaf90459c8be4adf32a835f61abf283737"},"R$ ",this.bonus.totalBonus.toFixed(2))," de Giftback nessa compra!"),t("p",{key:"3fd4f5ea5f5a1938cf98b9d5aa998bd38c9bcf71",class:"validity"},"Válido até: ",new Date(this.bonus.firstValidityDate).toLocaleDateString("pt-Br")),t("p",{key:"c27d0b1880d1508006a62ceed34a1b4e49191622"},"Você está utilizando ",t("strong",{key:"88bd223bf1e426cb15c2c79e1c01b1cdb0a087d7"},"R$ ",this.usedValue.toFixed(2))," nessa compra"),t("div",{key:"c64d835dd75fce0cde17c56d79e5acc8c863a4c8",class:"progress-container"},t("span",{key:"f172eec3888deb302476d673dff783de8dbc9d9e"},"R$ 0"),t("input",{key:"91f44e02cb55a9ea0754607e2c81304470d44129",disabled:true,type:"range",min:"0",step:"0.01",max:this.bonus.totalBonus,value:this.usedValue,onInput:e=>this.handleSliderChange(e)}),t("span",{key:"39c34000013b29ee2a5ced46c87e75acd8f0ccb2"},"R$ ",this.bonus.totalBonus.toFixed(2))),t("p",{key:"027d3d6d7cb51a5b3ac6779273fc4e922e67ac6b",class:"remaining"},"Faltam ",t("strong",{key:"979b7e9fdcfe1b3220f5fa6e76bc2daaa662c59c"},"R$ ",e>0?e.toFixed(2):Number(0).toFixed(2))," para utilizar o valor total do Giftback."),t("div",{key:"dc966024c72ff82b941ac70483fb93aec926049c",class:"footer-button-giftback"},t("button",{key:"f68f1f00a82bb9bed9a7b3419d04056cee02244c",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),t("button",{key:"e4218c2baec40e7799391a53795465f58be263e6",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.handleReserve(this.usedValue)},!this.loading?"Aplicar":t("loading-spinner",{size:"10px",color:"#fff"}))))}};l.style=b;const p=".bc-form-control{display:block;width:90%;height:24px;padding:7px 18px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.bc-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.bc-btn-process{background:#00162e;border-color:#00162e;width:30%;color:#fff}.bc-footer-btn{display:flex;justify-content:end;margin:11px}.name-container{font-weight:bold;color:#494545}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#bbb}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:11px;min-width:120px;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}.footer-button{display:flex;justify-content:space-between;width:97%;margin-top:14px}";const f=p;const u=class{constructor(t){e(this,t);this.value=undefined;this.loading=undefined;this.applyName=undefined;this.cancel=undefined;this.newValue=undefined;this.message=undefined}handleChangeName(e){this.newValue=e.target.value}handleSetName(e){if(!e){this.message="Informe seu nome";return}this.applyName(e)}render(){return t("div",{key:"e7340de629d6b39389a55b1b93e85ff9481fe635",class:"name-container"},t("p",{key:"1b8306842614d144b9776956053828f23adfa3ab"},"Seu Nome:"),t("input",{key:"eb92740ed0fc8f56f4dc2d6af0fc47c083bb1368",class:"bc-form-control",type:"text",value:this.value,onChange:e=>this.handleChangeName(e)}),t("p",{key:"c184767bc91444cb357e3103a909186fa8223d56"},this.message),t("div",{key:"80b817a03faa730519ddd3d1e61a227ead8a90cf",class:"footer-button"},t("button",{key:"4863eed4addae2d3dee9ee415e8797cabf7b054c",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),t("button",{key:"b50b5919b0db45d13abc7d968baba4e8616e9ed5",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.handleSetName(this.newValue)},!this.loading?"Continua":t("loading-spinner",{size:"15px",color:"#fff"}))))}};u.style=f;export{a as giftback_finish,d as giftback_pin,l as giftback_progress,u as name_input};
-//# sourceMappingURL=p-bcb65b4e.entry.js.map
+import{r as e,h as t}from"./p-8c362346.js";const i="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiANCgkgdmlld0JveD0iMCAwIDUwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6IzI1QUU4ODsiIGN4PSIyNSIgY3k9IjI1IiByPSIyNSIvPg0KPHBvbHlsaW5lIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwOyIgcG9pbnRzPSINCgkzOCwxNSAyMiwzMyAxMiwyNSAiLz4NCjwvc3ZnPg==";const n=".message-finish{align-content:center;text-align:center}.message-finish p{color:#777676;}";const o=n;const a=class{constructor(t){e(this,t)}render(){return t("div",{key:"e32646bd2ef2f8336262b206aebd7eb4bf37d9f9",class:"message-finish"},t("img",{key:"e866cf43b1c4ca43fff000af02b919a9878b1566",src:i,width:80}),t("p",{key:"452a7ce0bd5fd9a729d299e5c058e68e7a4928db"},"Legal! O Bônus será aplicado na sua compra."))}};a.style=o;const c=":host{display:block}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;gap:10px;margin:26px 0}input{width:58px;height:40px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;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}.footer-button{display:flex;justify-content:space-between;width:100%}";const s=c;const r=class{constructor(t){e(this,t);this.sent=undefined;this.validate=undefined;this.cancel=undefined;this.pin=["","","",""];this.isVerified=false;this.loading=false}handleInput(e,t){const i=e.target;const n=i.value.slice(0,1);this.pin[t]=n;if(n&&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}}render(){return t("div",{key:"a05b02c21780511f6b8c2549ed01feaf93796808",class:"form-container-pin"},t("div",{key:"a88cbf3a59166a12a4c72b5b00c97d30b8f6c644"},t("p",{key:"4be53967640d06b7eb7182545c7fd6504a0c41a7"},"Insira o PIN de 4 dígitos enviado por SMS."),t("div",{key:"0c73ed59159223f148d5c39f3c1e23ea315c42ef",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("div",{key:"bcb35393b6548ebd632f3b46ebbde0da7495be8d",class:"footer-button"},t("button",{key:"02d9b01e3b88574f720456949ecbb688ea56e0ed",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),t("button",{key:"76e9dd429d8a6a6408c67346ae516fe2d9eea392",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.validatePin()},!this.loading?"Enviar":t("loading-spinner",{size:"15px",color:"#fff"}))))}};r.style=s;const d=":host{display:flex;border-radius:10px;padding:16px;max-width:100%;flex-direction:column}.giftback-container{display:flex;flex-direction:column}.giftback-container p{}h3{margin:0 0 10px;}p{margin:5px 0;align-self:start}.validity{color:#888}.progress-container{display:flex;align-items:center;margin:10px 0}progress-container span{color:#666}input[type='range']{flex:1;margin:0 10px;appearance:none;background-color:#ccc;height:6px;border-radius:3px;outline:none;cursor:pointer}input[type='range']::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background-color:#555;cursor:pointer}.remaining{font-weight:bold;color:#333}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:10px;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}.disabled{opacity:0.6;cursor:not-allowed}.footer-button-giftback{display:flex;justify-content:space-between;margin-top:14px}";const b=d;const l=class{constructor(t){e(this,t);this.usedValue=0;this.loading=false;this.bonus={totalBonus:0,cartId:"",minimumPurchase:0,bonusBalance:0,calculatedValue:0,firstValidityDate:""};this.reserve=undefined;this.cancel=undefined}componentWillLoad(){this.usedValue=parseFloat(this.bonus.bonusBalance.toString())}handleSliderChange(e){const t=e.target;this.usedValue=parseFloat(t.value)}async handleReserve(e){this.reserve(e)}render(){const e=this.bonus.minimumPurchase-this.bonus.totalValue;return t("div",{key:"59d859108264c1a84e90e7752747ed31779b1830",class:"giftback-container"},t("p",{key:"c9335b66d2b28e44681777c853ec52ab0135e16f"},"Você possui até ",t("strong",{key:"160029d8ad4b5c11d840243ca895d27fbcbee5a9"},"R$ ",this.bonus.totalBonus.toFixed(2))," de Giftback nessa compra!"),t("p",{key:"5f81b5b7b45241fe5f6ff1720c3833082c4703ea",class:"validity"},"Válido até: ",new Date(this.bonus.firstValidityDate).toLocaleDateString("pt-Br")),t("p",{key:"eb0a0cb8d5015a7ecb6ae7cf12049f5edcd63e9c"},"Você está utilizando ",t("strong",{key:"f0106bfb69bbdff8b21d566cefd92c242e47ad7c"},"R$ ",this.usedValue.toFixed(2))," nessa compra"),t("div",{key:"e9018ad33cc33fad3fa68708a7faf58e303d87da",class:"progress-container"},t("span",{key:"158ed756a190bbea2b1bfe54fe1eb9185f81a172"},"R$ 0"),t("input",{key:"8a932c663702fa7be590f055773d19bc796799ac",disabled:true,type:"range",min:"0",step:"0.01",max:this.bonus.totalBonus,value:this.usedValue,onInput:e=>this.handleSliderChange(e)}),t("span",{key:"4b6ed89646ddc6b0003385e6ea4e2fe34a16f480"},"R$ ",this.bonus.totalBonus.toFixed(2))),t("p",{key:"b17882427b521344934412cf5b1c1fd97e58cd8d",class:"remaining"},"Faltam ",t("strong",{key:"4d0a31a77f050975578312fa356da9b8ac6f5ee6"},"R$ ",e>0?e.toFixed(2):Number(0).toFixed(2))," para utilizar o valor total do Giftback."),t("div",{key:"744157790d538c711b49d04ae9da30140c01288e",class:"footer-button-giftback"},t("button",{key:"9b4dc8e20b5f243db4aefe5bb5722ceb512acaca",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),t("button",{key:"50491467550f5c89b9e60689c69773157f7e3e05",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.handleReserve(this.usedValue)},!this.loading?"Aplicar":t("loading-spinner",{size:"10px",color:"#fff"}))))}};l.style=b;const p=".bc-form-control{display:block;width:90%;height:24px;padding:7px 18px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.bc-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.bc-btn-process{background:#00162e;border-color:#00162e;width:30%;color:#fff}.bc-footer-btn{display:flex;justify-content:end;margin:11px}.name-container{font-weight:bold;color:#494545}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#bbb}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:11px;min-width:120px;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}.footer-button{display:flex;justify-content:space-between;width:97%;margin-top:14px}";const f=p;const u=class{constructor(t){e(this,t);this.value=undefined;this.loading=undefined;this.applyName=undefined;this.cancel=undefined;this.newValue=undefined;this.message=undefined}handleChangeName(e){this.newValue=e.target.value}handleSetName(e){if(!e){this.message="Informe seu nome";return}this.applyName(e)}render(){return t("div",{key:"5cbd25af143ea45b2358effb448d920d9a9abfb4",class:"name-container"},t("p",{key:"e277b2345070c4eb6614f45aa8730fd4332938de"},"Seu Nome:"),t("input",{key:"b8b1dcf61f07a7a28491288aae58374c2a15bd5a",class:"bc-form-control",type:"text",value:this.value,onChange:e=>this.handleChangeName(e)}),t("p",{key:"657756c09c431d649fc72a06b50591687c8753d2"},this.message),t("div",{key:"c2b13c2f44925723fd271709b125d785d46b34a3",class:"footer-button"},t("button",{key:"e58913207a82be6469adf58a337e9cd15914f623",class:"button-cancel",disabled:this.loading,onClick:()=>this.cancel()},"Cancelar"),t("button",{key:"816ef162682b36801651148c380f13c69221f830",class:`button ${this.loading?"disabled":""} `,disabled:this.loading,onClick:()=>this.handleSetName(this.newValue)},!this.loading?"Continua":t("loading-spinner",{size:"15px",color:"#fff"}))))}};u.style=f;export{a as giftback_finish,r as giftback_pin,l as giftback_progress,u as name_input};
+//# sourceMappingURL=p-b9baad26.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["successSvgrepoComSvg","giftbackFinishCss","GiftbackFinishStyle0","GiftbackFinish","render","h","key","class","src","success","width","giftbackPinCss","GiftbackPinStyle0","GiftbackPin","handleInput","event","index","input","target","value","slice","this","pin","length","nextInput","nextElementSibling","focus","validatePin","validate","join","verifyPin","pinCode","isVerified","map","_","type","maxLength","onInput","disabled","loading","onClick","cancel","size","color","giftbackProgressCss","GiftbackProgressStyle0","GiftbackProgress","totalBonus","cartId","minimumPurchase","bonusBalance","calculatedValue","firstValidityDate","componentWillLoad","usedValue","parseFloat","bonus","toString","handleSliderChange","handleReserve","reserve","remainingGiftback","totalValue","toFixed","Date","toLocaleDateString","min","step","max","Number","nameInputCss","NameInputStyle0","NameInput","handleChangeName","newValue","handleSetName","name","message","applyName","onChange"],"sources":["src/components/crm-bonus/assets/svg/success-svgrepo-com.svg","src/components/_crm-bonus-form/subcomponents/giftback-finish/giftback-finish.css?tag=giftback-finish&encapsulation=shadow","src/components/_crm-bonus-form/subcomponents/giftback-finish/giftback-finish.tsx","src/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.css?tag=giftback-pin&encapsulation=shadow","src/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.tsx","src/components/_crm-bonus-form/subcomponents/giftback-progress/giftback-progress.css?tag=giftback-progress&encapsulation=shadow","src/components/_crm-bonus-form/subcomponents/giftback-progress/giftback-progress.tsx","src/components/_crm-bonus-form/subcomponents/name-input/name-input.css?tag=name-input&encapsulation=shadow","src/components/_crm-bonus-form/subcomponents/name-input/name-input.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\r\n<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\r\n<svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" \r\n\t viewBox=\"0 0 50 50\" xml:space=\"preserve\">\r\n<circle style=\"fill:#25AE88;\" cx=\"25\" cy=\"25\" r=\"25\"/>\r\n<polyline style=\"fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;\" points=\"\r\n\t38,15 22,33 12,25 \"/>\r\n</svg>",".message-finish {\r\n    align-content: center;\r\n    text-align: center;\r\n}\r\n\r\n.message-finish p {\r\n    color: #777676;\r\n    /* font-size: xx-large; */\r\n}","import { Component, h } from \"@stencil/core\";\r\nimport success from '../../../crm-bonus/assets/svg/success-svgrepo-com.svg'\r\n\r\n@Component({\r\n    tag: 'giftback-finish',\r\n    styleUrl: 'giftback-finish.css',\r\n    shadow: true\r\n})\r\nexport class GiftbackFinish {\r\n    render() {\r\n        return (\r\n            <div class=\"message-finish\">\r\n                <img src={success} width={80} />\r\n                <p>Legal! O Bônus será aplicado na sua compra.</p>\r\n            </div>\r\n        )\r\n    }\r\n}",":host {\r\n    display: block;\r\n}\r\n\r\n.form-container-pin {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.pin-container {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin: 26px 0;\r\n}\r\n\r\ninput {\r\n    width: 58px;\r\n    height: 40px;\r\n    /* font-size: 18px; */\r\n    text-align: center;\r\n    border: 1px solid #ccc;\r\n    border-radius: 5px;\r\n}\r\n\r\nbutton {\r\n    padding: 10px 20px;\r\n    /* background-color: #ddd; */\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.success {\r\n    color: green;\r\n    margin-top: 10px;\r\n}\r\n\r\n.button {\r\n    top: 50%;\r\n    background-color: #6c6c7e;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 15px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 20px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.button-cancel {\r\n    top: 50%;\r\n    background-color: #ffffff;\r\n    color: #1e1c1c;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.footer-button {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n}","import { Component, h, Prop, State } from '@stencil/core';\r\nimport { IPinSent } from '../../../../dto/pin.sent';\r\n\r\n@Component({\r\n    tag: 'giftback-pin',\r\n    styleUrl: 'giftback-pin.css',\r\n    shadow: true,\r\n})\r\nexport class GiftbackPin {\r\n\r\n    @Prop() sent: IPinSent;\r\n    @Prop() validate: (pin: string) => void;\r\n    @Prop() cancel: () => void;\r\n\r\n    @State() pin: string[] = ['', '', '', ''];\r\n    @State() isVerified: boolean = false;\r\n\r\n    @Prop() loading: boolean = false;\r\n\r\n    handleInput(event: Event, index: number) {\r\n        const input = event.target as HTMLInputElement;\r\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\r\n        this.pin[index] = value;\r\n\r\n        // Focar no próximo campo, se possível\r\n        if (value && index < this.pin.length - 1) {\r\n            const nextInput = input.nextElementSibling as HTMLInputElement;\r\n            nextInput?.focus();\r\n        }\r\n\r\n        this.pin = [...this.pin];\r\n    }\r\n\r\n    validatePin() {\r\n        this.validate(this.pin.join(\"\"))\r\n    }\r\n\r\n    verifyPin() {\r\n        const pinCode = this.pin.join('');\r\n        if (pinCode === '9999') {\r\n            this.isVerified = true;\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"form-container-pin\">\r\n                <div >\r\n                    <p>Insira o PIN de 4 dígitos enviado por SMS.</p>\r\n                    <div class=\"pin-container\">\r\n                        {this.pin.map((_, index) => (\r\n                            <input\r\n                                type=\"text\"\r\n                                maxLength={1}\r\n                                value={this.pin[index]}\r\n                                onInput={(event) => this.handleInput(event, index)}\r\n                            />\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"footer-button\">\r\n                    <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\r\n                        Cancelar\r\n                    </button>\r\n                    <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePin()}>\r\n                        {\r\n                            !this.loading ? \"Enviar\" : <loading-spinner size=\"15px\" color=\"#fff\" />\r\n                        }\r\n                    </button>\r\n                </div>\r\n                {/* <button onClick={() => this.verifyPin()}>Enviar</button>\r\n                {this.isVerified && <p class=\"success\">Código verificado com sucesso!</p>} */}\r\n            </div>\r\n        );\r\n    }\r\n}\r\n",":host {\r\n    display: flex;\r\n    /* background-color: #f8f4eb; */\r\n    border-radius: 10px;\r\n    padding: 16px;\r\n    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */\r\n    max-width: 100%;\r\n    flex-direction: column;\r\n}\r\n\r\n.giftback-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.giftback-container p {\r\n    /* font-size: medium; */\r\n}\r\n\r\n\r\nh3 {\r\n    margin: 0 0 10px;\r\n    /* font-size: 18px; */\r\n}\r\n\r\np {\r\n    margin: 5px 0;\r\n    /* font-size: 14px; */\r\n    align-self: start;\r\n}\r\n\r\n.validity {\r\n    /* font-size: 12px; */\r\n    color: #888;\r\n}\r\n\r\n.progress-container {\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 10px 0;\r\n}\r\n\r\nprogress-container span {\r\n    /* font-size: 12px; */\r\n    color: #666;\r\n}\r\n\r\ninput[type='range'] {\r\n    flex: 1;\r\n    margin: 0 10px;\r\n    appearance: none;\r\n    background-color: #ccc;\r\n    height: 6px;\r\n    border-radius: 3px;\r\n    outline: none;\r\n    cursor: pointer;\r\n}\r\n\r\ninput[type='range']::-webkit-slider-thumb {\r\n    appearance: none;\r\n    width: 14px;\r\n    height: 14px;\r\n    border-radius: 50%;\r\n    background-color: #555;\r\n    cursor: pointer;\r\n}\r\n\r\n.remaining {\r\n    font-weight: bold;\r\n    /* font-size: 14px; */\r\n    color: #333;\r\n}\r\n\r\n.button {\r\n    top: 50%;\r\n    background-color: #6c6c7e;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.button-cancel {\r\n    top: 50%;\r\n    background-color: #ffffff;\r\n    color: #1e1c1c;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.footer-button-giftback {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-top: 14px;\r\n}","import { Component, h, State, Prop } from '@stencil/core';\r\nimport { IBonus } from '../../../../dto/validate.pin.bonus';\r\n\r\n@Component({\r\n    tag: 'giftback-progress',\r\n    styleUrl: 'giftback-progress.css',\r\n    shadow: true,\r\n})\r\nexport class GiftbackProgress {\r\n    @State() usedValue: number = 0;\r\n\r\n    @Prop() loading: boolean = false;\r\n\r\n    @Prop() bonus: Partial<IBonus> = {\r\n        totalBonus: 0,\r\n        cartId: \"\",\r\n        minimumPurchase: 0,\r\n        bonusBalance: 0,\r\n        calculatedValue: 0,\r\n        firstValidityDate: \"\"\r\n    };\r\n\r\n    @Prop() reserve: (amountRedeemed: number) => void;\r\n    @Prop() cancel: () => void;\r\n\r\n    componentWillLoad() {\r\n        this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\r\n    }\r\n\r\n    handleSliderChange(event: Event) {\r\n        const input = event.target as HTMLInputElement;\r\n        this.usedValue = parseFloat(input.value);\r\n    }\r\n\r\n    async handleReserve(value: number) {\r\n        this.reserve(value);\r\n    }\r\n\r\n    render() {\r\n        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\r\n\r\n        return (\r\n            <div class=\"giftback-container\">\r\n                <p>\r\n                    Você possui até <strong>R$ {this.bonus.totalBonus.toFixed(2)}</strong> de Giftback nessa compra!\r\n                </p>\r\n                <p class=\"validity\">Válido até: {new Date(this.bonus.firstValidityDate).toLocaleDateString('pt-Br')}</p>\r\n\r\n                <p>Você está utilizando <strong>R$ {this.usedValue.toFixed(2)}</strong> nessa compra</p>\r\n\r\n                <div class=\"progress-container\">\r\n                    <span>R$ 0</span>\r\n                    <input\r\n                        disabled\r\n                        type=\"range\"\r\n                        min=\"0\"\r\n                        step=\"0.01\"\r\n                        max={this.bonus.totalBonus}\r\n                        value={this.usedValue}\r\n                        onInput={(event) => this.handleSliderChange(event)}\r\n                    />\r\n                    <span>R$ {this.bonus.totalBonus.toFixed(2)}</span>\r\n                </div>\r\n\r\n                <p class=\"remaining\">\r\n                    Faltam <strong>R$ {remainingGiftback > 0 ? remainingGiftback.toFixed(2) : Number(0).toFixed(2)}</strong> para utilizar o valor total do Giftback.\r\n                </p>\r\n\r\n                <div class=\"footer-button-giftback\">\r\n\r\n                    <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()} >\r\n                        Cancelar\r\n                    </button>\r\n\r\n                    <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleReserve(this.usedValue)}>\r\n                        {\r\n                            !this.loading ? \"Aplicar\" : <loading-spinner size=\"10px\" color=\"#fff\" />\r\n                        }\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n",".bc-form-control {\r\n    display: block;\r\n    width: 90%;\r\n    height: 24px;\r\n    padding: 7px 18px;\r\n    /* font-size: 14px; */\r\n    line-height: 1.42857143;\r\n    color: #555;\r\n    background-color: #fff;\r\n    background-image: none;\r\n    border: 1px solid #ccc;\r\n    border-radius: 0px;\r\n    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\r\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\r\n    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\r\n    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r\n    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r\n}\r\n\r\n.bc-btn {\r\n    display: inline-block;\r\n    padding: 6px 12px;\r\n    margin-bottom: 0;\r\n    /* font-size: 14px; */\r\n    font-weight: 400;\r\n    line-height: 1.42857143;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    -ms-touch-action: manipulation;\r\n    touch-action: manipulation;\r\n    cursor: pointer;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    background-image: none;\r\n    border: 1px solid transparent;\r\n    border-radius: 0px;\r\n}\r\n\r\n.bc-btn-process {\r\n    background: #00162e;\r\n    border-color: #00162e;\r\n    width: 30%;\r\n    color: #fff;\r\n}\r\n\r\n.bc-footer-btn {\r\n    display: flex;\r\n    justify-content: end;\r\n    margin: 11px;\r\n}\r\n\r\n.name-container {\r\n    font-weight: bold;\r\n    color: #494545;\r\n}\r\n\r\n\r\nbutton {\r\n    padding: 10px 20px;\r\n    background-color: #ddd;\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\nbutton:hover {\r\n    background-color: #bbb;\r\n}\r\n\r\n.success {\r\n    color: green;\r\n    margin-top: 10px;\r\n}\r\n\r\n.button {\r\n    top: 50%;\r\n    background-color: #6c6c7e;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 11px;\r\n    min-width: 120px;\r\n    /* font-size: 20px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.button-cancel {\r\n    top: 50%;\r\n    background-color: #ffffff;\r\n    color: #1e1c1c;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.footer-button {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 97%;\r\n    margin-top: 14px;\r\n}","import { Component, Prop, State, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'name-input',\r\n    styleUrl: 'name-input.css',\r\n    shadow: true\r\n})\r\nexport class NameInput {\r\n\r\n    @Prop() value: string;\r\n\r\n    @Prop() loading: boolean;\r\n    @Prop() applyName: (value: string) => void;\r\n    @Prop() cancel: () => void;\r\n    \r\n    @State() newValue: string;\r\n    @State() message: string;\r\n\r\n    handleChangeName(event: any) {\r\n        this.newValue = event.target.value;\r\n    }\r\n\r\n\r\n    handleSetName(name: string) {\r\n        if(!name) {\r\n            this.message = \"Informe seu nome\";\r\n            return\r\n        }\r\n\r\n        this.applyName(name);\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"name-container\">\r\n                <p>Seu Nome:</p>\r\n                <input class=\"bc-form-control\" type=\"text\" value={this.value} onChange={(event) => this.handleChangeName(event)} />\r\n\r\n                <p>{ this.message }</p>\r\n\r\n                {/* <div class=\"bc-footer-btn\">\r\n                    <button class=\"bc-btn bc-btn-process\" onClick={() => this.applyName(this.newValue)} >Prosseguir</button>\r\n                </div> */}\r\n\r\n                <div class=\"footer-button\">\r\n                    <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\r\n                        Cancelar\r\n                    </button>\r\n                    <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleSetName(this.newValue)}>\r\n                        {\r\n                            !this.loading ? \"Continua\" : <loading-spinner size=\"15px\" color=\"#fff\" />\r\n                        }\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as s}from"./p-8c362346.js";import{C as i,U as o}from"./p-6b783d44.js";import{d as e,S as a}from"./p-ecc51430.js";import{i as n}from"./p-c53241bf.js";import{b as r}from"./p-0bc27e39.js";import{g as c,a as h,C as l}from"./p-239cdde1.js";const d=".container-button{cursor:pointer;padding:5px 5px 5px 14px;}.section-crm{border:1px solid #dbd4d4;text-align:-webkit-center;margin-bottom:20px}.section-cart-crm{margin-top:10px}.section-cart-crm p{padding:0;margin:0px 0px 0px 15px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;padding:15px;min-height:30px;min-width:120px;cursor:pointer;margin-left:10px;height:70px}.form-container{width:97%;display:flex;justify-content:space-around}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.form-container .btnCrm{background:#00162e;border-color:#00162e;width:30%;color:#fff}.message-alert{color:#df4d4d;margin-top:5px}";const u=d;const f=class{constructor(s){t(this,s);this.crmBonusService=i.getInstance();this.cart=undefined;this.canhidden=false;this.showModal=false;this.cartWake=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;this.styles=e;this.reservedInfo=undefined}async resetBonus(){console.log("[START RESET BONUS]!!!!!");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(a.STEP_PHONE)}finally{this.loading=false}}async setloading(){this.loading_reprocess=!this.loading_reprocess}async reprocess(){console.log("[CRMBONUS] - reprocess");this.loading_reprocess=true;try{const t=localStorage.getItem(o);if(!t)return;this.cartWake=await c();await this.resetBonus()}catch(t){console.debug("[watchProducts]",t.message)}finally{this.loading_reprocess=false}}async componentWillLoad(){window.addEventListener("productRemovedFromCart",(async()=>{console.log("[CRMBONUS] - productRemovedFromCart");await this.reprocess()}));window.addEventListener("productAddedToCart",(async()=>{console.log("[CRMBONUS] - productAddedToCart");await this.reprocess()}));document.querySelectorAll("form").forEach((t=>{t.addEventListener("submit",(()=>{console.log("[CRMBONUS] - Formulário está sendo submetido!");setTimeout((async()=>{await this.reprocess()}))}))}));n.changeLanguage(n.language);await this.handleLoad();await this.loadSession();await this.loadConfigStore()}async loadConfigStore(){const[t,s]=await Promise.all([this.crmBonusService.getCustomization(this.cartWake.store.name),h(this.cartWake.id,this.cartWake.store.name)]);console.log("[infoBonus]",s);this.reservedInfo=s;if(t.keepStoreFrontStyle){this.styles=null}}async handleLoad(){try{this.cartWake=this.cart?new l(JSON.parse(this.cart)):await c();if(this.cartWake.user.id){this.customer=await this.crmBonusService.getCustomer(this.cartWake.user.id,this.cartWake.store.name);console.log("customer",this.customer)}const t=localStorage.getItem(this.cartWake.id);if(t){this.canCancel=true;this.amountCancel=t}await this.buildAndGetProducts(this.cartWake.products)}catch(t){console.log("info customer")}}async loadSession(){this.session=await this.crmBonusService.getToken(this.cartWake.store.name);setTimeout((()=>{this.loadSession()}),15e5)}async buildAndGetProducts(t){const s=`bc-products:${this.cartWake.id}`;const i=JSON.stringify(t);localStorage.setItem(s,i);const o=JSON.parse(localStorage.getItem(s));const e=[];for(const s of t){const[t]=o.filter((t=>t.ProdutoVarianteId==s.ProdutoVarianteId));const[i={Valor:0}]=t.Ajustes.filter((t=>t.Tipo==="Formula"));if(t){e.push(Object.assign(Object.assign({},s),{PrecoPor:t.PrecoPor+i.Valor*-1,Quantidade:t.Quantidade,Ajustes:t.Ajustes}))}else{e.push(s)}}this.cartWake.products=e}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.cartWake.store.name);await this.crmBonusRef.setStep(a.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.cartWake.store.name);await this.crmBonusRef.setStep(a.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 r(this.cartWake.products)}handleCloseModal(){this.showModal=false}save(t){localStorage.setItem(this.cartWake.id,t.toString());this.canCancel=true;this.amountCancel=t.toString()}async cancel(){this.message="";this.loading=true;try{await this.crmBonusService.cancel(this.cartWake.id);this.canCancel=false;localStorage.removeItem(this.cartWake.id)}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(a.STEP_NAME);this.showModal=true}render(){if(this.canhidden){return null}return s("loading-container",{loading:this.loading_reprocess},s("crm-giftback-form",{customStyles:this.styles,style:{position:"relative"},ref:t=>this.crmBonusRef=t,storeName:this.cartWake.store.name,products:this.buildProducts(),cartId:this.cartWake.id,customer:this.customer,loadProducts:()=>this.buildProducts(),loadAll:()=>this.handleLoad(),reservedInfo:this.reservedInfo}))}static get assetsDirs(){return["assets"]}};f.style=u;export{f as crm_bonus};
+//# sourceMappingURL=p-bbea7258.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["crmBonusCss","CrmBonusStyle0","CrmBonus","this","crmBonusService","CrmBonusService","getInstance","birthDate","document","name","phone","defaultStyles","resetBonus","console","log","crmBonusRef","processBonus","buildProducts","err","loading","setStep","StepFormEnum","STEP_PHONE","setloading","loading_reprocess","reprocess","isUse","localStorage","getItem","USED_KEY","cartWake","getCart","debug","message","componentWillLoad","window","addEventListener","async","querySelectorAll","forEach","el","setTimeout","i18next","changeLanguage","language","handleLoad","loadSession","loadConfigStore","customization","infoBonus","Promise","all","getCustomization","store","getInfoBonusByCartIdAndStoreName","id","reservedInfo","keepStoreFrontStyle","styles","cart","CartWake","JSON","parse","user","customer","getCustomer","amount","canCancel","amountCancel","buildAndGetProducts","products","error","session","getToken","productsWake","key","productsString","stringify","setItem","products_in_cache","product_cart","pro","filter","p","ProdutoVarianteId","ajuste","Valor","Ajustes","aj","Tipo","push","Object","assign","PrecoPor","Quantidade","sendPin","_phone","replace","Number","sent","STEP_PIN","showModal","_b","_a","response","data","sendPinName","customerName","buildProductsByWake","handleCloseModal","save","toString","cancel","removeItem","handleSendPin","STEP_NAME","render","canhidden","h","customStyles","style","position","ref","storeName","cartId","loadProducts","loadAll"],"sources":["src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["\r\n.container-button {\r\n  /* max-width: 100%; */\r\n  cursor: pointer;\r\n  padding: 5px 5px 5px 14px;\r\n  /* display: flex; */\r\n}\r\n\r\n/* padding: 0 15px 15px;\r\nborder: 1px solid #ddd;\r\nmargin-bottom: 20px; */\r\n\r\n.section-crm {\r\n  border: 1px solid #dbd4d4;\r\n  /* min-height: 50px; */\r\n  text-align: -webkit-center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.section-cart-crm {\r\n  margin-top: 10px;\r\n}\r\n\r\n.section-cart-crm p {\r\n  padding: 0;\r\n  margin: 0px 0px 0px 15px;\r\n}\r\n\r\n.button {\r\n  top: 50%;\r\n  background-color: #6c6c7e;\r\n  color: #fff;\r\n  border: none;\r\n  /* border-radius: 10px; */\r\n  padding: 15px;\r\n  min-height: 30px;\r\n  min-width: 120px;\r\n  /* font-size: 20px; */\r\n  cursor: pointer;\r\n  margin-left: 10px;\r\n  height: 70px;\r\n}\r\n\r\n.form-container {\r\n  width: 97%;\r\n  display: flex;\r\n  justify-content: space-around;\r\n}\r\n\r\n\r\n.btn {\r\n  display: inline-block;\r\n  padding: 6px 12px;\r\n  margin-bottom: 0;\r\n  /* font-size: 14px; */\r\n  font-weight: 400;\r\n  line-height: 1.42857143;\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  vertical-align: middle;\r\n  -ms-touch-action: manipulation;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  background-image: none;\r\n  border: 1px solid transparent;\r\n  border-radius: 0px;\r\n}\r\n\r\n.form-container .btnCrm {\r\n  background: #00162e;\r\n  border-color: #00162e;\r\n  width: 30%;\r\n  color: #fff;\r\n}\r\n\r\n.message-alert {\r\n  color: #df4d4d;\r\n  margin-top: 5px;\r\n}","import { Component, Method, Prop, State, h } from '@stencil/core';\r\nimport { IProduct, IProductWake, ICustomer } from '../../dto/validate.pin.bonus';\r\nimport { CrmBonusService } from '../../services/crmbonus.service';\r\nimport { IPinSent } from '../../components';\r\nimport { defaultStyles, StepFormEnum } from '../../contants';\r\n\r\nimport i18next from '../../i18n/i18n'\r\nimport { buildProductsByWake } from '../../helpers/build.payload.helper';\r\nimport { getCart, getInfoBonusByCartIdAndStoreName } from '../../helpers/cart.helper';\r\nimport { CartWake } from '../../objectvalues/cart.wake';\r\nimport { USED_KEY } from '../../utils/keys.storage';\r\nimport { ReservedInfoDTO } from '../../dto/reserved-info.dto';\r\n\r\n@Component({\r\n  tag: 'crm-bonus',\r\n  styleUrl: 'crm-bonus.css',\r\n  assetsDirs: ['assets'],\r\n  // scoped: true\r\n  shadow: true\r\n})\r\nexport class CrmBonus {\r\n\r\n  private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\r\n\r\n  private crmBonusRef: HTMLCrmGiftbackFormElement;\r\n\r\n  @Prop() cart;\r\n  @Prop() canhidden: boolean = false;\r\n\r\n  @State() showModal: boolean = false;\r\n\r\n  @State() cartWake: CartWake;\r\n\r\n  @State() customer: ICustomer = {\r\n    birthDate: \"\",\r\n    document: \"\",\r\n    name: \"\",\r\n    phone: \"\"\r\n  };\r\n\r\n  @State() loading: boolean = false;\r\n  @State() message: string;\r\n  @State() phone: number;\r\n  @State() canCancel: boolean = false;\r\n  @State() amountCancel: string;\r\n  @State() sent: IPinSent;\r\n\r\n  @State() session: string;\r\n  @State() loading_reprocess = false;\r\n  @State() styles = defaultStyles;\r\n  @State() reservedInfo: ReservedInfoDTO;\r\n\r\n  @Method()\r\n  async resetBonus() {\r\n    console.log('[START RESET BONUS]!!!!!');\r\n\r\n    try {\r\n      await this.crmBonusRef.processBonus(this.buildProducts(), true);\r\n      console.log('[BONUS RESETADO]!!!!!');\r\n    } catch (err) {\r\n\r\n      this.loading = false;\r\n      console.log('[error ao reprocessar bonous]');\r\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PHONE);\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async setloading() {\r\n    this.loading_reprocess = !this.loading_reprocess;\r\n  }\r\n\r\n  @Method()\r\n  async reprocess() {\r\n    console.log(\"[CRMBONUS] - reprocess\")\r\n    this.loading_reprocess = true\r\n\r\n    try {\r\n\r\n      const isUse = localStorage.getItem(USED_KEY);\r\n\r\n      if (!isUse) return;\r\n\r\n      this.cartWake = await getCart();\r\n      await this.resetBonus();\r\n    } catch (err) {\r\n      console.debug('[watchProducts]', err.message);\r\n    } finally {\r\n      this.loading_reprocess = false\r\n    }\r\n  }\r\n\r\n  async componentWillLoad() {\r\n\r\n    window.addEventListener('productRemovedFromCart', async () => {\r\n      console.log('[CRMBONUS] - productRemovedFromCart');\r\n      await this.reprocess()\r\n    });\r\n\r\n    window.addEventListener('productAddedToCart', async () => {\r\n      console.log('[CRMBONUS] - productAddedToCart');\r\n      await this.reprocess();\r\n    });\r\n\r\n    document.querySelectorAll('form').forEach((el) => {\r\n      el.addEventListener(\"submit\", () => {\r\n        console.log(\"[CRMBONUS] - Formulário está sendo submetido!\");\r\n        // você pode marcar como \"em submissão\" aqui\r\n\r\n        setTimeout(async () => {\r\n          await this.reprocess();\r\n        })\r\n      });\r\n    })\r\n\r\n\r\n    i18next.changeLanguage(i18next.language);\r\n\r\n    await this.handleLoad();\r\n\r\n    await this.loadSession();\r\n    await this.loadConfigStore()\r\n  }\r\n\r\n  async loadConfigStore() {\r\n\r\n    const [customization, infoBonus] = await Promise.all([\r\n      this.crmBonusService.getCustomization(this.cartWake.store.name),\r\n      getInfoBonusByCartIdAndStoreName(this.cartWake.id, this.cartWake.store.name)\r\n    ]);\r\n\r\n    console.log('[infoBonus]', infoBonus);\r\n\r\n    this.reservedInfo = infoBonus;\r\n\r\n    if (customization.keepStoreFrontStyle) {\r\n      this.styles = null;\r\n    }\r\n  }\r\n\r\n  async handleLoad() {\r\n    try {\r\n\r\n      this.cartWake = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\r\n\r\n      if (this.cartWake.user.id) {\r\n        this.customer = await this.crmBonusService.getCustomer(this.cartWake.user.id, this.cartWake.store.name);\r\n        console.log('customer', this.customer);\r\n      }\r\n\r\n      const amount = localStorage.getItem(this.cartWake.id);\r\n\r\n      if (amount) {\r\n        this.canCancel = true;\r\n        this.amountCancel = amount;\r\n      }\r\n\r\n      await this.buildAndGetProducts(this.cartWake.products);\r\n    } catch (error) {\r\n      console.log('info customer')\r\n    }\r\n  }\r\n\r\n  async loadSession() {\r\n    this.session = await this.crmBonusService.getToken(this.cartWake.store.name);\r\n\r\n    setTimeout(() => {\r\n      this.loadSession()\r\n    }, 1500000)\r\n\r\n  }\r\n\r\n  async buildAndGetProducts(productsWake: IProductWake[]) {\r\n\r\n    const key = `bc-products:${this.cartWake.id}`;\r\n\r\n    const productsString = JSON.stringify(productsWake)\r\n\r\n    localStorage.setItem(key, productsString);\r\n\r\n    const products_in_cache = JSON.parse(localStorage.getItem(key));\r\n\r\n    const products: Array<IProductWake> = []\r\n\r\n    for (const product_cart of productsWake) {\r\n\r\n      const [pro] = products_in_cache.filter(p => p.ProdutoVarianteId == product_cart.ProdutoVarianteId)\r\n\r\n      const [ajuste = { Valor: 0 }] = pro.Ajustes.filter(aj => aj.Tipo === \"Formula\")\r\n\r\n      if (pro) {\r\n        products.push({\r\n          ...product_cart,\r\n          PrecoPor: pro.PrecoPor + (ajuste.Valor * -1),\r\n          Quantidade: pro.Quantidade,\r\n          Ajustes: pro.Ajustes\r\n        })\r\n      } else {\r\n        products.push(product_cart)\r\n      }\r\n\r\n    }\r\n\r\n    this.cartWake.products = products; //cache_products ? JSON.parse(cache_products) : JSON.parse(this.productsInString);\r\n\r\n  }\r\n\r\n  public async sendPin(phone: string) {\r\n    this.loading = true;\r\n    this.message = \"\";\r\n\r\n    try {\r\n\r\n      const _phone = phone.replace(/\\D/g, '');\r\n      this.phone = Number(_phone);\r\n\r\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.cartWake.store.name);;\r\n\r\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\r\n\r\n      this.showModal = true;\r\n    } catch (error) {\r\n      this.message = error?.response?.data?.message\r\n    } finally {\r\n      this.loading = false\r\n    }\r\n  }\r\n\r\n  public async sendPinName(customerName: string) {\r\n    this.loading = true;\r\n    this.message = \"\";\r\n\r\n    try {\r\n      this.customer.name = customerName;\r\n\r\n      this.sent = await this.crmBonusService.sendPin(this.phone, this.customer.name, this.cartWake.store.name);\r\n\r\n      await this.crmBonusRef.setStep(StepFormEnum.STEP_PIN);\r\n\r\n      this.showModal = true;\r\n    } catch (error) {\r\n      this.message = error?.response?.data?.message\r\n    } finally {\r\n      this.loading = false\r\n    }\r\n  }\r\n\r\n  buildProducts(): IProduct[] {\r\n    return buildProductsByWake(this.cartWake.products);\r\n  }\r\n\r\n  handleCloseModal() {\r\n    this.showModal = false;\r\n  }\r\n\r\n  save(amount: number) {\r\n    localStorage.setItem(this.cartWake.id, amount.toString());\r\n    this.canCancel = true;\r\n    this.amountCancel = amount.toString()\r\n  }\r\n\r\n  async cancel() {\r\n    this.message = \"\";\r\n    this.loading = true;\r\n    try {\r\n      await this.crmBonusService.cancel(this.cartWake.id);\r\n      this.canCancel = false;\r\n\r\n      localStorage.removeItem(this.cartWake.id);\r\n    } catch (error) {\r\n      this.message = \"Não consegui cancelar o bônus, tente novamente!\"\r\n    } finally {\r\n      this.loading = false;\r\n    }\r\n  }\r\n\r\n  async handleSendPin(phone: string) {\r\n    this.message = \"\"\r\n    if (!phone) {\r\n      this.message = \"Informe seu telefone\";\r\n      return;\r\n    }\r\n\r\n    this.customer.phone = phone;\r\n    const _phone = phone.replace(/\\D/g, '');\r\n    this.phone = Number(_phone);\r\n\r\n    if (this.customer.name) {\r\n      return this.sendPin(phone)\r\n    }\r\n\r\n    await this.crmBonusRef.setStep(StepFormEnum.STEP_NAME);\r\n    this.showModal = true;\r\n  }\r\n\r\n  render() {\r\n\r\n    if (this.canhidden) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <loading-container loading={this.loading_reprocess} >\r\n        <crm-giftback-form\r\n          customStyles={this.styles}\r\n          style={{ position: \"relative\" }}\r\n          ref={ref => this.crmBonusRef = ref}\r\n          storeName={this.cartWake.store.name}\r\n          products={this.buildProducts()}\r\n          cartId={this.cartWake.id}\r\n          customer={this.customer}\r\n          loadProducts={() => this.buildProducts()}\r\n          loadAll={() => this.handleLoad()}\r\n          reservedInfo={this.reservedInfo}\r\n\r\n        />\r\n      </loading-container>\r\n    )\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}