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

package/dist/components/p-1bc79b08.js.map

@@ -0,0 +1 @@
+{"file":"p-1bc79b08.js","mappings":"AAQA,IAAY,eAKX;AALD,WAAY,eAAe;IACvB,iCAAc,CAAA;IACd,uCAAoB,CAAA;IACpB,yCAAsB,CAAA;IACtB,gCAAa,CAAA;AACjB,CAAC,EALW,eAAe,KAAf,eAAe;;SCNX,mBAAmB,CAAC,eAAoC,EAAE;IAEtE,MAAM,QAAQ,GAAoB,EAAE,CAAC;IAErC,KAAM,MAAM,EAAE,IAAI,YAAY,EAAG;QAC7B,IAAI,SAAS,GAAG,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,CAAA;QACvC,IAAI,iBAAiB,GAAG,kBAAkB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAEvD,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC,QAAQ,GAAG,EAAE,CAAC,UAAU,IAAI,iBAAiB,CAAC;QAE9D,IAAI,eAAe,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC,CAAA;QAEtC,QAAQ,CAAC,IAAI,CACT;YACI,GAAG,EAAE,EAAE,CAAC,GAAG;YACX,KAAK,EAAE,KAAK;YACZ,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,EAAE;YACjD,QAAQ,EAAE,EAAE,CAAC,UAAU;YACvB,QAAQ,EAAE,KAAK,GAAG,eAAe,GAAG,KAAK,GAAG,eAAe;SAC9D,CACJ,CAAA;KACJ;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC;AAED,SAAS,WAAW,CAAC,UAAsB,EAAE;IAEzC,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,KAAI,MAAM,QAAQ,IAAI,OAAO,EAAE;QAC3B,IAAG,CAAC,eAAe,CAAC,CAAC,EAAE,eAAe,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAChE,SAAS,IAAI,QAAQ,CAAC,KAAK,CAAC;SAC/B;KACJ;IAED,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,SAAS,kBAAkB,CAAC,UAAsB,EAAE;IAEhD,IAAI,SAAS,GAAG,CAAC,CAAC;IAElB,KAAI,MAAM,QAAQ,IAAI,OAAO,EAAE;QAC3B,IAAG,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAC5C,SAAS,KAAK,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SACtC;KACJ;IAED,OAAO,SAAS,CAAC;AACrB;;;;","names":[],"sources":["src/dto/validate.pin.bonus.ts","src/helpers/build.payload.helper.ts"],"sourcesContent":["export interface IProduct {\r\n    productVariantId: string;\r\n    sku: string;\r\n    value: number;\r\n    quantity: number;\r\n    discount: number;\r\n}\r\n\r\nexport enum AjustesTipoEnum {\r\n    P = \"Promocao\",\r\n    CC = \"ContaCorrente\",\r\n    PP = \"PromocaoProduto\",\r\n    F = \"Formula\"\r\n}\r\n\r\nexport interface IAjustes {\r\n    Tipo: AjustesTipoEnum;\r\n    Valor: number;\r\n}\r\n\r\nexport interface IUser {\r\n    id: number;\r\n}\r\n\r\nexport interface IStore {\r\n    name: string;\r\n}\r\n\r\nexport interface IProductWake {\r\n    ProdutoVarianteId: number;\r\n    SKU: string;\r\n    PrecoPor: number;\r\n    Quantidade: number;\r\n    Ajustes: IAjustes[];\r\n}\r\n\r\nexport interface ICustomer {\r\n    birthDate: string;\r\n    document: string;\r\n    name: string;\r\n    phone: string;\r\n}\r\n\r\nexport interface IProccesPinBonusDto {\r\n    storeName: string;\r\n    name: string;\r\n    checkoutId: string;\r\n    checkoutProducts: Array<IProduct>;\r\n    storeId: string;\r\n    userId: string;\r\n    cellphone: number;\r\n    pin: string;\r\n\r\n}\r\n\r\nexport interface IBonus {\r\n    hasBonus: boolean;\r\n    bonusBalance: number;\r\n    totalBonus: number;\r\n    minimumPurchase: number;\r\n    bonusIds: string;\r\n    firstValidityDate: string\r\n    history: [\r\n        {\r\n            validityStart: string;\r\n            validityEnd: string;\r\n            value: number\r\n        },\r\n        {\r\n            validityStart: string;\r\n            validityEnd: string\r\n            value: number\r\n        }\r\n    ]\r\n    storeId: number;\r\n    userId: number;\r\n    cartId: string\r\n    calculatedValue: number;\r\n    totalValue: number\r\n}\r\n\r\n\r\nexport interface IReserveDTO {\r\n    storeName: string;\r\n    cartId: string;\r\n    grossValue: number;\r\n    redeemedBonus: number;\r\n    ticket: string;\r\n    storeId: string;\r\n    userId: number;\r\n}","import { AjustesTipoEnum, IAjustes, IProduct, IProductWake } from \"../dto/validate.pin.bonus\";\r\n\r\nexport function buildProductsByWake(productsWake: Array<IProductWake> = []): Array<IProduct> {\r\n\r\n    const products: Array<IProduct> = [];\r\n\r\n    for ( const pw of productsWake ) {\r\n        let discounts = getDiscount(pw.Ajustes)\r\n        let discounts_formula = getDiscountFormula(pw.Ajustes);\r\n\r\n        var value = (pw.PrecoPor * pw.Quantidade) + discounts_formula;\r\n\r\n        var discounts_value = (discounts * -1)\r\n\r\n        products.push(\r\n            {\r\n                sku: pw.SKU,\r\n                value: value,\r\n                productVariantId: pw.ProdutoVarianteId.toString(),\r\n                quantity: pw.Quantidade,\r\n                discount: value < discounts_value ? value : discounts_value,\r\n            }\r\n        )\r\n    }\r\n\r\n    return products;\r\n}\r\n\r\nfunction getDiscount(ajustes: IAjustes[] = []) {\r\n    \r\n    let discounts = 0;\r\n    \r\n    for(const discount of ajustes) {\r\n        if([AjustesTipoEnum.P, AjustesTipoEnum.CC].includes(discount.Tipo)) {\r\n            discounts += discount.Valor;\r\n        }\r\n    }\r\n\r\n    return discounts;\r\n}\r\n\r\nfunction getDiscountFormula(ajustes: IAjustes[] = []) {\r\n    \r\n    let discounts = 0;\r\n    \r\n    for(const discount of ajustes) {\r\n        if([AjustesTipoEnum.F].includes(discount.Tipo)) {\r\n            discounts += (discount.Valor * -1);\r\n        }\r\n    }\r\n\r\n    return discounts;\r\n}"],"version":3}

package/dist/components/{p-c4788672.js → p-234f35c4.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
-import { d as defineCustomElement$1 } from './p-e25a1b64.js';
+import { d as defineCustomElement$1 } from './p-e31b6c28.js';
 
 const giftbackProgressCss = ":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 GiftbackProgressStyle0 = giftbackProgressCss;
@@ -34,7 +34,7 @@ const GiftbackProgress = /*@__PURE__*/ proxyCustomElement(class GiftbackProgress
     }
     render() {
         const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;
-        return (h("div", { key: 'c1680dc6ea2d0c11e850bf9d6d17154463012f2e', class: "giftback-container" }, h("p", { key: '6ec6b57b186af3e62ebd4cd3a4064c971533f573' }, "Voc\u00EA possui at\u00E9 ", h("strong", { key: 'e53a6abaf90459c8be4adf32a835f61abf283737' }, "R$ ", this.bonus.totalBonus.toFixed(2)), " de Giftback nessa compra!"), h("p", { key: '3fd4f5ea5f5a1938cf98b9d5aa998bd38c9bcf71', class: "validity" }, "V\u00E1lido at\u00E9: ", new Date(this.bonus.firstValidityDate).toLocaleDateString('pt-Br')), h("p", { key: 'c27d0b1880d1508006a62ceed34a1b4e49191622' }, "Voc\u00EA est\u00E1 utilizando ", h("strong", { key: '88bd223bf1e426cb15c2c79e1c01b1cdb0a087d7' }, "R$ ", this.usedValue.toFixed(2)), " nessa compra"), h("div", { key: 'c64d835dd75fce0cde17c56d79e5acc8c863a4c8', class: "progress-container" }, h("span", { key: 'f172eec3888deb302476d673dff783de8dbc9d9e' }, "R$ 0"), h("input", { key: '91f44e02cb55a9ea0754607e2c81304470d44129', disabled: true, type: "range", min: "0", step: "0.01", max: this.bonus.totalBonus, value: this.usedValue, onInput: (event) => this.handleSliderChange(event) }), h("span", { key: '39c34000013b29ee2a5ced46c87e75acd8f0ccb2' }, "R$ ", this.bonus.totalBonus.toFixed(2))), h("p", { key: '027d3d6d7cb51a5b3ac6779273fc4e922e67ac6b', class: "remaining" }, "Faltam ", h("strong", { key: '979b7e9fdcfe1b3220f5fa6e76bc2daaa662c59c' }, "R$ ", remainingGiftback > 0 ? remainingGiftback.toFixed(2) : Number(0).toFixed(2)), " para utilizar o valor total do Giftback."), h("div", { key: 'dc966024c72ff82b941ac70483fb93aec926049c', class: "footer-button-giftback" }, h("button", { key: 'f68f1f00a82bb9bed9a7b3419d04056cee02244c', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: 'e4218c2baec40e7799391a53795465f58be263e6', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleReserve(this.usedValue) }, !this.loading ? "Aplicar" : h("loading-spinner", { size: "10px", color: "#fff" })))));
+        return (h("div", { key: '59d859108264c1a84e90e7752747ed31779b1830', class: "giftback-container" }, h("p", { key: 'c9335b66d2b28e44681777c853ec52ab0135e16f' }, "Voc\u00EA possui at\u00E9 ", h("strong", { key: '160029d8ad4b5c11d840243ca895d27fbcbee5a9' }, "R$ ", this.bonus.totalBonus.toFixed(2)), " de Giftback nessa compra!"), h("p", { key: '5f81b5b7b45241fe5f6ff1720c3833082c4703ea', class: "validity" }, "V\u00E1lido at\u00E9: ", new Date(this.bonus.firstValidityDate).toLocaleDateString('pt-Br')), h("p", { key: 'eb0a0cb8d5015a7ecb6ae7cf12049f5edcd63e9c' }, "Voc\u00EA est\u00E1 utilizando ", h("strong", { key: 'f0106bfb69bbdff8b21d566cefd92c242e47ad7c' }, "R$ ", this.usedValue.toFixed(2)), " nessa compra"), h("div", { key: 'e9018ad33cc33fad3fa68708a7faf58e303d87da', class: "progress-container" }, h("span", { key: '158ed756a190bbea2b1bfe54fe1eb9185f81a172' }, "R$ 0"), h("input", { key: '8a932c663702fa7be590f055773d19bc796799ac', disabled: true, type: "range", min: "0", step: "0.01", max: this.bonus.totalBonus, value: this.usedValue, onInput: (event) => this.handleSliderChange(event) }), h("span", { key: '4b6ed89646ddc6b0003385e6ea4e2fe34a16f480' }, "R$ ", this.bonus.totalBonus.toFixed(2))), h("p", { key: 'b17882427b521344934412cf5b1c1fd97e58cd8d', class: "remaining" }, "Faltam ", h("strong", { key: '4d0a31a77f050975578312fa356da9b8ac6f5ee6' }, "R$ ", remainingGiftback > 0 ? remainingGiftback.toFixed(2) : Number(0).toFixed(2)), " para utilizar o valor total do Giftback."), h("div", { key: '744157790d538c711b49d04ae9da30140c01288e', class: "footer-button-giftback" }, h("button", { key: '9b4dc8e20b5f243db4aefe5bb5722ceb512acaca', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: '50491467550f5c89b9e60689c69773157f7e3e05', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleReserve(this.usedValue) }, !this.loading ? "Aplicar" : h("loading-spinner", { size: "10px", color: "#fff" })))));
     }
     static get style() { return GiftbackProgressStyle0; }
 }, [1, "giftback-progress", {
@@ -66,4 +66,4 @@ defineCustomElement();
 
 export { GiftbackProgress as G, defineCustomElement as d };
 
-//# sourceMappingURL=p-c4788672.js.map
+//# sourceMappingURL=p-234f35c4.js.map

package/dist/components/p-234f35c4.js.map

@@ -0,0 +1 @@
+{"file":"p-234f35c4.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,2jCAA2jC,CAAC;AACxlC,+BAAe,mBAAmB;;MCOrB,gBAAgB;;;;;yBACI,CAAC;uBAEH,KAAK;qBAEC;YAC7B,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,CAAC;YAClB,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,iBAAiB,EAAE,EAAE;SACxB;;;;IAKD,iBAAiB;QACb,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;KACnE;IAED,kBAAkB,CAAC,KAAY;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC5C;IAED,MAAM,aAAa,CAAC,KAAa;QAC7B,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACvB;IAED,MAAM;QACF,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAE7E,QACI,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,0FACoB,wEAAY,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAU,+BACtE,EACJ,0DAAG,KAAK,EAAC,UAAU,8BAAc,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAK,EAExG,+FAAwB,wEAAY,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAU,kBAAiB,EAExF,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,sEAAiB,EACjB,8DACI,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,GAAG,EAAC,GAAG,EACP,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAC1B,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,GACpD,EACF,sEAAU,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAQ,CAChD,EAEN,0DAAG,KAAK,EAAC,WAAW,eACT,wEAAY,iBAAiB,GAAG,CAAC,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAU,8CACxG,EAEJ,4DAAK,KAAK,EAAC,wBAAwB,IAE/B,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EAET,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,IAE7H,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEvE,CACP,CACJ,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/_crm-bonus-form/subcomponents/giftback-progress/giftback-progress.css?tag=giftback-progress&encapsulation=shadow","src/components/_crm-bonus-form/subcomponents/giftback-progress/giftback-progress.tsx"],"sourcesContent":[":host {\r\n    display: flex;\r\n    /* background-color: #f8f4eb; */\r\n    border-radius: 10px;\r\n    padding: 16px;\r\n    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */\r\n    max-width: 100%;\r\n    flex-direction: column;\r\n}\r\n\r\n.giftback-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.giftback-container p {\r\n    /* font-size: medium; */\r\n}\r\n\r\n\r\nh3 {\r\n    margin: 0 0 10px;\r\n    /* font-size: 18px; */\r\n}\r\n\r\np {\r\n    margin: 5px 0;\r\n    /* font-size: 14px; */\r\n    align-self: start;\r\n}\r\n\r\n.validity {\r\n    /* font-size: 12px; */\r\n    color: #888;\r\n}\r\n\r\n.progress-container {\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 10px 0;\r\n}\r\n\r\nprogress-container span {\r\n    /* font-size: 12px; */\r\n    color: #666;\r\n}\r\n\r\ninput[type='range'] {\r\n    flex: 1;\r\n    margin: 0 10px;\r\n    appearance: none;\r\n    background-color: #ccc;\r\n    height: 6px;\r\n    border-radius: 3px;\r\n    outline: none;\r\n    cursor: pointer;\r\n}\r\n\r\ninput[type='range']::-webkit-slider-thumb {\r\n    appearance: none;\r\n    width: 14px;\r\n    height: 14px;\r\n    border-radius: 50%;\r\n    background-color: #555;\r\n    cursor: pointer;\r\n}\r\n\r\n.remaining {\r\n    font-weight: bold;\r\n    /* font-size: 14px; */\r\n    color: #333;\r\n}\r\n\r\n.button {\r\n    top: 50%;\r\n    background-color: #6c6c7e;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.button-cancel {\r\n    top: 50%;\r\n    background-color: #ffffff;\r\n    color: #1e1c1c;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.disabled {\r\n    opacity: 0.6;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.footer-button-giftback {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-top: 14px;\r\n}","import { Component, h, State, Prop } from '@stencil/core';\r\nimport { IBonus } from '../../../../dto/validate.pin.bonus';\r\n\r\n@Component({\r\n    tag: 'giftback-progress',\r\n    styleUrl: 'giftback-progress.css',\r\n    shadow: true,\r\n})\r\nexport class GiftbackProgress {\r\n    @State() usedValue: number = 0;\r\n\r\n    @Prop() loading: boolean = false;\r\n\r\n    @Prop() bonus: Partial<IBonus> = {\r\n        totalBonus: 0,\r\n        cartId: \"\",\r\n        minimumPurchase: 0,\r\n        bonusBalance: 0,\r\n        calculatedValue: 0,\r\n        firstValidityDate: \"\"\r\n    };\r\n\r\n    @Prop() reserve: (amountRedeemed: number) => void;\r\n    @Prop() cancel: () => void;\r\n\r\n    componentWillLoad() {\r\n        this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\r\n    }\r\n\r\n    handleSliderChange(event: Event) {\r\n        const input = event.target as HTMLInputElement;\r\n        this.usedValue = parseFloat(input.value);\r\n    }\r\n\r\n    async handleReserve(value: number) {\r\n        this.reserve(value);\r\n    }\r\n\r\n    render() {\r\n        const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\r\n\r\n        return (\r\n            <div class=\"giftback-container\">\r\n                <p>\r\n                    Você possui até <strong>R$ {this.bonus.totalBonus.toFixed(2)}</strong> de Giftback nessa compra!\r\n                </p>\r\n                <p class=\"validity\">Válido até: {new Date(this.bonus.firstValidityDate).toLocaleDateString('pt-Br')}</p>\r\n\r\n                <p>Você está utilizando <strong>R$ {this.usedValue.toFixed(2)}</strong> nessa compra</p>\r\n\r\n                <div class=\"progress-container\">\r\n                    <span>R$ 0</span>\r\n                    <input\r\n                        disabled\r\n                        type=\"range\"\r\n                        min=\"0\"\r\n                        step=\"0.01\"\r\n                        max={this.bonus.totalBonus}\r\n                        value={this.usedValue}\r\n                        onInput={(event) => this.handleSliderChange(event)}\r\n                    />\r\n                    <span>R$ {this.bonus.totalBonus.toFixed(2)}</span>\r\n                </div>\r\n\r\n                <p class=\"remaining\">\r\n                    Faltam <strong>R$ {remainingGiftback > 0 ? remainingGiftback.toFixed(2) : Number(0).toFixed(2)}</strong> para utilizar o valor total do Giftback.\r\n                </p>\r\n\r\n                <div class=\"footer-button-giftback\">\r\n\r\n                    <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()} >\r\n                        Cancelar\r\n                    </button>\r\n\r\n                    <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleReserve(this.usedValue)}>\r\n                        {\r\n                            !this.loading ? \"Aplicar\" : <loading-spinner size=\"10px\" color=\"#fff\" />\r\n                        }\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"],"version":3}

package/dist/components/{p-cd108989.js → p-6b1f5521.js}

@@ -10,7 +10,7 @@ const LoadingContainer = /*@__PURE__*/ proxyCustomElement(class LoadingContainer
         this.loading = true;
     }
     render() {
-        return (h("div", { key: '679060e14b019ddb99823cb9b49c251bc0d2e1f1', class: "relative-xy" }, this.loading && (h("div", { key: 'cc10e466321732aae1cbf9ad321176f86fc60471', class: "loading-container" }, h("div", { key: 'ab1aa3a08cf62c0a631204810c35631bdc3efef0', class: "loading-spinner" }))), h("slot", { key: '84e00dbb82a035c847dc5e0c0e3018f49cbdfdc0' })));
+        return (h("div", { key: '3aafc6e52ffe53eb298e2e167d21eeeddf812d0e', class: "relative-xy" }, this.loading && (h("div", { key: '8cbede8653a698f7ca763f8fd563034674c0a846', class: "loading-container" }, h("div", { key: 'abf1f5e05f871cb7d75efb8edf8b870f31d9e5c4', class: "loading-spinner" }))), h("slot", { key: '78cc2d1deab2cde41982bc4187dfef987feedf8b' })));
     }
     static get style() { return LoadingContainerStyle0; }
 }, [4, "loading-container", {
@@ -33,4 +33,4 @@ defineCustomElement();
 
 export { LoadingContainer as L, defineCustomElement as d };
 
-//# sourceMappingURL=p-cd108989.js.map
+//# sourceMappingURL=p-6b1f5521.js.map

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

@@ -0,0 +1 @@
+{"file":"p-6b1f5521.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,8bAA8b,CAAC;AAC3d,+BAAe,mBAAmB;;MCKrB,gBAAgB;;;;uBAEE,IAAI;;IAE/B,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,aAAa,IAEhB,IAAI,CAAC,OAAO,KACR,4DAAK,KAAK,EAAC,mBAAmB,IAC1B,4DAAK,KAAK,EAAC,iBAAiB,GAEtB,CAEJ,CACT,EAEL,8DAAa,CACX,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/loading-container/loading-container.css?tag=loading-container","src/components/loading-container/loading-container.tsx"],"sourcesContent":["/* Estilo para centralizar o container do loading */\r\n.loading-container {\r\n  position: absolute;\r\n  /* Fixa o loading na tela */\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  /* Tamanho total da tela */\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  /* Fundo semitransparente */\r\n  display: flex;\r\n  /* Centraliza o conteúdo */\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n  /* Coloca o loading acima de outros elementos */\r\n}\r\n\r\n/* Estilo do spinner (círculo giratório) */\r\n.loading-spinner {\r\n  width: 50px;\r\n  height: 50px;\r\n  border: 5px solid rgba(255, 255, 255, 0.3);\r\n  /* Borda semitransparente */\r\n  border-top: 5px solid white;\r\n  /* Borda que será animada */\r\n  border-radius: 50%;\r\n  /* Faz o círculo */\r\n  animation: spin 1s linear infinite;\r\n  /* Gira continuamente */\r\n}\r\n\r\n/* Keyframes para a animação de rotação */\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}\r\n\r\n.relative-xy {\r\n  position: relative;\r\n}","import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'loading-container',\r\n    styleUrl: 'loading-container.css'\r\n})\r\nexport class LoadingContainer {\r\n\r\n    @Prop() loading: boolean = true;\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"relative-xy\">\r\n                {\r\n                    this.loading && (\r\n                        <div class=\"loading-container\">\r\n                            <div class=\"loading-spinner\">\r\n\r\n                            </div>\r\n                            \r\n                        </div>\r\n                    )\r\n                }\r\n                <slot></slot>\r\n            </div>\r\n        )\r\n    }\r\n}"],"version":3}

package/dist/components/{p-ec317fb9.js → p-6d61406c.js}

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
-import { C as CrmBonusService, g as getKeyReserveByCartId, U as USED_KEY } from './p-a428d5df.js';
+import { C as CrmBonusService, g as getKeyReserveByCartId, U as USED_KEY } from './p-142e8246.js';
 import { S as StepFormEnum } from './p-ecc51430.js';
 import { g as getInfoCustomization } from './p-1b441909.js';
 import { i as instance } from './p-c53241bf.js';
-import { p as persisteMetadata } from './p-9ca28ea7.js';
-import { d as defineCustomElement$8 } from './p-86b95c83.js';
-import { d as defineCustomElement$7 } from './p-39cc3ce4.js';
-import { d as defineCustomElement$6 } from './p-a70a82a3.js';
-import { d as defineCustomElement$5 } from './p-d8bd654a.js';
-import { d as defineCustomElement$4 } from './p-e25a1b64.js';
-import { d as defineCustomElement$3 } from './p-63ca9208.js';
-import { d as defineCustomElement$2 } from './p-5a7b0549.js';
-import { d as defineCustomElement$1 } from './p-4ac2b98e.js';
+import { p as persisteMetadata } from './p-7a92a786.js';
+import { d as defineCustomElement$8 } from './p-eb1f4328.js';
+import { d as defineCustomElement$7 } from './p-b86c93cc.js';
+import { d as defineCustomElement$6 } from './p-ab662b24.js';
+import { d as defineCustomElement$5 } from './p-dc0f6d66.js';
+import { d as defineCustomElement$4 } from './p-e31b6c28.js';
+import { d as defineCustomElement$3 } from './p-0a33e90f.js';
+import { d as defineCustomElement$2 } from './p-e068510c.js';
+import { d as defineCustomElement$1 } from './p-86dfe7ca.js';
 
 const giftbackFormCss = "*{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 CrmGiftbackFormStyle0 = giftbackFormCss;
@@ -41,6 +41,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         this.error = "";
         this.config = undefined;
         this.hasApplyBonus = false;
+        this.loadingAllComponent = false;
     }
     async setStep(step) {
         this.step = step;
@@ -94,7 +95,8 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         return !bonus.hasBonus;
     }
     convertStringToNumber() {
-        const _phone = this.phone.replace(/\D/g, '');
+        var _a;
+        const _phone = (_a = this.phone) === null || _a === void 0 ? void 0 : _a.replace(/\D/g, '');
         return Number(_phone);
     }
     async sendPin() {
@@ -116,7 +118,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
                     userId: bonus.userId
                 };
                 await this.validateBonus("2018");
-                this.step = StepFormEnum.STEP_RESERVE;
+                // this.step = StepFormEnum.STEP_RESERVE;
             }
             else {
                 this.step = StepFormEnum.STEP_PIN;
@@ -135,7 +137,8 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         this.step = StepFormEnum.STEP_PHONE;
     }
     async validateBonus(pin) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        this.loadingAllComponent = true;
         await this.loadProducts();
         const used_or_no = localStorage.getItem(USED_KEY);
         if (used_or_no == "dontUse") {
@@ -145,14 +148,17 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         this.loading = true;
         this.sucess = "";
         this.error = "";
+        const storeId = ((_a = this.pinInfo) === null || _a === void 0 ? void 0 : _a.storeId) || ((_c = (_b = this.reservedInfo) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.storeId);
+        const userId = ((_d = this.pinInfo) === null || _d === void 0 ? void 0 : _d.userId) || ((_f = (_e = this.reservedInfo) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.userId);
+        const cellphone = (_h = (_g = this.reservedInfo) === null || _g === void 0 ? void 0 : _g.metadata) === null || _h === void 0 ? void 0 : _h.cellphone;
         const payload = {
             pin: pin,
-            cellphone: this.convertStringToNumber(),
-            storeId: this.pinInfo.storeId.toString(),
-            userId: this.pinInfo.userId.toString(),
+            cellphone: cellphone || this.convertStringToNumber(),
+            storeId: storeId.toString(),
+            userId: userId.toString(),
             checkoutId: this.cartId,
             checkoutProducts: this.products,
-            name: (_a = this.customer) === null || _a === void 0 ? void 0 : _a.name,
+            name: (_j = this.customer) === null || _j === void 0 ? void 0 : _j.name,
             storeName: this.storeName
         };
         try {
@@ -168,14 +174,19 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
             localStorage.setItem(`bc:${this.phone}`, JSON.stringify(this.bonus));
             localStorage.setItem(USED_KEY, "use");
             localStorage.setItem(this.cartId, this.bonus.bonusBalance.toString());
-            await this.updateMetadata();
+            this.updateMetadata({ storeId: Number(storeId), userId: Number(userId) }, payload.cellphone);
+            console.log('RESERVE', this.bonus);
             this.step = StepFormEnum.STEP_RESERVE;
         }
         catch (error) {
-            const _error = (_c = (_b = error === null || error === void 0 ? void 0 : error.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.response;
+            const _error = (_l = (_k = error === null || error === void 0 ? void 0 : error.response) === null || _k === void 0 ? void 0 : _k.data) === null || _l === void 0 ? void 0 : _l.response;
+            const response = (_m = error === null || error === void 0 ? void 0 : error.response) === null || _m === void 0 ? void 0 : _m.data;
             if (_error && _error.includes("Pin")) {
                 this.error = "Código inválido!";
             }
+            else if ([403, 500].includes(response.statusCode)) {
+                this.error = "ocorreu um error, atualize a pagina e tente novamente!";
+            }
             else {
                 this.error = _error;
                 this.step = StepFormEnum.STEP_NO_BONUS;
@@ -183,20 +194,30 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         }
         finally {
             this.loading = false;
+            this.loadingAllComponent = false;
         }
     }
-    async updateMetadata() {
+    async updateMetadata(pinInfo, cellphone) {
         try {
-            if (!this.reservedInfo.isBonusProcessed)
-                return;
             if (this.reservedInfo.isExpired()) {
                 console.log('[CRM:updateMetadata]');
                 await persisteMetadata(this.storeName, this.cartId, {
                     createdAt: Date.now(),
-                    url: window.location.href
+                    url: window.location.href,
+                    storeId: pinInfo.storeId,
+                    userId: pinInfo.userId,
+                    cellphone: cellphone,
                 });
                 localStorage.removeItem("bc:time");
             }
+            else {
+                await persisteMetadata(this.storeName, this.cartId, {
+                    url: window.location.href,
+                    storeId: pinInfo.storeId,
+                    userId: pinInfo.userId,
+                    cellphone: cellphone,
+                });
+            }
         }
         catch (error) {
             console.error('[CRMBONUS:updateMetadata]: ', error);
@@ -213,7 +234,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
             await this.crmBonusService.cancel(this.cartId);
             localStorage.setItem(USED_KEY, "dontUse");
             this.save(0);
-            await this.updateMetadata();
+            await this.updateMetadata({ storeId: null, userId: null }, null);
         }
         catch (error) {
             this.message = "Não consegui cancelar o bônus, tente novamente!";
@@ -254,11 +275,11 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
     }
     render() {
         console.log("cartId", this.cartId);
-        return (h("div", { key: '9bf7b12fff0d3a546ec65ad23a5d427f50f889b0', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, h("label", { key: '4f85edd446d41922947687f91de10eae6c575ac2', class: "crm-title" }, this.config.giftbackTitle), this.step === StepFormEnum.STEP_PHONE &&
-            h("phone-form", { key: '60bd8e8268061b113d8c07680276dcac8f2dc57f', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
-            h("pin-form", { key: '2cafec0da8d445eb9fddaff2a6bb03b62d956ab3', config: this.config, phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && h("p", { key: '7a45765d3c7cf2009858b330ddaa4749de4238a6', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: '2c5fdc1a7c8737b69f0f6d2d253a114089c6be60', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
-            h("giftback-info", { key: '409d87bbbd48b510d18c2c85f99514a4a4a026f4', 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 === StepFormEnum.STEP_NO_BONUS &&
-            (h("div", { key: '7d31c5b48add98eef78aee93d352067b4ca28302', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
+        return (h("div", { key: 'e012c67ed92ba775e8696e35e4f1bec0c0375de4', class: "crm-container-form fbits-responsive-carrinho-desconto", style: this.customStyles }, h("label", { key: 'd7f551fc83ae9f83a388e18ba9a35bf57e3c1f94', class: "crm-title" }, this.config.giftbackTitle), this.error && (h("label", { key: 'fe377fc09b5b64ce6283e64a80c3f11f7efb9d24', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_PHONE &&
+            h("phone-form", { key: 'dd7a29d00056cf4b6b732633395e696163bfc354', value: this.customer.phone, config: this.config, loading: this.loading, handlerSubmit: (phone) => this.handleSendPin(phone) }), this.step === StepFormEnum.STEP_PIN &&
+            h("pin-form", { key: '52b0ca1ab73831ed10e3aa6ed39f5f7c9a65e6cb', config: this.config, phone: this.phone, cancel: () => this.changePhone(), resend: () => this.sendPin(), validate: (data) => this.validateBonus(data), loading: this.loading }, this.sucess && h("p", { key: '520a508cc10894bce1bb90830f10f9b86ee9b3f8', class: "crm-message-info" }, this.sucess), this.error && h("p", { key: '83b8d19d4b0e0579a23fa4e8438173d0c308a926', class: "crm-message-error" }, this.error)), this.step === StepFormEnum.STEP_RESERVE &&
+            h("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 === StepFormEnum.STEP_NO_BONUS &&
+            (h("div", { key: '8c6a1eb19b6952e3222cbb718ee58a55430cfb3e', class: "container-message" }, instance.t("noGiftback", { storename: this.config.giftbackTitle })))));
     }
     static get style() { return CrmGiftbackFormStyle0; }
 }, [0, "crm-giftback-form", {
@@ -281,6 +302,7 @@ const CrmBonus = /*@__PURE__*/ proxyCustomElement(class CrmBonus extends H {
         "error": [32],
         "config": [32],
         "hasApplyBonus": [32],
+        "loadingAllComponent": [32],
         "setStep": [64],
         "processBonus": [64]
     }]);
@@ -341,4 +363,4 @@ defineCustomElement();
 
 export { CrmBonus as C, defineCustomElement as d };
 
-//# sourceMappingURL=p-ec317fb9.js.map
+//# sourceMappingURL=p-6d61406c.js.map

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

@@ -0,0 +1 @@
+{"file":"p-6d61406c.js","mappings":"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","names":["i18next"],"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}"],"version":3}

package/dist/components/{p-dc1871cf.js → p-6ff4aa18.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
-import { d as defineCustomElement$1 } from './p-e25a1b64.js';
+import { d as defineCustomElement$1 } from './p-e31b6c28.js';
 
 const giftbackPinCss = ":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 GiftbackPinStyle0 = giftbackPinCss;
@@ -37,7 +37,7 @@ const GiftbackPin = /*@__PURE__*/ proxyCustomElement(class GiftbackPin extends H
         }
     }
     render() {
-        return (h("div", { key: '7486082912679fff55785889a17106fc6671fad5', class: "form-container-pin" }, h("div", { key: '3934dba774e30d5e3b118bc1c54de76484889b98' }, h("p", { key: 'c9cebcbf7fb2b2b378b9b3b0afcccb6839a403b6' }, "Insira o PIN de 4 d\u00EDgitos enviado por SMS."), h("div", { key: 'ebf9c9aaea23c88e4bd3a09897bef8545bd4b74f', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) }))))), h("div", { key: 'bcf8955d5b946959e5500aecf7b1e3eb582cd41a', class: "footer-button" }, h("button", { key: 'a542d17e8d462400711be2a49a509c37811e962e', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: '7f134440710b8f21f21665e880ec8094babf2a6b', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePin() }, !this.loading ? "Enviar" : h("loading-spinner", { size: "15px", color: "#fff" })))));
+        return (h("div", { key: 'a05b02c21780511f6b8c2549ed01feaf93796808', class: "form-container-pin" }, h("div", { key: 'a88cbf3a59166a12a4c72b5b00c97d30b8f6c644' }, h("p", { key: '4be53967640d06b7eb7182545c7fd6504a0c41a7' }, "Insira o PIN de 4 d\u00EDgitos enviado por SMS."), h("div", { key: '0c73ed59159223f148d5c39f3c1e23ea315c42ef', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) }))))), h("div", { key: 'bcb35393b6548ebd632f3b46ebbde0da7495be8d', class: "footer-button" }, h("button", { key: '02d9b01e3b88574f720456949ecbb688ea56e0ed', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: '76e9dd429d8a6a6408c67346ae516fe2d9eea392', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePin() }, !this.loading ? "Enviar" : h("loading-spinner", { size: "15px", color: "#fff" })))));
     }
     static get style() { return GiftbackPinStyle0; }
 }, [1, "giftback-pin", {
@@ -70,4 +70,4 @@ defineCustomElement();
 
 export { GiftbackPin as G, defineCustomElement as d };
 
-//# sourceMappingURL=p-dc1871cf.js.map
+//# sourceMappingURL=p-6ff4aa18.js.map

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

@@ -0,0 +1 @@
+{"file":"p-6ff4aa18.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,4sBAA4sB,CAAC;AACpuB,0BAAe,cAAc;;MCOhB,WAAW;;;;;;;;mBAMK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;0BACV,KAAK;uBAET,KAAK;;IAEhC,WAAW,CAAC,KAAY,EAAE,KAAa;QACnC,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;;QAGxB,IAAI,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;YACtC,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAsC,CAAC;YAC/D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;SACtB;QAED,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;KAC5B;IAED,WAAW;QACP,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;KACnC;IAED,SAAS;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAClC,IAAI,OAAO,KAAK,MAAM,EAAE;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B;KACJ;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,8DACI,8GAAiD,EACjD,4DAAK,KAAK,EAAC,eAAe,IACrB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MACnB,aACI,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,CAAC,EACZ,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EACtB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,GACpD,CACL,CAAC,CACA,CACJ,EAEN,4DAAK,KAAK,EAAC,eAAe,IACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EACT,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAE7G,CAAC,IAAI,CAAC,OAAO,GAAG,QAAQ,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEtE,CACP,CAGJ,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.css?tag=giftback-pin&encapsulation=shadow","src/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.tsx"],"sourcesContent":[":host {\r\n    display: block;\r\n}\r\n\r\n.form-container-pin {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.pin-container {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin: 26px 0;\r\n}\r\n\r\ninput {\r\n    width: 58px;\r\n    height: 40px;\r\n    /* font-size: 18px; */\r\n    text-align: center;\r\n    border: 1px solid #ccc;\r\n    border-radius: 5px;\r\n}\r\n\r\nbutton {\r\n    padding: 10px 20px;\r\n    /* background-color: #ddd; */\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.success {\r\n    color: green;\r\n    margin-top: 10px;\r\n}\r\n\r\n.button {\r\n    top: 50%;\r\n    background-color: #6c6c7e;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 15px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 20px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.button-cancel {\r\n    top: 50%;\r\n    background-color: #ffffff;\r\n    color: #1e1c1c;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.footer-button {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n}","import { Component, h, Prop, State } from '@stencil/core';\r\nimport { IPinSent } from '../../../../dto/pin.sent';\r\n\r\n@Component({\r\n    tag: 'giftback-pin',\r\n    styleUrl: 'giftback-pin.css',\r\n    shadow: true,\r\n})\r\nexport class GiftbackPin {\r\n\r\n    @Prop() sent: IPinSent;\r\n    @Prop() validate: (pin: string) => void;\r\n    @Prop() cancel: () => void;\r\n\r\n    @State() pin: string[] = ['', '', '', ''];\r\n    @State() isVerified: boolean = false;\r\n\r\n    @Prop() loading: boolean = false;\r\n\r\n    handleInput(event: Event, index: number) {\r\n        const input = event.target as HTMLInputElement;\r\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\r\n        this.pin[index] = value;\r\n\r\n        // Focar no próximo campo, se possível\r\n        if (value && index < this.pin.length - 1) {\r\n            const nextInput = input.nextElementSibling as HTMLInputElement;\r\n            nextInput?.focus();\r\n        }\r\n\r\n        this.pin = [...this.pin];\r\n    }\r\n\r\n    validatePin() {\r\n        this.validate(this.pin.join(\"\"))\r\n    }\r\n\r\n    verifyPin() {\r\n        const pinCode = this.pin.join('');\r\n        if (pinCode === '9999') {\r\n            this.isVerified = true;\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"form-container-pin\">\r\n                <div >\r\n                    <p>Insira o PIN de 4 dígitos enviado por SMS.</p>\r\n                    <div class=\"pin-container\">\r\n                        {this.pin.map((_, index) => (\r\n                            <input\r\n                                type=\"text\"\r\n                                maxLength={1}\r\n                                value={this.pin[index]}\r\n                                onInput={(event) => this.handleInput(event, index)}\r\n                            />\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"footer-button\">\r\n                    <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\r\n                        Cancelar\r\n                    </button>\r\n                    <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePin()}>\r\n                        {\r\n                            !this.loading ? \"Enviar\" : <loading-spinner size=\"15px\" color=\"#fff\" />\r\n                        }\r\n                    </button>\r\n                </div>\r\n                {/* <button onClick={() => this.verifyPin()}>Enviar</button>\r\n                {this.isVerified && <p class=\"success\">Código verificado com sucesso!</p>} */}\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"],"version":3}

package/dist/{esm/cart.helper-c6fd0b36.js → components/p-7a92a786.js}

@@ -1,4 +1,4 @@
-import { C as CrmBonusService, a as CHECKOUT_CART_WAKE } from './crmbonus.service-0bd0a5ac.js';
+import { C as CrmBonusService, a as CHECKOUT_CART_WAKE } from './p-142e8246.js';
 
 class CartWake {
     constructor(cart) {
@@ -85,11 +85,13 @@ const getInfoBonusByCartIdAndStoreName = async (cartId, storeName) => {
     return ReservedInfoDTO.of(info);
 };
 const persisteMetadata = async (storeName, cartId, metadata = {}) => {
+    console.log('[bc:salvando metadados]');
     await crmBonusService.patchInfoBonus({
         storeName,
         cartId,
         metadata
     });
+    console.log('[bc:salvo metadados]');
 };
 const buildUrlBase = () => {
     const url = window.location.origin; //"https://bycoders.checkout.fbits.store" //
@@ -110,4 +112,4 @@ const buildUrlBase = () => {
 
 export { CartWake as C, getInfoBonusByCartIdAndStoreName as a, getCart as g, persisteMetadata as p };
 
-//# sourceMappingURL=cart.helper-c6fd0b36.js.map
+//# sourceMappingURL=p-7a92a786.js.map

package/dist/components/p-7a92a786.js.map

@@ -0,0 +1 @@
+{"file":"p-7a92a786.js","mappings":"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","names":[],"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}"],"version":3}

package/dist/components/{p-4ac2b98e.js → p-86dfe7ca.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
 import { i as instance } from './p-c53241bf.js';
-import { d as defineCustomElement$3 } from './p-86b95c83.js';
-import { d as defineCustomElement$2 } from './p-39cc3ce4.js';
-import { d as defineCustomElement$1 } from './p-e25a1b64.js';
+import { d as defineCustomElement$3 } from './p-eb1f4328.js';
+import { d as defineCustomElement$2 } from './p-b86c93cc.js';
+import { d as defineCustomElement$1 } from './p-e31b6c28.js';
 
 const pinFormCss = ":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 PinFormStyle0 = pinFormCss;
@@ -72,7 +72,7 @@ const GiftbackPin = /*@__PURE__*/ proxyCustomElement(class GiftbackPin extends H
     }
     render() {
         var _a;
-        return (h("div", { key: '190042377a7f0e1837bf3680e7447b819fe62ddb', class: "crm-phone-form" }, h("label", { key: '6e4deaad2d2b0d840bdae8b00d33e27e21e61f2c', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: 'cb8942dd64dfa53f3d4d0b4f8005b683cf7e0414' }, "+55 ", this.phone)), h("div", { key: 'af31bb510091bc25346ede3cd4084c5e51648917', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) })))), h("slot", { key: 'cbb6201f65b6a30e897697d11eb28cb4f90f580d' }), h("p", { key: '2ee78c98d57a66ef1f50c4f5ae0c7967f322a9d5', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: 'd3699dd40e2c1a3ba25c2af5f47965e1a8b00b4c' }, " Reenviar em", h("countdown-timer", { key: '0f8c0f6881aa4a45266eb8c873920a95fbd888fd', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '5bb4dfb686db4ef67e5fb49140f7c4e0a4c26b9a' }, h("a", { key: 'fae2ffb3f1b2c618316471a198a8492df04ab07e', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: '8ad3ce7f8a29398f7c5b4f2ff5373e48ede49070', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '367ddb80c24e0282db737dfac6621b8091bcb67e', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
+        return (h("div", { key: '6a62eca90116a8f120ed997e8db8ede58f2f0521', class: "crm-phone-form" }, h("label", { key: '163b391876b598e8a170196f3c53a77c38f67d91', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: '3d0e5616b335c5c1a122b18ab54fd275f0eb1cbf' }, "+55 ", this.phone)), h("div", { key: '09fb7e7f22c6e54d6e01e91398c14f94aa40606a', class: "pin-container" }, this.pin.map((_, index) => (h("input", { type: "text", maxLength: 1, value: this.pin[index], onInput: (event) => this.handleInput(event, index) })))), h("slot", { key: '4375d20d7d691e2e439dfe25a3df00aeb73a7d2a' }), h("p", { key: '53b3e46d111809d87436a7a593a91ea9aafd46d0', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: 'bc71ebe6c29f831123e12ba7dff408be93465101' }, " Reenviar em", h("countdown-timer", { key: 'd7e831b7deb76172c7064eee7ad1c407a5f492d7', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '33d6c68c2959820053bb670df0d3be40484be5d6' }, h("a", { key: '28de82c465773793dd291ee92f3ed39a62ac3cb4', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: '0883846b1a87fc0a73233c92b4da7698d7df7fbd', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '8749dba1ff171c83830646007d7f5823a7c33c1f', txtBtn: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
     }
     static get style() { return PinFormStyle0 + PinFormStyle1; }
 }, [1, "pin-form", {
@@ -119,4 +119,4 @@ defineCustomElement();
 
 export { GiftbackPin as G, defineCustomElement as d };
 
-//# sourceMappingURL=p-4ac2b98e.js.map
+//# sourceMappingURL=p-86dfe7ca.js.map

package/dist/components/p-86dfe7ca.js.map

@@ -0,0 +1 @@
+{"file":"p-86dfe7ca.js","mappings":"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","names":["i18next"],"sources":["src/components/giftback-form/subcomponents/pin-form/pin-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/giftback-form.css?tag=pin-form&encapsulation=shadow","src/components/giftback-form/subcomponents/pin-form/pin-form.tsx"],"sourcesContent":[":host {\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"],"version":3}

package/dist/components/{p-e81cd527.js → p-8e6146ae.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
-import { d as defineCustomElement$1 } from './p-e25a1b64.js';
+import { d as defineCustomElement$1 } from './p-e31b6c28.js';
 
 const nameInputCss = ".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 NameInputStyle0 = nameInputCss;
@@ -27,7 +27,7 @@ const NameInput = /*@__PURE__*/ proxyCustomElement(class NameInput extends H {
         this.applyName(name);
     }
     render() {
-        return (h("div", { key: 'e7340de629d6b39389a55b1b93e85ff9481fe635', class: "name-container" }, h("p", { key: '1b8306842614d144b9776956053828f23adfa3ab' }, "Seu Nome:"), h("input", { key: 'eb92740ed0fc8f56f4dc2d6af0fc47c083bb1368', class: "bc-form-control", type: "text", value: this.value, onChange: (event) => this.handleChangeName(event) }), h("p", { key: 'c184767bc91444cb357e3103a909186fa8223d56' }, this.message), h("div", { key: '80b817a03faa730519ddd3d1e61a227ead8a90cf', class: "footer-button" }, h("button", { key: '4863eed4addae2d3dee9ee415e8797cabf7b054c', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: 'b50b5919b0db45d13abc7d968baba4e8616e9ed5', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleSetName(this.newValue) }, !this.loading ? "Continua" : h("loading-spinner", { size: "15px", color: "#fff" })))));
+        return (h("div", { key: '5cbd25af143ea45b2358effb448d920d9a9abfb4', class: "name-container" }, h("p", { key: 'e277b2345070c4eb6614f45aa8730fd4332938de' }, "Seu Nome:"), h("input", { key: 'b8b1dcf61f07a7a28491288aae58374c2a15bd5a', class: "bc-form-control", type: "text", value: this.value, onChange: (event) => this.handleChangeName(event) }), h("p", { key: '657756c09c431d649fc72a06b50591687c8753d2' }, this.message), h("div", { key: 'c2b13c2f44925723fd271709b125d785d46b34a3', class: "footer-button" }, h("button", { key: 'e58913207a82be6469adf58a337e9cd15914f623', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: '816ef162682b36801651148c380f13c69221f830', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleSetName(this.newValue) }, !this.loading ? "Continua" : h("loading-spinner", { size: "15px", color: "#fff" })))));
     }
     static get style() { return NameInputStyle0; }
 }, [1, "name-input", {
@@ -60,4 +60,4 @@ defineCustomElement();
 
 export { NameInput as N, defineCustomElement as d };
 
-//# sourceMappingURL=p-e81cd527.js.map
+//# sourceMappingURL=p-8e6146ae.js.map

package/dist/components/p-8e6146ae.js.map

@@ -0,0 +1 @@
+{"file":"p-8e6146ae.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,4lDAA4lD,CAAC;AAClnD,wBAAe,YAAY;;MCMd,SAAS;;;;;;;;;;;;IAWlB,gBAAgB,CAAC,KAAU;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACtC;IAGD,aAAa,CAAC,IAAY;QACtB,IAAG,CAAC,IAAI,EAAE;YACN,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAClC,OAAM;SACT;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;KACxB;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,wEAAgB,EAChB,8DAAO,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAI,EAEnH,4DAAK,IAAI,CAAC,OAAO,CAAM,EAMvB,4DAAK,KAAK,EAAC,eAAe,IACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EACT,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAE5H,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/_crm-bonus-form/subcomponents/name-input/name-input.css?tag=name-input&encapsulation=shadow","src/components/_crm-bonus-form/subcomponents/name-input/name-input.tsx"],"sourcesContent":[".bc-form-control {\r\n    display: block;\r\n    width: 90%;\r\n    height: 24px;\r\n    padding: 7px 18px;\r\n    /* font-size: 14px; */\r\n    line-height: 1.42857143;\r\n    color: #555;\r\n    background-color: #fff;\r\n    background-image: none;\r\n    border: 1px solid #ccc;\r\n    border-radius: 0px;\r\n    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\r\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\r\n    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\r\n    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r\n    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r\n}\r\n\r\n.bc-btn {\r\n    display: inline-block;\r\n    padding: 6px 12px;\r\n    margin-bottom: 0;\r\n    /* font-size: 14px; */\r\n    font-weight: 400;\r\n    line-height: 1.42857143;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    -ms-touch-action: manipulation;\r\n    touch-action: manipulation;\r\n    cursor: pointer;\r\n    -webkit-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    background-image: none;\r\n    border: 1px solid transparent;\r\n    border-radius: 0px;\r\n}\r\n\r\n.bc-btn-process {\r\n    background: #00162e;\r\n    border-color: #00162e;\r\n    width: 30%;\r\n    color: #fff;\r\n}\r\n\r\n.bc-footer-btn {\r\n    display: flex;\r\n    justify-content: end;\r\n    margin: 11px;\r\n}\r\n\r\n.name-container {\r\n    font-weight: bold;\r\n    color: #494545;\r\n}\r\n\r\n\r\nbutton {\r\n    padding: 10px 20px;\r\n    background-color: #ddd;\r\n    border: none;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\nbutton:hover {\r\n    background-color: #bbb;\r\n}\r\n\r\n.success {\r\n    color: green;\r\n    margin-top: 10px;\r\n}\r\n\r\n.button {\r\n    top: 50%;\r\n    background-color: #6c6c7e;\r\n    color: #fff;\r\n    border: none;\r\n    border-radius: 10px;\r\n    padding: 11px;\r\n    min-width: 120px;\r\n    /* font-size: 20px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.button-cancel {\r\n    top: 50%;\r\n    background-color: #ffffff;\r\n    color: #1e1c1c;\r\n    border: 1px solid gray;\r\n    border-radius: 10px;\r\n    padding: 10px;\r\n    min-height: 30px;\r\n    min-width: 120px;\r\n    /* font-size: 19px; */\r\n    cursor: pointer;\r\n}\r\n\r\n.footer-button {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 97%;\r\n    margin-top: 14px;\r\n}","import { Component, Prop, State, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'name-input',\r\n    styleUrl: 'name-input.css',\r\n    shadow: true\r\n})\r\nexport class NameInput {\r\n\r\n    @Prop() value: string;\r\n\r\n    @Prop() loading: boolean;\r\n    @Prop() applyName: (value: string) => void;\r\n    @Prop() cancel: () => void;\r\n    \r\n    @State() newValue: string;\r\n    @State() message: string;\r\n\r\n    handleChangeName(event: any) {\r\n        this.newValue = event.target.value;\r\n    }\r\n\r\n\r\n    handleSetName(name: string) {\r\n        if(!name) {\r\n            this.message = \"Informe seu nome\";\r\n            return\r\n        }\r\n\r\n        this.applyName(name);\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class=\"name-container\">\r\n                <p>Seu Nome:</p>\r\n                <input class=\"bc-form-control\" type=\"text\" value={this.value} onChange={(event) => this.handleChangeName(event)} />\r\n\r\n                <p>{ this.message }</p>\r\n\r\n                {/* <div class=\"bc-footer-btn\">\r\n                    <button class=\"bc-btn bc-btn-process\" onClick={() => this.applyName(this.newValue)} >Prosseguir</button>\r\n                </div> */}\r\n\r\n                <div class=\"footer-button\">\r\n                    <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\r\n                        Cancelar\r\n                    </button>\r\n                    <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleSetName(this.newValue)}>\r\n                        {\r\n                            !this.loading ? \"Continua\" : <loading-spinner size=\"15px\" color=\"#fff\" />\r\n                        }\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"],"version":3}

package/dist/components/{p-a70a82a3.js → p-ab662b24.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h } from './p-9d950d25.js';
 
 const infoCircleSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNy43NUMxMi40MTQyIDE3Ljc1IDEyLjc1IDE3LjQxNDIgMTIuNzUgMTdWMTFDMTIuNzUgMTAuNTg1OCAxMi40MTQyIDEwLjI1IDEyIDEwLjI1QzExLjU4NTggMTAuMjUgMTEuMjUgMTAuNTg1OCAxMS4yNSAxMVYxN0MxMS4yNSAxNy40MTQyIDExLjU4NTggMTcuNzUgMTIgMTcuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8cGF0aCBkPSJNMTIgN0MxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4QzEzIDguNTUyMjggMTIuNTUyMyA5IDEyIDlDMTEuNDQ3NyA5IDExIDguNTUyMjggMTEgOEMxMSA3LjQ0NzcyIDExLjQ0NzcgNyAxMiA3WiIgZmlsbD0iIzFDMjc0QyIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTIgMi43NUM2Ljg5MTM3IDIuNzUgMi43NSA2Ljg5MTM3IDIuNzUgMTJDMi43NSAxNy4xMDg2IDYuODkxMzcgMjEuMjUgMTIgMjEuMjVDMTcuMTA4NiAyMS4yNSAyMS4yNSAxNy4xMDg2IDIxLjI1IDEyQzIxLjI1IDYuODkxMzcgMTcuMTA4NiAyLjc1IDEyIDIuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8L3N2Zz4=';
 
-const crmTooltipCss = ".crm-tooltip-container {\n    display: flex;\n\n    & img {\n        width: 16px;\n        margin-left: 3px;\n        position: relative;\n    }\n}\n\n.crm-tooltip {\n    position: relative;\n    display: inline-block;\n}\n\n.crm-tooltip .tooltiptext {\n    visibility: hidden;\n    background-color: black;\n    color: #fff;\n    text-align: center;\n    padding: 8px 12px;\n    border-radius: 0px;\n    position: absolute;\n    z-index: 1;\n    min-width: 271px;\n    top: 100%;\n    left: 50%;\n    margin-left: -238px;\n}\n\n@container (max-width: 410px) {\n    .crm-tooltip .tooltiptext {\n        margin-left: -14px;\n    }\n\n    .crm-tooltip #crm-role-description {\n        margin-left: -151px;\n    }\n}\n\n@container (max-width: 250px) {\n    .crm-tooltip .tooltiptext {\n        margin-left: -201px;\n    }\n}\n\n.crm-tooltip:hover .tooltiptext {\n    visibility: visible;\n}";
+const crmTooltipCss = ".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 CrmTooltipStyle0 = crmTooltipCss;
 
 const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
@@ -13,7 +13,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         this.identity = undefined;
     }
     render() {
-        return (h("div", { key: 'e5adedc85f8db34ef347ee41b804f97e254b1692', class: "crm-tooltip-container crm-tooltip" }, h("img", { key: '76bd6d6aa860c81ba748cd92d1ee42de48140b56', src: infoCircleSvgrepoComSvg }), h("span", { key: 'ca2ce50e7ba71165c244de210200275eb705bf9c', id: this.identity, class: "tooltiptext" }, this.text)));
+        return (h("div", { key: '61f4dc809d2fdba6851a4678f73f7d38d54a48ed', class: "crm-tooltip-container crm-tooltip" }, h("img", { key: '7d47a752d22df6c6b28a11558adc8f1b2a8de873', src: infoCircleSvgrepoComSvg }), h("span", { key: 'a21e76673ab8ebc0816c7bf9d37474a0d78dd646', id: this.identity, class: "tooltiptext" }, this.text)));
     }
     static get style() { return CrmTooltipStyle0; }
 }, [0, "crm-tooltip", {
@@ -37,4 +37,4 @@ defineCustomElement();
 
 export { Tooltip as T, defineCustomElement as d };
 
-//# sourceMappingURL=p-a70a82a3.js.map
+//# sourceMappingURL=p-ab662b24.js.map

package/dist/components/p-ab662b24.js.map

@@ -0,0 +1 @@
+{"file":"p-ab662b24.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,wvCAAwvC;;ACAxxC,MAAM,aAAa,GAAG,y9BAAy9B,CAAC;AACh/B,yBAAe,aAAa;;MCOf,OAAO;;;;;;;IAKhB,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,mCAAmC,IAC1C,4DAAK,GAAG,EAAEA,uBAAI,GAAI,EAClB,6DAAM,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ,CAC7D,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;;","names":["info"],"sources":["src/assets/svg/info-circle-svgrepo-com.svg","src/components/tooltip/crm-tooltip.css?tag=crm-tooltip","src/components/tooltip/tooltip.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}"],"version":3}

package/dist/components/p-af3ba015.js.map

@@ -1 +1 @@
-{"file":"p-af3ba015.js","mappings":"SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AACjF,CAAC;SAEe,WAAW,CAAC,iBAAyB;IAEnD,OAAO;QACL,iBAAiB,EAAE,iBAAiB,GAAG,CAAC,GAAG,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;QAClG,UAAU,GAAG,iBAAiB,GAAG,CAAC,CAAC;KACpC,CAAA;AACH,CAAC;SAEe,cAAc,CAAC,QAAgB;IAE7C,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEnC,IAAI,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE;QACrB,OAAO,EAAE,CAAA;KACV;IAED,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7C;;;;","names":[],"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"],"version":3}
+{"file":"p-af3ba015.js","mappings":"SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AACjF,CAAC;SAEe,WAAW,CAAC,iBAAyB;IAEnD,OAAO;QACL,iBAAiB,EAAE,iBAAiB,GAAG,CAAC,GAAG,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;QAClG,UAAU,GAAG,iBAAiB,GAAG,CAAC,CAAC;KACpC,CAAA;AACH,CAAC;SAEe,cAAc,CAAC,QAAgB;IAE7C,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEnC,IAAI,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE;QACrB,OAAO,EAAE,CAAA;KACV;IAED,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7C;;;;","names":[],"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"],"version":3}