crmbonus-component-wake 2.1.21-homolog-tray → 2.1.22-ngrok

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-7a92a786.js

@@ -0,0 +1,2 @@
+import{C as t,a as o}from"./p-142e8246.js";class s{constructor(t){var o;this.products=[];this.id=t.Metadados.id||t.Id;this.middlewareId=(o=t.Metadados)===null||o===void 0?void 0:o.id;this.orderId=t.PedidoId;this.buildUserInfo(t);this.buildStoreInfo(t);this.products=this.buildStoreCart(t.Produtos)}buildStoreCart(t=[]){const o=localStorage.getItem("bc:cart");if(!o){return this.saveStore(t)}const s=JSON.parse(o);if(t.length!==s.length){return this.saveStore(t)}for(const o of t){const[n]=s.filter((t=>t.ProdutoVarianteId==o.ProdutoVarianteId));if(n){return t}}return s}saveStore(t){localStorage.setItem("bc:cart",JSON.stringify(t));return t}buildUserInfo(t){this.user={id:t.Usuario?t.Usuario.Id:null}}buildStoreInfo(t){var o;this.store={name:(o=t.Loja)===null||o===void 0?void 0:o.Nome}}}class n{static of(t){const o=new n;o.bonusBalance=t.bonusBalance;o.bonusIds=t.bonusIds;o.calculatedValue=t.calculatedValue;o.cartId=t.cartId;o.metadata=t.metadata;o.orderId=t.orderId;o.status=t.status;o.totalDiscount=t.totalDiscount;o.totalValue=t.totalValue;o.isBonusProcessed=t.isBonusProcessed;return o}isExpired(){var t;const o=(t=this===null||this===void 0?void 0:this.metadata)===null||t===void 0?void 0:t.createdAt;if(!o)return true;const s=Date.now();const n=s-o;const r=n/(1e3*60);console.log("diffMinutes",r);return r>6}}const r=t.getInstance();const i=async()=>{const t=e();console.log("[URL STORE]: ",t);const o=await r.getInfoCart(t);return new s(o)};const a=async(t,o)=>{const s=await r.getInfoBonus(t,o);return n.of(s)};const c=async(t,o,s={})=>{console.log("[bc:salvando metadados]");await r.patchInfoBonus({storeName:t,cartId:o,metadata:s});console.log("[bc:salvo metadados]")};const e=()=>{const t=window.location.origin;if(t.includes("localhost")){return o}if(t.includes("checkout")){return t}if(t.includes("fbits")){return t}if(t.includes("www.")){return t.replace("www","checkout")}return`${window.location.protocol}//checkout.${window.location.host}`};export{s as C,a,i as g,c as p};
+//# sourceMappingURL=p-7a92a786.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CartWake","constructor","cart","this","products","id","Metadados","Id","middlewareId","_a","orderId","PedidoId","buildUserInfo","buildStoreInfo","buildStoreCart","Produtos","newProducts","cache","localStorage","getItem","saveStore","cacheProducts","JSON","parse","length","p","cp","filter","cpp","ProdutoVarianteId","setItem","stringify","user","Usuario","store","name","Loja","Nome","ReservedInfoDTO","of","payload","info","bonusBalance","bonusIds","calculatedValue","cartId","metadata","status","totalDiscount","totalValue","isBonusProcessed","isExpired","createdAt","current","Date","now","diffms","diffMinutes","console","log","crmBonusService","CrmBonusService","getInstance","getCart","async","baseUrl","buildUrlBase","getInfoCart","getInfoBonusByCartIdAndStoreName","storeName","getInfoBonus","persisteMetadata","patchInfoBonus","url","window","location","origin","includes","CHECKOUT_CART_WAKE","replace","protocol","host"],"sources":["src/objectvalues/cart.wake.ts","src/dto/reserved-info.dto.ts","src/helpers/cart.helper.ts"],"sourcesContent":["import { IProductWake, IStore, IUser } from \"../dto/validate.pin.bonus\";\r\n\r\nexport class CartWake {\r\n    id: string;\r\n    middlewareId: string;\r\n    orderId: number;\r\n    products: IProductWake[] = [];\r\n    user: IUser;\r\n    store: IStore;\r\n\r\n    constructor(cart) {\r\n        this.id = cart.Metadados.id || cart.Id;\r\n        this.middlewareId = cart.Metadados?.id;\r\n        this.orderId = cart.PedidoId;\r\n        this.buildUserInfo(cart);\r\n        this.buildStoreInfo(cart);\r\n        this.products = this.buildStoreCart( cart.Produtos);\r\n    }\r\n\r\n    private buildStoreCart(newProducts = []) {\r\n        const cache = localStorage.getItem(\"bc:cart\");\r\n\r\n        if(!cache) {\r\n            return this.saveStore(newProducts)\r\n            \r\n        }\r\n        \r\n        const cacheProducts:IProductWake[] = JSON.parse(cache);\r\n\r\n        if(newProducts.length !== cacheProducts.length) {\r\n            return this.saveStore(newProducts);\r\n        }\r\n\r\n        for (const p of newProducts) {\r\n            const [cp] = cacheProducts.filter(cpp => cpp.ProdutoVarianteId == p.ProdutoVarianteId);\r\n\r\n            if(cp) {\r\n                cp.Quantidade != p.Quantidade;\r\n\r\n                return newProducts;\r\n            }\r\n        }\r\n\r\n        return cacheProducts;\r\n\r\n    }\r\n\r\n\r\n    private saveStore(newProducts) {\r\n        localStorage.setItem(\"bc:cart\", JSON.stringify(newProducts));\r\n\r\n        return newProducts;\r\n    }\r\n\r\n    private buildUserInfo(cart) {\r\n        this.user = {\r\n            id: cart.Usuario ? cart.Usuario.Id : null\r\n        }\r\n    }\r\n\r\n    private buildStoreInfo(cart) {\r\n        this.store = {\r\n            name: cart.Loja?.Nome\r\n        }\r\n    }\r\n}","export class ReservedInfoDTO {\r\n    bonusBalance: string;\r\n    bonusIds: string;\r\n    calculatedValue: string;\r\n    cartId: string;\r\n    metadata: {\r\n        url: string,\r\n        createdAt: number;\r\n        storeId?: string;\r\n        userId?: string;\r\n        cellphone?: number;\r\n    }\r\n    orderId: string;\r\n    status: number;\r\n    totalDiscount: string;\r\n    totalValue: string;\r\n    isBonusProcessed?: boolean;\r\n\r\n\r\n    public static of(payload: any) {\r\n        const info = new ReservedInfoDTO();\r\n        info.bonusBalance = payload.bonusBalance;\r\n        info.bonusIds = payload.bonusIds;\r\n        info.calculatedValue = payload.calculatedValue;\r\n        info.cartId = payload.cartId;\r\n        info.metadata = payload.metadata;\r\n        info.orderId = payload.orderId;\r\n        info.status = payload.status;\r\n        info.totalDiscount = payload.totalDiscount;\r\n        info.totalValue = payload.totalValue;\r\n        info.isBonusProcessed = payload.isBonusProcessed;\r\n        return info;\r\n    }\r\n\r\n    public isExpired(): boolean {\r\n        const createdAt = this?.metadata?.createdAt;\r\n        if(!createdAt) return true;        \r\n        \r\n        const current = Date.now();\r\n\r\n        const diffms = current - createdAt;\r\n\r\n        const diffMinutes = diffms / (1000 * 60);\r\n\r\n        console.log('diffMinutes', diffMinutes);\r\n\r\n        return diffMinutes > 6;\r\n\r\n    }\r\n\r\n}","import { CHECKOUT_CART_WAKE } from \"../../env\";\r\nimport { CartWake } from \"../objectvalues/cart.wake\";\r\nimport { CrmBonusService } from \"../services/crmbonus.service\";\r\nimport { ReservedInfoDTO } from '../dto/reserved-info.dto'\r\n\r\nconst crmBonusService: CrmBonusService = CrmBonusService.getInstance();\r\n\r\nexport const getCart = async (): Promise<CartWake> => {\r\n    const baseUrl = buildUrlBase(); // window.location.origin; //\"https://bycoders.fbits.store\" //window.location.origin;\r\n    \r\n    console.log('[URL STORE]: ', baseUrl)\r\n\r\n    const cart = await crmBonusService.getInfoCart(baseUrl);\r\n\r\n    return new CartWake(cart);\r\n}\r\n\r\nexport const getInfoBonusByCartIdAndStoreName = async (cartId, storeName) => {\r\n    const info = await crmBonusService.getInfoBonus(cartId, storeName)\r\n\r\n    return ReservedInfoDTO.of(info);\r\n}\r\n\r\nexport const persisteMetadata = async (storeName: string, cartId: string, metadata = {}) => {\r\n    console.log('[bc:salvando metadados]');\r\n    await crmBonusService.patchInfoBonus({\r\n        storeName,\r\n        cartId,\r\n        metadata\r\n    });\r\n    console.log('[bc:salvo metadados]');\r\n}\r\n\r\nconst buildUrlBase = () => {\r\n\r\n    const url =  window.location.origin; //\"https://bycoders.checkout.fbits.store\" //\r\n\r\n    if(url.includes('localhost')) {\r\n        return CHECKOUT_CART_WAKE;\r\n    }\r\n\r\n    if(url.includes('checkout')) {\r\n        return url;\r\n    }\r\n\r\n    if(url.includes('fbits')) {\r\n        return url;\r\n    }\r\n\r\n    if(url.includes(\"www.\")) {\r\n        return url.replace(\"www\", \"checkout\")\r\n    }\r\n\r\n    return `${window.location.protocol}//checkout.${window.location.host}`;\r\n\r\n}"],"mappings":"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","ignoreList":[]}

package/dist/crmbonus-component-wake/p-7beb0b90.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-142e8246.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-7beb0b90.entry.js.map

package/dist/crmbonus-component-wake/p-7beb0b90.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-7ee5c218.entry.js

@@ -0,0 +1,2 @@
+import{r as n,h as t}from"./p-8c362346.js";import{g as e}from"./p-1b441909.js";import{C as i,g as o}from"./p-142e8246.js";import{i as a}from"./p-c53241bf.js";import{C as r,g as s,a as c}from"./p-7a92a786.js";import{d}from"./p-ecc51430.js";import{b as l}from"./p-1bc79b08.js";const g="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIvPg0KPHBhdGggZD0iTTE1IDkuOTQ3MjhDMTQuNSA5LjMgMTMuOCA4LjUgMTIgOC41QzEwLjIgOC41IDkgOS41MTM5MyA5IDkuOTQ3MjhDOSAxMC4zODA2IDkuMDY3ODYgMTAuOTI3NyAxMCAxMS41QzEwLjc1MjIgMTEuOTYxOCAxMi42Njg0IDEyLjA0MzkgMTMuNSAxMi41QzE0LjY3OSAxMy4xNDY3IDE0Ljg0OTcgMTMuODIwMiAxNC44NDk3IDE0LjA1MjJDMTQuODQ5NyAxNC42ODM3IDEzLjQxNzUgMTUuNDg1MiAxMiAxNS41QzEwLjUzNiAxNS41MTUzIDkuNSAxNC43IDkgMTQuMDUyMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTEyIDdWMTciIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+";function f(){if(localStorage.getItem("bc:time-allow")){return}const n=localStorage.getItem("bc:time");if(!n){localStorage.setItem("bc:time","360");localStorage.setItem("bc:time-allow","true");return}}const b=".note-container {\r\n    border: 1px solid #dddddd;\r\n    padding: 0 15px 15px;\r\n    margin: 0 0 26px 0px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 13px;\r\n\r\n\r\n    & .description {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 13px;\r\n    }\r\n}\r\n\r\n.note-container hr {\r\n    border: 1px solid #CCC;\r\n}\r\n\r\n.note-container .back-cart {\r\n    display: flex;\r\n    text-align: center;\r\n}\r\n\r\n.note-header {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: space-between;\r\n}\r\n\r\n.note-title {\r\n    font-weight: 700;\r\n    text-align: left;\r\n    display: flex;\r\n    gap: 6px;\r\n    align-items: center;\r\n    margin-top: 11px;\r\n    color: #000;\r\n}\r\n\r\n.note-description {\r\n    color: #6d6d5f;\r\n    padding: 0;\r\n    margin: 0 auto;\r\n}\r\n\r\n.back-cart {\r\n    /* font-size: .9em; */\r\n    color: #27272A;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    margin-top: 11px;\r\n}\r\n\r\n.note-description-2 {\r\n    color: var(--crm-scheme-fg-main-inverse, #262626);\r\n    /* font-size: var(--crm-font-size-body-lg, 16px); */\r\n    font-style: normal;\r\n    font-weight: var(--crm-font-weight-body-bold, 400);\r\n    line-height: var(--crm-line-height-body-md, 20px);\r\n    letter-spacing: var(--crm-letter-spacing-title-md, 0px);\r\n    margin-top: 11px;\r\n    color: #000;\r\n}\r\n\r\n.note-description-not {\r\n    /* font-size: 16px; */\r\n}";const h=b;const u=class{constructor(t){n(this,t);this.crmBonusService=i.getInstance();this.cart=undefined;this.cartWake=undefined;this.url=undefined;this.config=undefined;this.bonus=undefined;this.showEdit=false;this.styles=d;this.infoBonus=undefined;this.loading=false;this.info=undefined}async componentWillLoad(){console.log("[CRM-BONUS-NOTE] componentWillLoad");await this.upadateCheckToFreteAndGetUrl()}async upadateCheckToFreteAndGetUrl(){var n,t,i;this.cartWake=this.cart?new r(JSON.parse(this.cart)):await s();const a=o(this.cartWake.id);try{const e=await c(this.cartWake.id,this.cartWake.store.name);if(e.bonusBalance){localStorage.setItem(this.cartWake.id,e.bonusBalance);localStorage.setItem(a,JSON.stringify({hasBonus:true}))}if(e.isBonusProcessed){this.startTime()}if((n=e===null||e===void 0?void 0:e.metadata)===null||n===void 0?void 0:n.url){this.url=(t=e===null||e===void 0?void 0:e.metadata)===null||t===void 0?void 0:t.url}this.infoBonus={storeId:e===null||e===void 0?void 0:e.metadata.storeId,userId:e===null||e===void 0?void 0:e.metadata.userId,cellphone:(i=e===null||e===void 0?void 0:e.metadata)===null||i===void 0?void 0:i.cellphone};console.log("info",e);this.info=e}catch(n){localStorage.removeItem(a);localStorage.removeItem(this.cartWake.id)}this.config=e(this.cartWake.store.name);if(this.config.keepStoreFrontStyle){this.styles=null}const d=document.getElementsByName("forma-envio");d.forEach((n=>{n.checked=false}))}async processBonus(){var n,t;this.loading=true;try{const e=await s();console.log("[cart-note]",e);const i=l(e.products);const o={pin:"2018",cellphone:this.infoBonus.cellphone,storeId:(n=this.infoBonus)===null||n===void 0?void 0:n.storeId.toString(),userId:(t=this.infoBonus)===null||t===void 0?void 0:t.userId.toString(),checkoutId:this.cartWake.id,checkoutProducts:i,name:"",storeName:this.cartWake.store.name};this.bonus=await this.crmBonusService.validatePinBonus(o)}catch(n){console.error("Error processing bonus:",n)}finally{this.loading=false;await this.upadateCheckToFreteAndGetUrl()}}handleHide(){const n=localStorage.getItem(this.cartWake.id);return!!n}getAmount(){const n=localStorage.getItem(this.cartWake.id);return n?Number(n).toFixed(2).replace(".",",")||"0,00":"0,00"}async backCart(){window.location.href=this.url}startTime(){if(!localStorage.getItem("bc:time-allow")){localStorage.removeItem("bc:time")}f()}hasBonus(){const n=localStorage.getItem(o(this.cartWake.id));const t={hasBonus:false,requestBonus:false};if(n){this.bonus=JSON.parse(n);t.hasBonus=this.bonus.hasBonus;t.requestBonus=true}return t}getTime(){const n=localStorage.getItem("bc:time");return n?Number(n):0}render(){var n;const e=((n=this.config)===null||n===void 0?void 0:n.giftbackTitle)||"Giftback";const i=this.hasBonus();const o=document.getElementById("btn-contaCorrente-nao");if(o){o.addEventListener("change",(async()=>{console.log("O rádio foi selecionado! NÃO");setTimeout((async()=>{await this.processBonus()}),4e3)}))}const r=document.getElementById("btn-contaCorrente-sim");if(r){r.addEventListener("change",(async()=>{console.log("O rádio foi selecionado! SIM");setTimeout((async()=>{await this.processBonus()}),4e3)}))}return t("loading-container",{key:"4a1ae1a0024c591abd8d281bdf98064147a791ae",loading:this.loading},t("div",{key:"8119bf347d8677c1794b13913b1e3fadc7a3d373",class:"note-container",style:this.styles},t("div",{key:"0d1b2fedc01da88d5ab768cdafeb2474dc60cda0",class:"note-header"},t("p",{key:"1a1e6c741d5ca9272afbb0fc6bf94fd291029e48",class:"note-title"},t("img",{key:"0c957b65dce439ea0e4eb58bffe8b4da0c7e11e2",src:g,width:23}),this.config.giftbackTitle),i.hasBonus&&t("div",{key:"128028e06b2fd8fd8eaddf71ebd449458ffed35e"},this.showEdit&&t("p",{key:"8dba62a02ff00c5d545a225e855728ae61dffa57",class:"back-cart",onClick:()=>this.backCart()},a.t("edit")))),i.hasBonus&&t("p",{key:"e5c5aff658ebb4557b9ae9755ae13e887857ed96",class:"note-description-2"},a.t("withApplyBonus",{giftbackname:e})," ",t("strong",{key:"98006717e11f5ecd88ac0048dadcb1979ae89c45"},"R$ ",this.getAmount(),".")),i.requestBonus&&!i.hasBonus&&t("p",{key:"728e9abb6dedb522d28b09db64f55a22cdc50fa3",class:"note-description-not"},a.t("noBonus",{giftbackname:e})),!i.requestBonus&&t("div",{key:"7854623248ed56cac9022d4897b6c526f7f6a49a",class:"description"},t("p",{key:"43cb9fc68afb764d1f702d57a096426438a2f671",class:"note-description-not"},a.t("noBonus",{giftbackname:e})))))}};u.style=h;export{u as crm_bonus_note};
+//# sourceMappingURL=p-7ee5c218.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["moneyDollarsSvgrepoComSvg","setTime","localStorage","getItem","time","setItem","crmBonusNoteCss","CrmBonusNoteStyle0","CrmBonusNote","this","crmBonusService","CrmBonusService","getInstance","defaultStyles","componentWillLoad","console","log","upadateCheckToFreteAndGetUrl","cartWake","cart","CartWake","JSON","parse","getCart","key","getKeyReserveByCartId","id","info","getInfoBonusByCartIdAndStoreName","store","name","bonusBalance","stringify","hasBonus","isBonusProcessed","startTime","_a","metadata","url","_b","infoBonus","storeId","userId","cellphone","_c","error","removeItem","config","getInfoCustomization","keepStoreFrontStyle","styles","envios","document","getElementsByName","forEach","envio","checked","processBonus","loading","products","buildProductsByWake","payload","pin","toString","checkoutId","checkoutProducts","storeName","bonus","validatePinBonus","handleHide","amount","getAmount","Number","toFixed","replace","backCart","window","location","href","_bonus","requestBonus","getTime","render","giftbackname","giftbackTitle","infobonus","inputContaCorrenteNo","getElementById","addEventListener","async","setTimeout","inputContaCorrenteYes","h","class","style","src","money","width","showEdit","onClick","i18next","t"],"sources":["src/assets/svg/money-dollars-svgrepo-com.svg","src/helpers/time.helper.ts","src/components/note/crm-bonus-note.css?tag=crm-bonus-note","src/components/note/crm-bonus-note.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\r\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#000000\" stroke-width=\"2\"/>\r\n<path d=\"M15 9.94728C14.5 9.3 13.8 8.5 12 8.5C10.2 8.5 9 9.51393 9 9.94728C9 10.3806 9.06786 10.9277 10 11.5C10.7522 11.9618 12.6684 12.0439 13.5 12.5C14.679 13.1467 14.8497 13.8202 14.8497 14.0522C14.8497 14.6837 13.4175 15.4852 12 15.5C10.536 15.5153 9.5 14.7 9 14.0522\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n<path d=\"M12 7V17\" stroke=\"#000000\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n</svg>","export function setTime() {\r\n\r\n    if(localStorage.getItem(\"bc:time-allow\")) {\r\n        return\r\n    }\r\n\r\n    const time = localStorage.getItem(\"bc:time\");\r\n\r\n    if(!time) {\r\n        localStorage.setItem(\"bc:time\", \"360\");\r\n        localStorage.setItem(\"bc:time-allow\", \"true\");\r\n        return\r\n    }    \r\n}",".note-container {\r\n    border: 1px solid #dddddd;\r\n    padding: 0 15px 15px;\r\n    margin: 0 0 26px 0px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 13px;\r\n\r\n\r\n    & .description {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 13px;\r\n    }\r\n}\r\n\r\n.note-container hr {\r\n    border: 1px solid #CCC;\r\n}\r\n\r\n.note-container .back-cart {\r\n    display: flex;\r\n    text-align: center;\r\n}\r\n\r\n.note-header {\r\n    display: flex;\r\n    align-items: baseline;\r\n    justify-content: space-between;\r\n}\r\n\r\n.note-title {\r\n    font-weight: 700;\r\n    text-align: left;\r\n    display: flex;\r\n    gap: 6px;\r\n    align-items: center;\r\n    margin-top: 11px;\r\n    color: #000;\r\n}\r\n\r\n.note-description {\r\n    color: #6d6d5f;\r\n    padding: 0;\r\n    margin: 0 auto;\r\n}\r\n\r\n.back-cart {\r\n    /* font-size: .9em; */\r\n    color: #27272A;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    margin-top: 11px;\r\n}\r\n\r\n.note-description-2 {\r\n    color: var(--crm-scheme-fg-main-inverse, #262626);\r\n    /* font-size: var(--crm-font-size-body-lg, 16px); */\r\n    font-style: normal;\r\n    font-weight: var(--crm-font-weight-body-bold, 400);\r\n    line-height: var(--crm-line-height-body-md, 20px);\r\n    letter-spacing: var(--crm-letter-spacing-title-md, 0px);\r\n    margin-top: 11px;\r\n    color: #000;\r\n}\r\n\r\n.note-description-not {\r\n    /* font-size: 16px; */\r\n}","import { Component, Prop, State, h } from \"@stencil/core\";\r\nimport { IInfoStore, getInfoCustomization } from \"../../helpers/info.config.helper\";\r\n\r\nimport money from '../../assets/svg/money-dollars-svgrepo-com.svg'\r\nimport { getKeyReserveByCartId } from \"../../utils/keys.storage\";\r\nimport i18next from \"../../i18n/i18n\"\r\nimport { IBonus, ReservedInfoDTO } from \"../../components\";\r\nimport { setTime } from \"../../helpers/time.helper\";\r\nimport { CartWake } from \"../../objectvalues/cart.wake\";\r\nimport { getCart, getInfoBonusByCartIdAndStoreName } from \"../../helpers/cart.helper\";\r\nimport { defaultStyles } from \"../../contants\";\r\nimport { IProccesPinBonusDto } from \"../../dto/validate.pin.bonus\";\r\nimport { buildProductsByWake } from \"../../helpers/build.payload.helper\";\r\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\r\n\r\n@Component({\r\n    tag: 'crm-bonus-note',\r\n    styleUrl: 'crm-bonus-note.css'\r\n})\r\nexport class CrmBonusNote {\r\n\r\n    private crmBonusService: CrmBonusService = CrmBonusService.getInstance();\r\n\r\n    @Prop() cart;\r\n\r\n    @State() cartWake: CartWake;\r\n    @State() url: string;\r\n    @State() config: IInfoStore;\r\n    @State() bonus: IBonus;\r\n    @State() showEdit: boolean = false;\r\n\r\n    @State() styles = defaultStyles;\r\n    @State() infoBonus: {\r\n        storeId: string,\r\n        userId: string,\r\n        cellphone: number\r\n    }\r\n\r\n    @State() loading: boolean = false;\r\n    @State() info: ReservedInfoDTO;\r\n\r\n    async componentWillLoad() {\r\n        console.log(\"[CRM-BONUS-NOTE] componentWillLoad\");\r\n        await this.upadateCheckToFreteAndGetUrl();\r\n    }\r\n\r\n    async upadateCheckToFreteAndGetUrl() {\r\n\r\n        this.cartWake = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\r\n\r\n        const key = getKeyReserveByCartId(this.cartWake.id);\r\n        try {\r\n            const info = await getInfoBonusByCartIdAndStoreName(this.cartWake.id, this.cartWake.store.name);\r\n\r\n            if (info.bonusBalance) {\r\n                localStorage.setItem(this.cartWake.id, info.bonusBalance);\r\n                localStorage.setItem(key, JSON.stringify({\r\n                    hasBonus: true,\r\n                }));\r\n            }\r\n\r\n            if (info.isBonusProcessed) {\r\n                this.startTime();\r\n            }\r\n\r\n            if (info?.metadata?.url) {\r\n                this.url = info?.metadata?.url;\r\n            }\r\n\r\n            this.infoBonus = {\r\n                storeId: info?.metadata.storeId,\r\n                userId: info?.metadata.userId,\r\n                cellphone: info?.metadata?.cellphone,\r\n            }\r\n\r\n            console.log('info', info);\r\n\r\n            this.info = info;\r\n        } catch (error) {\r\n            localStorage.removeItem(key);\r\n            localStorage.removeItem(this.cartWake.id);\r\n        }\r\n\r\n        this.config = getInfoCustomization(this.cartWake.store.name);\r\n\r\n        if (this.config.keepStoreFrontStyle) {\r\n            this.styles = null;\r\n        }\r\n\r\n        const envios = document.getElementsByName('forma-envio');\r\n        envios.forEach((envio: any) => {\r\n            envio.checked = false;\r\n        });\r\n\r\n    }\r\n\r\n    async processBonus() {\r\n        this.loading = true;\r\n        try {\r\n            const cart = await getCart();\r\n\r\n            console.log('[cart-note]', cart);\r\n\r\n            const products = buildProductsByWake(cart.products);\r\n\r\n            const payload: IProccesPinBonusDto = {\r\n                pin: \"2018\",\r\n                cellphone: this.infoBonus.cellphone,\r\n                storeId: this.infoBonus?.storeId.toString(),\r\n                userId: this.infoBonus?.userId.toString(),\r\n                checkoutId: this.cartWake.id,\r\n                checkoutProducts: products,\r\n                name: \"\",\r\n                storeName: this.cartWake.store.name\r\n            }\r\n\r\n            this.bonus = await this.crmBonusService.validatePinBonus(payload);\r\n        } catch (error) {\r\n            console.error('Error processing bonus:', error);\r\n        } finally {\r\n            this.loading = false;\r\n\r\n            await this.upadateCheckToFreteAndGetUrl();\r\n        }\r\n\r\n    }\r\n\r\n    handleHide() {\r\n        const amount = localStorage.getItem(this.cartWake.id);\r\n        return !!amount;\r\n    }\r\n\r\n    getAmount() {\r\n        const amount = localStorage.getItem(this.cartWake.id);\r\n\r\n        return amount ? Number(amount).toFixed(2).replace(\".\", \",\") || \"0,00\" : \"0,00\";\r\n    }\r\n\r\n    async backCart() {\r\n        window.location.href = this.url;\r\n    }\r\n\r\n\r\n    private startTime() {\r\n\r\n        if (!localStorage.getItem(\"bc:time-allow\")) {\r\n            localStorage.removeItem(\"bc:time\")\r\n        }\r\n\r\n        setTime();\r\n    }\r\n\r\n    hasBonus() {\r\n        const _bonus = localStorage.getItem(getKeyReserveByCartId(this.cartWake.id));\r\n\r\n        const info = {\r\n            hasBonus: false,\r\n            requestBonus: false\r\n        }\r\n\r\n        if (_bonus) {\r\n            this.bonus = JSON.parse(_bonus);\r\n            info.hasBonus = this.bonus.hasBonus;\r\n            info.requestBonus = true;\r\n        }\r\n\r\n        return info;\r\n    }\r\n\r\n    getTime() {\r\n        const time = localStorage.getItem(\"bc:time\")\r\n\r\n        return time ? Number(time) : 0;\r\n    }\r\n\r\n    render() {\r\n\r\n        const giftbackname = this.config?.giftbackTitle || \"Giftback\";\r\n\r\n        const infobonus = this.hasBonus();\r\n\r\n        const inputContaCorrenteNo = document.getElementById('btn-contaCorrente-nao');\r\n\r\n        if (inputContaCorrenteNo) {\r\n            inputContaCorrenteNo.addEventListener('change', async () => {\r\n                console.log('O rádio foi selecionado! NÃO');\r\n\r\n                setTimeout(async () => {\r\n                    await this.processBonus();\r\n                }, 4000);\r\n            });\r\n        }\r\n\r\n        const inputContaCorrenteYes = document.getElementById('btn-contaCorrente-sim');\r\n\r\n        if (inputContaCorrenteYes) {\r\n            inputContaCorrenteYes.addEventListener('change', async () => {\r\n                console.log('O rádio foi selecionado! SIM');\r\n                setTimeout(async () => {\r\n                    await this.processBonus();\r\n                }, 4000);\r\n            });\r\n        }\r\n\r\n        return (\r\n            <loading-container loading={this.loading} >\r\n                <div class=\"note-container\" style={this.styles}>\r\n                    <div class=\"note-header\">\r\n\r\n                        <p class=\"note-title\">\r\n                            <img src={money} width={23} />\r\n                            {this.config.giftbackTitle}\r\n                        </p>\r\n                        {\r\n                            infobonus.hasBonus && (\r\n                                <div>\r\n                                    {this.showEdit && (\r\n                                        <p class=\"back-cart\" onClick={() => this.backCart()}>\r\n                                            {i18next.t(\"edit\")}\r\n                                        </p>\r\n                                    )}\r\n                                </div>\r\n                            )\r\n                        }\r\n                    </div>\r\n\r\n                    {\r\n                        infobonus.hasBonus &&\r\n                        (\r\n                            <p class=\"note-description-2\">\r\n                                {i18next.t(\"withApplyBonus\", { giftbackname: giftbackname })} <strong>R$ {this.getAmount()}.</strong>\r\n                            </p>\r\n                        )\r\n                    }\r\n\r\n                    {\r\n                        (infobonus.requestBonus && !infobonus.hasBonus) &&\r\n                        (\r\n                            <p class=\"note-description-not\">\r\n                                {i18next.t(\"noBonus\", { giftbackname: giftbackname })}\r\n                            </p>\r\n                        )\r\n                    }\r\n\r\n                    {\r\n                        !infobonus.requestBonus &&\r\n                        (\r\n                            <div class=\"description\">\r\n                                <p class=\"note-description-not\">\r\n                                    {i18next.t(\"noBonus\", { giftbackname: giftbackname })}\r\n                                </p>\r\n                            </div>\r\n                        )\r\n                    }\r\n                </div>\r\n            </loading-container>\r\n        )\r\n    }\r\n}"],"mappings":"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","ignoreList":[]}

package/dist/crmbonus-component-wake/p-85d2747a.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-142e8246.js";import{S as a}from"./p-ecc51430.js";import{g as n}from"./p-1b441909.js";import{i as h}from"./p-c53241bf.js";import{p as r}from"./p-7a92a786.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 l=c;const d=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=a.STEP_RESERVE;this.bonus=undefined;this.sucess="";this.error="";this.config=undefined;this.hasApplyBonus=false;this.loadingAllComponent=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=n(this.storeName);const t=this.getPhoneNumberAgain();if(t){this.step=a.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=a.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=a.STEP_PHONE}async validateBonus(t){var i,s,n,h,r,c,l,d,f,u,m,p;this.loadingAllComponent=true;await this.loadProducts();const b=localStorage.getItem(o);if(b=="dontUse"){this.step=a.STEP_RESERVE;return}this.loading=true;this.sucess="";this.error="";const g=((i=this.pinInfo)===null||i===void 0?void 0:i.storeId)||((n=(s=this.reservedInfo)===null||s===void 0?void 0:s.metadata)===null||n===void 0?void 0:n.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=(d=(l=this.reservedInfo)===null||l===void 0?void 0:l.metadata)===null||d===void 0?void 0:d.cellphone;const S={pin:t,cellphone:y||this.convertStringToNumber(),storeId:g.toString(),userId:v.toString(),checkoutId:this.cartId,checkoutProducts:this.products,name:(f=this.customer)===null||f===void 0?void 0:f.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=a.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());this.updateMetadata({storeId:Number(g),userId:Number(v)},S.cellphone);console.log("RESERVE",this.bonus);this.step=a.STEP_RESERVE}catch(t){const i=(m=(u=t===null||t===void 0?void 0:t.response)===null||u===void 0?void 0:u.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=a.STEP_NO_BONUS}}finally{this.loading=false;this.loadingAllComponent=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=a.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(){console.log("cartId",this.cartId);return i("div",{key:"e012c67ed92ba775e8696e35e4f1bec0c0375de4",class:"crm-container-form fbits-responsive-carrinho-desconto",style:this.customStyles},i("label",{key:"d7f551fc83ae9f83a388e18ba9a35bf57e3c1f94",class:"crm-title"},this.config.giftbackTitle),this.error&&i("label",{key:"fe377fc09b5b64ce6283e64a80c3f11f7efb9d24",class:"crm-message-error"},this.error),this.step===a.STEP_PHONE&&i("phone-form",{key:"dd7a29d00056cf4b6b732633395e696163bfc354",value:this.customer.phone,config:this.config,loading:this.loading,handlerSubmit:t=>this.handleSendPin(t)}),this.step===a.STEP_PIN&&i("pin-form",{key:"52b0ca1ab73831ed10e3aa6ed39f5f7c9a65e6cb",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:"520a508cc10894bce1bb90830f10f9b86ee9b3f8",class:"crm-message-info"},this.sucess),this.error&&i("p",{key:"83b8d19d4b0e0579a23fa4e8438173d0c308a926",class:"crm-message-error"},this.error)),this.step===a.STEP_RESERVE&&i("giftback-info",{key:"93cf5b7d21bc8eaf2b8699682245e36c8a2c023d",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===a.STEP_NO_BONUS&&i("div",{key:"8c6a1eb19b6952e3222cbb718ee58a55430cfb3e",class:"container-message"},h.t("noGiftback",{storename:this.config.giftbackTitle})))}};d.style=l;export{d as crm_giftback_form};
+//# sourceMappingURL=p-85d2747a.entry.js.map

package/dist/crmbonus-component-wake/p-85d2747a.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","loadingAllComponent","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  @State() loadingAllComponent = 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      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    this.loadingAllComponent = true;\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      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      this.loadingAllComponent = 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\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-8c4ae16d.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-142e8246.js";import{d as e,S as n}from"./p-ecc51430.js";import{i as a}from"./p-c53241bf.js";import{b as r}from"./p-1bc79b08.js";import{g as c,a as h,C as l}from"./p-7a92a786.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(n.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()}))}))}));a.changeLanguage(a.language);await this.loadSession();this.handleLoad();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){console.log("[bc:usar estilo da loja]");this.styles=null}}async fetchCustomer(t,s){try{return await this.crmBonusService.getCustomer(t,s)}catch(t){console.error("[fetchCustomer] Error fetching customer:",t);return null}}async handleLoad(){try{if(this.cartWake.user.id){this.fetchCustomer(this.cartWake.user.id,this.cartWake.store.name).then((t=>{console.log("[bc:loading customer]");if(t){this.customer=t;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.cartWake=this.cart?new l(JSON.parse(this.cart)):await c();console.log("[bc:carregou carrinho]");this.session=await this.crmBonusService.getToken(this.cartWake.store.name);console.log("[bc:carregou session]");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(n.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(n.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(n.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-8c4ae16d.entry.js.map

package/dist/crmbonus-component-wake/p-8c4ae16d.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","loadSession","handleLoad","loadConfigStore","customization","infoBonus","Promise","all","getCustomization","store","getInfoBonusByCartIdAndStoreName","id","reservedInfo","keepStoreFrontStyle","styles","fetchCustomer","userId","storeName","getCustomer","error","user","then","customer","amount","canCancel","amountCancel","buildAndGetProducts","products","cart","CartWake","JSON","parse","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","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        setTimeout(async () => {\r\n          await this.reprocess();\r\n        })\r\n      });\r\n    })\r\n\r\n    i18next.changeLanguage(i18next.language);\r\n    \r\n    await this.loadSession();\r\n\r\n    this.handleLoad();\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      console.log('[bc:usar estilo da loja]');\r\n      this.styles = null;\r\n    }\r\n  }\r\n\r\n   async fetchCustomer(userId: number, storeName: string) {\r\n    try {\r\n      return await this.crmBonusService.getCustomer(userId, storeName);\r\n    } catch (error) {\r\n      console.error('[fetchCustomer] Error fetching customer:', error);\r\n      return null;\r\n    }\r\n  }\r\n\r\n  async handleLoad() {\r\n    try {\r\n      if (this.cartWake.user.id) {\r\n        this.fetchCustomer(this.cartWake.user.id, this.cartWake.store.name).then((customer) => {\r\n          console.log('[bc:loading customer]');\r\n          if (customer) {\r\n            this.customer = customer;\r\n            console.log('customer', this.customer);\r\n          }\r\n        });\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.cartWake = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\r\n    console.log('[bc:carregou carrinho]');\r\n\r\n    this.session = await this.crmBonusService.getToken(this.cartWake.store.name);\r\n    console.log('[bc:carregou session]');\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":[]}

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-a7f6ff4a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i,H as t}from"./p-8c362346.js";import{i as n}from"./p-c53241bf.js";import{U as o}from"./p-142e8246.js";import{d as a,a as r}from"./p-af3ba015.js";import{p as d}from"./p-7a92a786.js";const c="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNy43NUMxMi40MTQyIDE3Ljc1IDEyLjc1IDE3LjQxNDIgMTIuNzUgMTdWMTFDMTIuNzUgMTAuNTg1OCAxMi40MTQyIDEwLjI1IDEyIDEwLjI1QzExLjU4NTggMTAuMjUgMTEuMjUgMTAuNTg1OCAxMS4yNSAxMVYxN0MxMS4yNSAxNy40MTQyIDExLjU4NTggMTcuNzUgMTIgMTcuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8cGF0aCBkPSJNMTIgN0MxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4QzEzIDguNTUyMjggMTIuNTUyMyA5IDEyIDlDMTEuNDQ3NyA5IDExIDguNTUyMjggMTEgOEMxMSA3LjQ0NzcyIDExLjQ0NzcgNyAxMiA3WiIgZmlsbD0iIzFDMjc0QyIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTIgMi43NUM2Ljg5MTM3IDIuNzUgMi43NSA2Ljg5MTM3IDIuNzUgMTJDMi43NSAxNy4xMDg2IDYuODkxMzcgMjEuMjUgMTIgMjEuMjVDMTcuMTA4NiAyMS4yNSAyMS4yNSAxNy4xMDg2IDIxLjI1IDEyQzIxLjI1IDYuODkxMzcgMTcuMTA4NiAyLjc1IDEyIDIuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8L3N2Zz4=";const s=".crm-tooltip-container {\r\n    display: flex;\r\n\r\n    & img {\r\n        width: 16px;\r\n        margin-left: 3px;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n.crm-tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.crm-tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    background-color: black;\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 8px 12px;\r\n    border-radius: 0px;\r\n    position: absolute;\r\n    z-index: 1;\r\n    min-width: 271px;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -238px;\r\n}\r\n\r\n@container (max-width: 410px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -14px;\r\n    }\r\n\r\n    .crm-tooltip #crm-role-description {\r\n        margin-left: -151px;\r\n    }\r\n}\r\n\r\n@container (max-width: 250px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -201px;\r\n    }\r\n}\r\n\r\n.crm-tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n}";const l=s;const p=class{constructor(i){e(this,i);this.text=undefined;this.identity=undefined}render(){return i("div",{key:"61f4dc809d2fdba6851a4678f73f7d38d54a48ed",class:"crm-tooltip-container crm-tooltip"},i("img",{key:"7d47a752d22df6c6b28a11558adc8f1b2a8de873",src:c}),i("span",{key:"a21e76673ab8ebc0816c7bf9d37474a0d78dd646",id:this.identity,class:"tooltiptext"},this.text))}};p.style=l;const h=":host{--text-color:#6D6D5F}.giftback-container{display:flex;flex-direction:column;gap:14px}h3{margin-bottom:8px;color:#333}.container-description{display:flex;align-items:center;gap:5px;margin:0 0 10px 0}.container-description p{font-weight:400;margin:0px}p{color:#000}.value-display h2{color:#6D6D5F;margin:16px 0}input[type='range']{width:100%;margin:12px 0;-webkit-appearance:none;background:#ddd;height:4px;border-radius:4px;outline:none;padding:3px 0px 3px 3px}input[type=\"range\"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:rgb(109, 109, 95);border-radius:50%;cursor:pointer}.options{margin:0px 0;display:flex;gap:10px;flex-direction:column}.options label{display:flex;margin:0px 0;color:#333;align-items:center}.options input[type='radio']{margin-right:8px;height:16px;width:16px}.options input[type='radio']{appearance:none;-webkit-appearance:none;margin-right:8px;width:16px;height:16px;border:2px solid #ddd;border-radius:50%;background-color:#fff;cursor:pointer;transition:all 0.3s;padding:0px}.options input[type='radio']:checked{border-color:#000;background-color:#FAFAFA;border:4px solid #000}.info-box{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;padding:8px;color:#262626;line-height:20px}.info-icon{cursor:pointer;color:#888}h3{margin-bottom:8px;color:#333}.slider-wrapper{position:relative;margin:21px 0px 0px 0px}.slider{width:100%;-webkit-appearance:none;background:#ddd;height:4px;border-radius:2px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-color);border-radius:50%;cursor:pointer}.slider-value{position:absolute;top:-30px;font-weight:700;color:var(--text-color);transform:translateX(-50%);white-space:nowrap;}.options-option{display:flex}";const f=h;const b=class{constructor(i){e(this,i);this.usedValue=0;this.selectedOption="none";this.cartId=undefined;this.loading=false;this.bonus={totalBonus:0,cartId:"",minimumPurchase:0,bonusBalance:0,calculatedValue:0,firstValidityDate:"",totalValue:0};this.reserve=undefined;this.cancel=undefined;this.config=undefined;this.infoBonus=undefined;this.storeName=undefined;this.sliderPosition=0;this.sliderValuePosition=0;this.loadingTime=false}changedBonus(){this.updateBonus()}updateBonus(){this.usedValue=this.bonus.bonusBalance;this.buildPositionSlider(0,this.bonus.totalBonus)}componentWillLoad(){this.updateBonus();this.selectedOption=localStorage.getItem(o)}handleSliderChange(e){const i=e.target;this.usedValue=parseFloat(i.value);this.buildPositionSlider(parseFloat(i.min),parseFloat(i.max))}componentDidLoad(){var e;if(this.bonus){this._refIinputRange.value=(e=this.bonus)===null||e===void 0?void 0:e.bonusBalance.toString()}}buildPositionSlider(e,i){const t=i*.1;const n=(this.usedValue-e)/(i-e)*100;this.sliderPosition=n;this.sliderValuePosition=n+(this.usedValue<=t?10:0)}async handleOptionChange(e){this.selectedOption=e;localStorage.setItem(o,e);await d(this.storeName,this.cartId,Object.assign(Object.assign({},this.infoBonus.metadata),{createdAt:null}));switch(this.selectedOption){case"use":await this.reserve(this.usedValue);break;case"dontUse":await this.cancel();break}}showTime(){if(!this.infoBonus)return false;return!this.infoBonus.isExpired()}getTime(){var e,i;const t=new Date((i=(e=this.infoBonus)===null||e===void 0?void 0:e.metadata)===null||i===void 0?void 0:i.createdAt);const n=new Date(t);n.setMinutes(n.getMinutes()+6);return{createdAt:t,expiration:n}}async downtime(){await d(this.storeName,this.bonus.cartId,{createdAt:null})}render(){var e,t,o,d,c,s,l;console.log("this.bonus",this.bonus);const p=this.bonus.minimumPurchase-this.bonus.totalValue;const h=n.t("giftDescription",{amount:`${(t=(e=this.bonus)===null||e===void 0?void 0:e.totalBonus)===null||t===void 0?void 0:t.toFixed(2).replace(".",",")}`,custom_name:"Giftback"});const f=a(p);return i("div",{key:"4bcf846d00500653eea2e11d0926c7bb2f9862ee",class:"giftback-container"},i("div",{key:"75b1eb41e2fa9ecdb9f1fb5fe3214def7900395e",class:"container-description"},i("p",{key:"a839e4e5b909d92d34afe95dec6af7bbf07f7784",innerHTML:h}),i("crm-tooltip",{key:"f3a3532fb2d0c3c93e66c50440633806bec274f3",identity:"crm-role-description",text:n.t("labelUseGiftback",{minimumPurchase:this.bonus.minimumPurchase,expírationDate:r(this.bonus.firstValidityDate)})})),i("div",{key:"018e1958421a91978cbc334e1ebbd1c352d2bbcb",class:"slider-wrapper"},i("div",{key:"a58ea697eb799cc8e3f4c99cb65004d438438436",class:"slider-value",style:{left:`calc(${this.sliderValuePosition}% - 20px)`}},"R$ ",this.usedValue.toFixed(2).replace(".",",")),i("input",{key:"936a6089a5c1d3bb298ab6169a2e6c0e574f13ff",ref:e=>this._refIinputRange=e,id:"position_value_id",disabled:true,type:"range",min:"0",max:this.bonus.totalBonus,value:this.usedValue,class:"slider",step:"0.01",onInput:e=>this.handleSliderChange(e),style:{background:`linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`}})),f.isComplete&&i("p",{key:"c733ef48f2053407cf475a40a31c2f512f992af5"},n.t("maxAmount")),!f.isComplete&&i("div",{key:"b23c04f456137bd5292ad6d0d15f867ef4e1937b",class:"container-description"},i("p",{key:"5403eec3e8cf43be02c8919afd970415f403436a"},"Adicione ",i("strong",{key:"63ced7e61548d9dff756d42718cc021cb1c6579e"},"R$ ",p<0?"0,00":p.toFixed(2).replace(".",","))," ao carrinho para atingir o valor máximo!"),i("crm-tooltip",{key:"0e50390c5a360ddd5fac57f3893c8eb868a59d2e",identity:"crm-max-description",text:n.t("labelamountPartial")})),i("div",{key:"8944a38e460336d365ee86d6b5432ff117259def",class:"options"},i("div",{key:"6b45b9405f12960a86c2bf8530c8faee6bb794c6",class:"options-option"},i("input",{key:"3784f03b368795b91ec851e88faf74ab0c7554e1",disabled:this.showTime(),type:"radio",name:"giftbackOption",value:"use",checked:this.selectedOption==="use",onChange:()=>this.handleOptionChange("use")}),i("p",{key:"6ae30cd09b4dcdeb585c4367b86f2acc87cc6351"},"Usar o meu ",(o=this.config)===null||o===void 0?void 0:o.giftbackTitle)),i("div",{key:"707b374efa9edade67eed23256c37b977ae0b25e",class:"options-option"},i("input",{key:"86e742c7a57ff8834ca6e55f0df86440f1dd4aeb",disabled:this.showTime(),type:"radio",name:"giftbackOption",value:"dontUse",checked:this.selectedOption==="dontUse",onChange:()=>this.handleOptionChange("dontUse")}),i("p",{key:"20c90534b653987dbbea48feb5eaa9c117a3ac63"},"Não usar o meu ",(d=this.config)===null||d===void 0?void 0:d.giftbackTitle))),this.showTime()&&i("div",{key:"48beb877bc0e65735e1502d5d8529309bb2bb0e3",class:"info-box"},"Após ",i("countdown-timer",{key:"e25188ba2355f191cb2388e4b1af18d06a98bef3",dataCriacao:new Date((s=(c=this.infoBonus)===null||c===void 0?void 0:c.metadata)===null||s===void 0?void 0:s.createdAt).toString(),downtime:()=>{window.location.reload()}}),", você poderá alterar sua escolha de usar ou não o Giftback."),!((l=this===null||this===void 0?void 0:this.infoBonus)===null||l===void 0?void 0:l.isBonusProcessed)&&i("div",{key:"c206125aac6e9f66087744bfc4aece6310f982cd",class:"info-box"},"O Giftback será aplicado na próxima etapa."))}static get watchers(){return{bonus:["changedBonus"]}}};b.style=f;const g="*{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 u=g;const x=class{constructor(i){e(this,i);this.value=undefined;this.loading=undefined;this.handlerSubmit=undefined;this.config=undefined}async handlePhone(){const e=await this.phoneInputMask.getPhone();await this.handlerSubmit(e)}render(){var e;return i(t,{key:"5f92b6c62da3cdf6de3c302488d81876fa52de1d",class:"crm-phone-form"},i("p",{key:"d5ea282e1945c55fb7212e7842e34aeab526248e",class:"crm-subtitle"},"Digite o seu celular para verificar se há desconto disponível nessa compra:"),i("phone-input-mask",{key:"9584729c3396af7f3e70ef375174bfd33b9779d8",initialValue:this.value,ref:e=>this.phoneInputMask=e}),i("crm-button",{key:"7cea0bc45f4e7967b8a0404a51d960ebd00334b9",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.handlePhone()}))}};x.style=u;const m=":host{display:block}.form-container-pin{display:flex;flex-direction:column;align-items:center}.pin-container{display:flex;justify-content:start;gap:10px}.pin-container input{width:100%;height:48px;text-align:center;border:1px solid #ccc;border-radius:5px}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:15px;min-height:30px;min-width:120px;cursor:pointer}.button-cancel{top:50%;background-color:#ffffff;color:#1e1c1c;border:1px solid gray;border-radius:10px;padding:10px;min-height:30px;min-width:120px;cursor:pointer}.crm-description{width:100%;display:flex;gap:9px;flex-wrap:wrap}.crm-description a{font-weight:bold;cursor:pointer;text-decoration:underline}.crm-description div{display:flex;gap:5px}";const y=m;const k="*{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 M=k;const I=class{constructor(i){e(this,i);this.validate=undefined;this.cancel=undefined;this.resend=undefined;this.sent=undefined;this.loading=false;this.phone=undefined;this.config=undefined;this.pin=["","","",""];this.isVerified=false;this.canResend=false}componentWillLoad(){this.canResend=false}handleInput(e,i){const t=e.target;const n=t.value.slice(0,1);this.pin[i]=n;if(n&&i<this.pin.length-1){const e=t.nextElementSibling;e===null||e===void 0?void 0:e.focus()}this.pin=[...this.pin]}validatePin(){localStorage.removeItem("bc:resend");this.validate(this.pin.join(""))}verifyPin(){const e=this.pin.join("");if(e==="9999"){this.isVerified=true}}handleTimeout(){localStorage.removeItem("bc:resend");this.canResend=true}async handleResend(){await this.resend();this.canResend=false;this.pin=["","","",""];localStorage.removeItem("bc:resend")}buildTime(){const e=localStorage.getItem("bc:resend");if(e){return e}const i=new Date;i.setSeconds(i.getSeconds()+30);localStorage.setItem("bc:resend",i.toString());return i.toString()}render(){var e;return i("div",{key:"6a62eca90116a8f120ed997e8db8ede58f2f0521",class:"crm-phone-form"},i("label",{key:"163b391876b598e8a170196f3c53a77c38f67d91",class:"crm-subtitle"},n.t("pin-sutitle")," ",i("strong",{key:"3d0e5616b335c5c1a122b18ab54fd275f0eb1cbf"},"+55 ",this.phone)),i("div",{key:"09fb7e7f22c6e54d6e01e91398c14f94aa40606a",class:"pin-container"},this.pin.map(((e,t)=>i("input",{type:"text",maxLength:1,value:this.pin[t],onInput:e=>this.handleInput(e,t)})))),i("slot",{key:"4375d20d7d691e2e439dfe25a3df00aeb73a7d2a"}),i("p",{key:"53b3e46d111809d87436a7a593a91ea9aafd46d0",class:"crm-description"}," Não recebeu?",!this.canResend&&i("label",{key:"bc71ebe6c29f831123e12ba7dff408be93465101"}," Reenviar em",i("countdown-timer",{key:"d7e831b7deb76172c7064eee7ad1c407a5f492d7",minutos:0,segundos:30,dataCriacao:this.buildTime(),downtime:()=>this.handleTimeout()})," "),this.canResend&&i("div",{key:"33d6c68c2959820053bb670df0d3be40484be5d6"},i("a",{key:"28de82c465773793dd291ee92f3ed39a62ac3cb4",onClick:()=>this.handleResend()},"Reenviar"),i("a",{key:"0883846b1a87fc0a73233c92b4da7698d7df7fbd",onClick:()=>this.cancel()},"Trocar número"))),i("crm-button",{key:"8749dba1ff171c83830646007d7f5823a7c33c1f",txtBtn:((e=this.config)===null||e===void 0?void 0:e.btnApplyBonusLabel)||"Avançar",loading:this.loading,handleClick:()=>this.validatePin()}))}};I.style=y+M;export{p as crm_tooltip,b as giftback_info,x as phone_form,I as pin_form};
+//# sourceMappingURL=p-a7f6ff4a.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["infoCircleSvgrepoComSvg","crmTooltipCss","CrmTooltipStyle0","Tooltip","render","h","key","class","src","info","id","this","identity","text","giftbackInfoCss","GiftbackInfoStyle0","GiftbackInfo","totalBonus","cartId","minimumPurchase","bonusBalance","calculatedValue","firstValidityDate","totalValue","changedBonus","updateBonus","usedValue","bonus","buildPositionSlider","componentWillLoad","selectedOption","localStorage","getItem","USED_KEY","handleSliderChange","event","input","target","parseFloat","value","min","max","componentDidLoad","_refIinputRange","_a","toString","percentage_init","percentage","sliderPosition","sliderValuePosition","handleOptionChange","option","setItem","persisteMetadata","storeName","Object","assign","infoBonus","metadata","createdAt","reserve","cancel","showTime","isExpired","getTime","Date","_b","expiration","setMinutes","getMinutes","downtime","console","log","remainingGiftback","translateDescription","i18next","t","amount","toFixed","replace","custom_name","limit","defineLimit","innerHTML","formatDateToBr","style","left","ref","disabled","type","step","onInput","background","isComplete","name","checked","onChange","_c","config","giftbackTitle","_d","dataCriacao","_f","_e","window","location","reload","_g","isBonusProcessed","giftbackFormCss","PhoneFormStyle0","PhoneForm","handlePhone","phone","phoneInputMask","getPhone","handlerSubmit","Host","initialValue","txtBtn","btnApplyBonusLabel","loading","handleClick","pinFormCss","PinFormStyle0","PinFormStyle1","GiftbackPin","canResend","handleInput","index","slice","pin","length","nextInput","nextElementSibling","focus","validatePin","removeItem","validate","join","verifyPin","pinCode","isVerified","handleTimeout","handleResend","resend","buildTime","resendDate","date","setSeconds","getSeconds","map","_","maxLength","minutos","segundos","onClick"],"sources":["src/assets/svg/info-circle-svgrepo-com.svg","src/components/tooltip/crm-tooltip.css?tag=crm-tooltip","src/components/tooltip/tooltip.tsx","src/components/giftback-form/subcomponents/giftback-info/giftback-info.css?tag=giftback-info","src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx","src/components/giftback-form/giftback-form.css?tag=phone-form","src/components/giftback-form/subcomponents/phone-form/phone-form.tsx","src/components/giftback-form/subcomponents/pin-form/pin-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/giftback-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/subcomponents/pin-form/pin-form.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\r\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V17C11.25 17.4142 11.5858 17.75 12 17.75Z\" fill=\"#1C274C\"/>\r\n<path d=\"M12 7C12.5523 7 13 7.44772 13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7Z\" fill=\"#1C274C\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75Z\" fill=\"#1C274C\"/>\r\n</svg>",".crm-tooltip-container {\r\n    display: flex;\r\n\r\n    & img {\r\n        width: 16px;\r\n        margin-left: 3px;\r\n        position: relative;\r\n    }\r\n}\r\n\r\n.crm-tooltip {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.crm-tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    background-color: black;\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 8px 12px;\r\n    border-radius: 0px;\r\n    position: absolute;\r\n    z-index: 1;\r\n    min-width: 271px;\r\n    top: 100%;\r\n    left: 50%;\r\n    margin-left: -238px;\r\n}\r\n\r\n@container (max-width: 410px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -14px;\r\n    }\r\n\r\n    .crm-tooltip #crm-role-description {\r\n        margin-left: -151px;\r\n    }\r\n}\r\n\r\n@container (max-width: 250px) {\r\n    .crm-tooltip .tooltiptext {\r\n        margin-left: -201px;\r\n    }\r\n}\r\n\r\n.crm-tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n}","import { Component, h, Prop } from \"@stencil/core\";\r\nimport info from '../../assets/svg/info-circle-svgrepo-com.svg';\r\n\r\n\r\n@Component({\r\n    tag: 'crm-tooltip',\r\n    styleUrl: 'crm-tooltip.css'\r\n})\r\nexport class Tooltip {\r\n\r\n    @Prop() text: string;\r\n    @Prop() identity: string;\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"crm-tooltip-container crm-tooltip\">\r\n                <img src={info} />\r\n                <span id={this.identity} class=\"tooltiptext\">{this.text}</span>\r\n            </div>\r\n        );\r\n    }\r\n}",":host {\r\n    --text-color: #6D6D5F\r\n}\r\n\r\n.giftback-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n}\r\n\r\nh3 {\r\n    /* font-size: 1.2rem; */\r\n    margin-bottom: 8px;\r\n    color: #333;\r\n}\r\n\r\n.container-description {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n    margin: 0 0 10px 0;\r\n}\r\n\r\n.container-description p {\r\n    /* font-size: 14px; */\r\n    font-weight: 400;\r\n    margin: 0px;\r\n}\r\n\r\n\r\np {\r\n    /* font-size: 14px; */\r\n    color: #000;\r\n}\r\n\r\n.value-display h2 {\r\n    color: #6D6D5F;\r\n    /* Verde para o valor atual */\r\n    /* font-size: 1.6rem; */\r\n    margin: 16px 0;\r\n}\r\n\r\ninput[type='range'] {\r\n    width: 100%;\r\n    margin: 12px 0;\r\n    -webkit-appearance: none;\r\n    background: #ddd;\r\n    height: 4px;\r\n    border-radius: 4px;\r\n    outline: none;\r\n    padding: 3px 0px 3px 3px;\r\n}\r\n\r\n/* input[type='range']::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 16px;\r\n    height: 16px;\r\n    background: var(--text-color);\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n} */\r\n\r\ninput[type=\"range\"]::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 20px;\r\n    height: 20px;\r\n    background: rgb(109, 109, 95);\r\n    /* Cor do botão */\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n}\r\n\r\n.options {\r\n    margin: 0px 0;\r\n    display: flex;\r\n    gap: 10px;\r\n    flex-direction: column;\r\n}\r\n\r\n.options label {\r\n    display: flex;\r\n    margin: 0px 0;\r\n    /* font-size: 0.9rem; */\r\n    color: #333;\r\n    align-items: center;\r\n}\r\n\r\n.options input[type='radio'] {\r\n    margin-right: 8px;\r\n    height: 16px;\r\n    width: 16px;\r\n}\r\n\r\n.options input[type='radio'] {\r\n    appearance: none;\r\n    -webkit-appearance: none;\r\n    margin-right: 8px;\r\n    width: 16px;\r\n    height: 16px;\r\n    border: 2px solid #ddd;\r\n    border-radius: 50%;\r\n    background-color: #fff;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    padding: 0px;\r\n}\r\n\r\n.options input[type='radio']:checked {\r\n    border-color: #000;\r\n    background-color: #FAFAFA;\r\n    border: 4px solid #000;\r\n}\r\n\r\n.info-box {\r\n    background-color: #f9f9f9;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 4px;\r\n    padding: 8px;\r\n    /* font-size: 14px; */\r\n    color: #262626;\r\n    line-height: 20px;\r\n}\r\n\r\n.info-icon {\r\n    /* font-size: 0.9rem; */\r\n    cursor: pointer;\r\n    color: #888;\r\n}\r\n\r\nh3 {\r\n    /* font-size: 1.2rem; */\r\n    margin-bottom: 8px;\r\n    color: #333;\r\n}\r\n\r\n.slider-wrapper {\r\n    position: relative;\r\n    margin: 21px 0px 0px 0px;\r\n}\r\n\r\n.slider {\r\n    width: 100%;\r\n    -webkit-appearance: none;\r\n    background: #ddd;\r\n    height: 4px;\r\n    border-radius: 2px;\r\n    outline: none;\r\n}\r\n\r\n.slider::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 16px;\r\n    height: 16px;\r\n    background: var(--text-color);\r\n    /* Azul para o slider */\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n}\r\n\r\n.slider-value {\r\n    position: absolute;\r\n    top: -30px;\r\n    /* Posição acima do slider */\r\n    /* font-size: 16px; */\r\n    font-weight: 700;\r\n    color: var(--text-color);\r\n    /* Verde para o texto */\r\n    transform: translateX(-50%);\r\n    white-space: nowrap;\r\n    /* margin-left: 23px; */\r\n}\r\n\r\n.options-option {\r\n    display: flex;\r\n}\r\n\r\n\r\n/* ########################################## */\r\n","import { Component, Prop, State, Watch, h } from \"@stencil/core\";\r\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\r\n\r\nimport i18next from '../../../../i18n/i18n'\r\nimport { USED_KEY } from \"../../../../utils/keys.storage\";\r\nimport { defineLimit, formatDateToBr } from \"../../../../utils/utils\";\r\nimport { IInfoStore } from \"../../../../helpers/info.config.helper\";\r\nimport { ReservedInfoDTO } from \"../../../../dto/reserved-info.dto\";\r\nimport { persisteMetadata } from \"../../../../helpers/cart.helper\";\r\n\r\n@Component({\r\n    tag: 'giftback-info',\r\n    styleUrls: ['giftback-info.css']\r\n})\r\nexport class GiftbackInfo {\r\n\r\n    private _refIinputRange: HTMLInputElement;\r\n\r\n    @State() usedValue: number = 0;\r\n    @State() selectedOption: string = 'none';\r\n\r\n    @Prop() cartId;\r\n    @Prop() loading: boolean = false;\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        totalValue: 0\r\n    };\r\n    @Prop() reserve: (amountRedeemed: number) => void;\r\n    @Prop() cancel: () => void;\r\n    @Prop() config: IInfoStore;\r\n    @Prop() infoBonus: ReservedInfoDTO;\r\n    @Prop() storeName: string\r\n\r\n    @State() sliderPosition: number = 0;\r\n    @State() sliderValuePosition: number = 0;\r\n\r\n    @State() loadingTime = false;\r\n\r\n    @Watch(\"bonus\")\r\n    changedBonus() {\r\n        this.updateBonus()\r\n    }\r\n\r\n    private updateBonus() {\r\n        this.usedValue = this.bonus.bonusBalance;\r\n        this.buildPositionSlider(0, this.bonus.totalBonus);\r\n    }\r\n\r\n    componentWillLoad() {\r\n        this.updateBonus();\r\n        this.selectedOption = localStorage.getItem(USED_KEY);\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        // Calculando a posição do texto com base no valor do slider\r\n        // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\r\n        // this.sliderPosition = percentage;\r\n\r\n        this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\r\n    }\r\n\r\n    componentDidLoad() {\r\n        if (this.bonus) {\r\n            this._refIinputRange.value = this.bonus?.bonusBalance.toString();\r\n        }\r\n    }\r\n\r\n    private buildPositionSlider(min: number, max: number) {\r\n\r\n        const percentage_init = max * 0.1;\r\n\r\n        // Calculando a posição do texto com base no valor do slider\r\n        const percentage = ((this.usedValue - min) / (max - min)) * 100;\r\n\r\n        this.sliderPosition = percentage;\r\n        this.sliderValuePosition = percentage + (this.usedValue <= percentage_init ? 10 : 0);\r\n    }\r\n\r\n    async handleOptionChange(option: string) {\r\n        this.selectedOption = option;\r\n\r\n        localStorage.setItem(USED_KEY, option);\r\n\r\n        await persisteMetadata(this.storeName, this.cartId, { ...this.infoBonus.metadata, createdAt: null })\r\n\r\n        switch (this.selectedOption) {\r\n            case 'use':\r\n                await this.reserve(this.usedValue);\r\n                break;\r\n            case 'dontUse':\r\n                await this.cancel();\r\n                break;\r\n            default:\r\n        }\r\n    }\r\n\r\n    showTime() {\r\n        if (!this.infoBonus) return false;\r\n\r\n        return !this.infoBonus.isExpired();\r\n\r\n        // return this.infoBonus.isBonusProcessed\r\n    }\r\n\r\n    getTime() {\r\n\r\n        const createdAt = new Date(this.infoBonus?.metadata?.createdAt);\r\n        const expiration = new Date(createdAt);\r\n        expiration.setMinutes(expiration.getMinutes() + 6);\r\n\r\n        return {\r\n            createdAt,\r\n            expiration\r\n        }\r\n    }\r\n\r\n    async downtime() {\r\n        await persisteMetadata(this.storeName, this.bonus.cartId, {\r\n            createdAt: null,\r\n        })\r\n    }\r\n\r\n    render() {\r\n        console.log('this.bonus', this.bonus)\r\n        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\r\n\r\n        const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus?.totalBonus?.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\r\n\r\n        const limit = defineLimit(remainingGiftback);\r\n\r\n        return (\r\n\r\n            <div class=\"giftback-container\">\r\n                <div class=\"container-description\">\r\n                    <p innerHTML={translateDescription}></p>\r\n                    <crm-tooltip identity=\"crm-role-description\" text={i18next.t(\"labelUseGiftback\", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: formatDateToBr(this.bonus.firstValidityDate) })} />\r\n                </div>\r\n                <div class=\"slider-wrapper\">\r\n                    <div\r\n                        class=\"slider-value\"\r\n                        style={{\r\n                            left: `calc(${this.sliderValuePosition}% - 20px)`, // Ajuste para centralizar o texto\r\n\r\n                        }}\r\n                    >\r\n                        R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\r\n                    </div>\r\n                    <input\r\n                        ref={ref => this._refIinputRange = ref}\r\n                        id=\"position_value_id\"\r\n                        disabled\r\n                        type=\"range\"\r\n                        min=\"0\"\r\n                        max={this.bonus.totalBonus}\r\n                        value={this.usedValue}\r\n                        class=\"slider\"\r\n                        step=\"0.01\"\r\n                        onInput={(event) => this.handleSliderChange(event)}\r\n                        style={{\r\n                            background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\r\n                        }}\r\n                    />\r\n                </div>\r\n\r\n                {\r\n                    limit.isComplete && (\r\n                        <p>\r\n                            {i18next.t(\"maxAmount\")}\r\n                        </p>\r\n                    )\r\n                }\r\n\r\n                {\r\n                    !limit.isComplete && (\r\n                        <div class=\"container-description\">\r\n                            <p>\r\n                                Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\r\n                                máximo!\r\n                            </p>\r\n                            <crm-tooltip identity=\"crm-max-description\" text={i18next.t(\"labelamountPartial\")} />\r\n                        </div>\r\n                    )\r\n                }\r\n\r\n\r\n                <div class=\"options\">\r\n                    <div class=\"options-option\">\r\n                        <input\r\n                            disabled={this.showTime()}\r\n                            type=\"radio\"\r\n                            name=\"giftbackOption\"\r\n                            value=\"use\"\r\n                            checked={this.selectedOption === 'use'}\r\n                            onChange={() => this.handleOptionChange('use')}\r\n                        />\r\n                        <p>Usar o meu {this.config?.giftbackTitle}</p>\r\n                    </div>\r\n                    <div class=\"options-option\">\r\n                        <input\r\n                            disabled={this.showTime()}\r\n                            type=\"radio\"\r\n                            name=\"giftbackOption\"\r\n                            value=\"dontUse\"\r\n                            checked={this.selectedOption === 'dontUse'}\r\n                            onChange={() => this.handleOptionChange('dontUse')}\r\n                        />\r\n                        <p>Não usar o meu {this.config?.giftbackTitle}</p>\r\n                    </div>\r\n                </div>\r\n\r\n                {\r\n                    this.showTime() &&\r\n                    (\r\n                        <div class=\"info-box\">\r\n                            Após <countdown-timer dataCriacao={new Date(this.infoBonus?.metadata?.createdAt).toString()} downtime={() => { window.location.reload() }} />, você poderá alterar sua escolha de usar ou não o Giftback.\r\n                        </div>\r\n                    )\r\n                }\r\n\r\n                {\r\n                    !this?.infoBonus?.isBonusProcessed && (\r\n                        <div class=\"info-box\">\r\n                            O Giftback será aplicado na próxima etapa.\r\n                        </div>\r\n                    )\r\n                }\r\n\r\n            </div>\r\n        );\r\n    }\r\n}","* {\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, Host, Prop, h } from \"@stencil/core\";\r\nimport { IInfoStore } from \"../../../../helpers/info.config.helper\";\r\n\r\n@Component({\r\n    tag: 'phone-form',\r\n    styleUrl: '../../giftback-form.css',\r\n    shadow: false\r\n})\r\nexport class PhoneForm {\r\n\r\n    private phoneInputMask: HTMLPhoneInputMaskElement;\r\n\r\n    @Prop() value: string;\r\n    @Prop() loading: boolean;\r\n    @Prop() handlerSubmit: (phone: string) => void;\r\n\r\n    @Prop() config: IInfoStore;\r\n\r\n\r\n    async handlePhone() {\r\n\r\n        const phone = await this.phoneInputMask.getPhone()\r\n\r\n        await this.handlerSubmit(phone);\r\n    }\r\n\r\n\r\n    render() {\r\n        return (\r\n            <Host class=\"crm-phone-form\">\r\n                <p class=\"crm-subtitle\" >Digite o seu celular para verificar se há desconto disponível nessa compra:</p>\r\n                <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\r\n\r\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.handlePhone() } />\r\n            </Host>\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    /* margin: 26px 0; */\r\n    justify-content: start;\r\n    gap: 10px;\r\n}\r\n\r\n.pin-container input {\r\n    width: 100%;\r\n    height: 48px;\r\n    /* font-size: 14px; */\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\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.crm-description {\r\n    /* font-size: 14px; */\r\n    width: 100%;\r\n    display: flex;\r\n    gap: 9px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.crm-description a {\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    text-decoration: underline;\r\n}\r\n\r\n.crm-description div {\r\n    display: flex;\r\n    gap: 5px;\r\n}","* {\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, h, Prop, State } from '@stencil/core';\r\nimport { IPinSent } from '../../../../dto/pin.sent';\r\nimport i18next from '../../../../i18n/i18n'\r\nimport { IInfoStore } from '../../../../helpers/info.config.helper';\r\n\r\n@Component({\r\n    tag: 'pin-form',\r\n    styleUrls: ['pin-form.css', '../../giftback-form.css'],\r\n    shadow: true,\r\n})\r\nexport class GiftbackPin {\r\n\r\n    @Prop() validate: (pin: string) => void;\r\n    @Prop() cancel: () => void;\r\n    @Prop() resend: () => void;\r\n\r\n    @Prop() sent: IPinSent;\r\n    @Prop() loading: boolean = false;\r\n    @Prop() phone: string;\r\n    @Prop() config: IInfoStore;\r\n\r\n    @State() pin: string[] = ['', '', '', ''];\r\n    @State() isVerified: boolean = false;\r\n    @State() canResend: boolean = false;\r\n\r\n    componentWillLoad() {\r\n        this.canResend = false;\r\n    }\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        localStorage.removeItem(\"bc:resend\")\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    handleTimeout() {\r\n        localStorage.removeItem(\"bc:resend\")\r\n        this.canResend = true;\r\n    }\r\n\r\n    async handleResend() {\r\n        await this.resend();\r\n\r\n        this.canResend = false;\r\n        this.pin = ['', '', '', ''];\r\n        localStorage.removeItem(\"bc:resend\")\r\n    }\r\n\r\n    buildTime() {\r\n        const resendDate = localStorage.getItem(\"bc:resend\");\r\n\r\n        if(resendDate) {\r\n            return resendDate;\r\n        }\r\n\r\n        const date = new Date();\r\n        date.setSeconds(date.getSeconds() + 30);\r\n        localStorage.setItem(\"bc:resend\", date.toString());\r\n\r\n        return date.toString();\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"crm-phone-form\">\r\n                <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\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\r\n                <slot></slot>\r\n\r\n                <p class=\"crm-description\"> Não recebeu?\r\n                    {\r\n                        !this.canResend && <label> Reenviar em \r\n                            <countdown-timer minutos={0} segundos={30} dataCriacao={this.buildTime()} downtime={() => this.handleTimeout()} /> </label>\r\n                    }\r\n                    {\r\n                        this.canResend && (\r\n                            <div >\r\n                                <a onClick={() => this.handleResend()}>Reenviar</a>\r\n                                <a onClick={() => this.cancel()}>Trocar número</a>\r\n                            </div>\r\n                        )\r\n                    }\r\n                </p>\r\n                <crm-button txtBtn={this.config?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\r\n            </div >\r\n        );\r\n    }\r\n}\r\n"],"mappings":"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","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-154b5318.entry.js → p-b5e9a5ea.entry.js}

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

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

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

package/dist/crmbonus-component-wake/{p-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