crmbonus-component-wake 0.0.13 → 0.0.14

package/dist/crmbonus-component-wake/loading-spinner.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h } from './index-b9a7a992.js';
+
+const loadingSpinnerCss = ".spinner{display:inline-block;border:4px solid transparent;border-radius:50%;border-top-color:var(--color, #0078d7);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
+
+const LoadingSpinner = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.size = '50px';
+        this.color = '#0078d7';
+    }
+    render() {
+        return (h("div", { key: '671c2b621a084871eb30ae2d4e8def280844d612', class: "spinner", style: { width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` } }));
+    }
+};
+LoadingSpinner.style = loadingSpinnerCss;
+
+export { LoadingSpinner as loading_spinner };
+
+//# sourceMappingURL=loading-spinner.entry.js.map

package/dist/crmbonus-component-wake/loading-spinner.entry.js.map

@@ -0,0 +1 @@
+{"file":"loading-spinner.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,iOAAiO;;MCO9O,cAAc;;;oBACA,MAAM;qBACL,SAAS;;IAEjC,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,sCAAsC,EAAE,GAAQ,EAC/I;KACL;;;;;;","names":[],"sources":["src/components/loading-spinner/loading-spinner.css?tag=loading-spinner&encapsulation=shadow","src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":[".spinner {\n    display: inline-block;\n    border: 4px solid transparent;\n    border-radius: 50%;\n    border-top-color: var(--color, #0078d7);\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    0% {\n        transform: rotate(0deg);\n    }\n\n    100% {\n        transform: rotate(360deg);\n    }\n}","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'loading-spinner',\n    styleUrl: 'loading-spinner.css',\n    shadow: true,\n})\nexport class LoadingSpinner {\n    @Prop() size: string = '50px'; // Tamanho do spinner (padrão 50px)\n    @Prop() color: string = '#0078d7'; // Cor do spinner (padrão azul)\n\n    render() {\n        return (\n            <div class=\"spinner\" style={{ width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` }}></div>\n        );\n    }\n}\n"],"version":3}

package/dist/crmbonus-component-wake/pedido-finalizado.entry.js

@@ -0,0 +1,18 @@
+import { r as registerInstance, h } from './index-b9a7a992.js';
+import { C as CrmBonusService } from './crmbonus.service-134e7b0c.js';
+
+const Pedido = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    async componentWillLoad() {
+        await new CrmBonusService().teste();
+    }
+    render() {
+        return (h("div", { key: 'ba5af472622d47dc602df822998aad9dc9554856' }, "oi"));
+    }
+};
+
+export { Pedido as pedido_finalizado };
+
+//# sourceMappingURL=pedido-finalizado.entry.js.map

package/dist/crmbonus-component-wake/pedido-finalizado.entry.js.map

@@ -0,0 +1 @@
+{"file":"pedido-finalizado.entry.esm.js","mappings":";;;MAOa,MAAM;;;;IAEf,MAAM,iBAAiB;QACnB,MAAM,IAAI,eAAe,EAAE,CAAC,KAAK,EAAE,CAAA;KACtC;IAED,MAAM;QACF,QACI,mEAAa,EAChB;KACJ;;;;;","names":[],"sources":["src/components/pedido/pedido.tsx"],"sourcesContent":["import { Component, h } from \"@stencil/core\";\nimport axios from \"axios\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\n\n@Component({\n    tag: \"pedido-finalizado\"\n})\nexport class Pedido {\n\n    async componentWillLoad() {\n        await new CrmBonusService().teste()\n    }\n\n    render() {\n        return (\n            <div>oi</div>\n        )\n    }\n}"],"version":3}

package/dist/crmbonus-component-wake/phone-input-mask.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-9ebfa0b2.js';
+import { r as registerInstance, h } from './index-b9a7a992.js';
 
 const phoneInputMaskCss = ".inline-text-field-container{display:flex;flex-direction:column}@supports (top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined{height:55px;overflow:visible}.phone{width:300px;height:50px;font-size:18px;padding:10px;color:grey;border:1px solid #d3c6c6;outline:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity, transform, color}";
 
@@ -25,7 +25,7 @@ const PhoneInputMask = class {
         return this.phone;
     }
     render() {
-        return (h("input", { key: '0c97019b6865b4ffccddbae39361c72b20cceb20', id: "phone", type: "tel", class: "phone", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }));
+        return (h("input", { key: '3b00242e5569a40f078a985a7b4bc99dad86e161', id: "phone", type: "tel", class: "phone", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }));
     }
 };
 PhoneInputMask.style = phoneInputMaskCss;

package/dist/crmbonus-component-wake/phone-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-9ebfa0b2.js';
+import { r as registerInstance, h } from './index-b9a7a992.js';
 
 const PhoneInput = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const PhoneInput = class {
         await this.sendPin(phone);
     }
     render() {
-        return (h("div", { key: 'fac7503245e21b8d371c22262aac4f06945d7f12', class: "form-container" }, h("phone-input-mask", { key: 'df1c08bbefab1287f2894c33b4dc3ac652e5c6b0', ref: ref => this.phoneInputMask = ref }), h("button", { key: '7486b3cbe0ee277213eab8e80058e800e0fcaa13', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, "validar")));
+        return (h("div", { key: '7cacb66e387cdc92af272234e128ac0084ac76b5', class: "form-container" }, h("phone-input-mask", { key: 'd8f5d6ed8d34136d8eb9aeb0f16de934ba376976', ref: ref => this.phoneInputMask = ref }), h("button", { key: '4b3170982fa5b3908829b1ccd386aa481f46170e', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : h("loading-spinner", { size: "25px", color: "#fff" }))));
     }
 };
 

package/dist/crmbonus-component-wake/phone-input.entry.js.map

@@ -1 +1 @@
-{"file":"phone-input.entry.esm.js","mappings":";;MAKa,UAAU;;;;;;IAOnB,MAAM,aAAa;QACf,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;QACnD,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KAC7B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,yEAAkB,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI,EAC3D,+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,EAAE,cAAkB,CACvI,EACT;KACJ;;;;;","names":[],"sources":["src/components/crm-bonus-form/subcomponents/phone/phone.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'phone-input'\n})\nexport class PhoneInput {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    @Prop() sendPin: Function;\n    @Prop() loading: boolean;\n\n    async validatePhone() {\n        const phone = await this.phoneInputMask.getPhone();\n        await this.sendPin(phone);\n    }\n\n    render() {\n        return (\n            <div class=\"form-container\">\n                <phone-input-mask ref={ref => this.phoneInputMask = ref} />\n                <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>validar</button>\n            </div>\n        )\n    }\n}"],"version":3}
+{"file":"phone-input.entry.esm.js","mappings":";;MAKa,UAAU;;;;;;IAOnB,MAAM,aAAa;QACf,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;QACnD,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KAC7B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,yEAAkB,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI,EAC3D,+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,EAAE,IAE/G,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEvE,CACP,EACT;KACJ;;;;;","names":[],"sources":["src/components/crm-bonus-form/subcomponents/phone/phone.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'phone-input'\n})\nexport class PhoneInput {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    @Prop() sendPin: Function;\n    @Prop() loading: boolean;\n\n    async validatePhone() {\n        const phone = await this.phoneInputMask.getPhone();\n        await this.sendPin(phone);\n    }\n\n    render() {\n        return (\n            <div class=\"form-container\">\n                <phone-input-mask ref={ref => this.phoneInputMask = ref} />\n                <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n                    {\n                        !this.loading ? \"validar\" : <loading-spinner size=\"25px\" color=\"#fff\" />\n                    }\n                </button>\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/types/components/crm-bonus/crm-bonus.d.ts

@@ -1,9 +1,12 @@
+import { IProduct, IProductWake } from '../../dto/validate.pin.bonus';
 export declare class MyComponent {
     showModal: boolean;
     userId: string;
     storeName: any;
     productsInString: string;
-    products: Array<any>;
+    cartId: any;
+    products: Array<IProductWake>;
     componentWillLoad(): void;
+    buildProducts(): IProduct[];
     render(): any;
 }

package/dist/types/components/crm-bonus-form/crm-bonus-form.d.ts

@@ -1,12 +1,18 @@
 import { IPinSent } from "../../components";
-import { IValidatePinBonus } from "../../dto/validate.pin.bonus";
+import { IBonus, IProduct } from "../../dto/validate.pin.bonus";
 export declare class CrmBonusForm {
     private crmBonusService;
     storeName: any;
+    cartId: any;
+    products: Array<IProduct>;
     loading: boolean;
     step: number;
     sent: IPinSent;
+    message: string;
+    phone: number;
+    bonus: IBonus;
     sendPin(phone: string): Promise<void>;
-    validateBonus(data: IValidatePinBonus): Promise<void>;
+    validateBonus(pin: string): Promise<void>;
+    reserve(amount: number): Promise<void>;
     render(): any;
 }

package/dist/types/components/crm-bonus-form/subcomponents/giftback-pin/giftback-pin.d.ts

@@ -1,7 +1,7 @@
 import { IPinSent } from '../../../../dto/pin.sent';
 export declare class GiftbackPin {
     sent: IPinSent;
-    validate: Function;
+    validate: (pin: string) => void;
     pin: string[];
     isVerified: boolean;
     loading: boolean;

package/dist/types/components/crm-bonus-form/subcomponents/giftback-progress/giftback-progress.d.ts

@@ -1,8 +1,11 @@
+import { IBonus } from '../../../../dto/validate.pin.bonus';
 export declare class GiftbackProgress {
-    maxValue: number;
-    totalGiftback: number;
-    validityDate: string;
     usedValue: number;
+    loading: boolean;
+    bonus: Partial<IBonus>;
+    reserve: (amountRedeemed: number) => void;
+    componentWillLoad(): void;
     handleSliderChange(event: Event): void;
+    handleReserve(): Promise<void>;
     render(): any;
 }

package/dist/types/components/loading-spinner/loading-spinner.d.ts

@@ -0,0 +1,5 @@
+export declare class LoadingSpinner {
+    size: string;
+    color: string;
+    render(): any;
+}

package/dist/types/components/pedido/pedido.d.ts

@@ -0,0 +1,4 @@
+export declare class Pedido {
+    componentWillLoad(): Promise<void>;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -5,7 +5,9 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { IBonus, IProduct } from "./dto/validate.pin.bonus";
 import { IPinSent } from "./dto/pin.sent";
+export { IBonus, IProduct } from "./dto/validate.pin.bonus";
 export { IPinSent } from "./dto/pin.sent";
 export namespace Components {
     interface AppModal {
@@ -13,21 +15,31 @@ export namespace Components {
         "modalTitle": string;
     }
     interface CrmBonus {
+        "cartId": any;
         "productsInString": string;
         "storeName": any;
         "userId": string;
     }
     interface CrmBonusForm {
+        "cartId": any;
+        "products": Array<IProduct>;
         "storeName": any;
     }
     interface GiftbackPin {
+        "loading": boolean;
         "sent": IPinSent;
-        "validate": Function;
+        "validate": (pin: string) => void;
     }
     interface GiftbackProgress {
-        "maxValue": number;
-        "totalGiftback": number;
-        "validityDate": string;
+        "bonus": Partial<IBonus>;
+        "loading": boolean;
+        "reserve": (amountRedeemed: number) => void;
+    }
+    interface LoadingSpinner {
+        "color": string;
+        "size": string;
+    }
+    interface PedidoFinalizado {
     }
     interface PhoneInput {
         "loading": boolean;
@@ -83,6 +95,18 @@ declare global {
         prototype: HTMLGiftbackProgressElement;
         new (): HTMLGiftbackProgressElement;
     };
+    interface HTMLLoadingSpinnerElement extends Components.LoadingSpinner, HTMLStencilElement {
+    }
+    var HTMLLoadingSpinnerElement: {
+        prototype: HTMLLoadingSpinnerElement;
+        new (): HTMLLoadingSpinnerElement;
+    };
+    interface HTMLPedidoFinalizadoElement extends Components.PedidoFinalizado, HTMLStencilElement {
+    }
+    var HTMLPedidoFinalizadoElement: {
+        prototype: HTMLPedidoFinalizadoElement;
+        new (): HTMLPedidoFinalizadoElement;
+    };
     interface HTMLPhoneInputElement extends Components.PhoneInput, HTMLStencilElement {
     }
     var HTMLPhoneInputElement: {
@@ -101,6 +125,8 @@ declare global {
         "crm-bonus-form": HTMLCrmBonusFormElement;
         "giftback-pin": HTMLGiftbackPinElement;
         "giftback-progress": HTMLGiftbackProgressElement;
+        "loading-spinner": HTMLLoadingSpinnerElement;
+        "pedido-finalizado": HTMLPedidoFinalizadoElement;
         "phone-input": HTMLPhoneInputElement;
         "phone-input-mask": HTMLPhoneInputMaskElement;
     }
@@ -112,21 +138,31 @@ declare namespace LocalJSX {
         "onModalClosed"?: (event: AppModalCustomEvent<void>) => void;
     }
     interface CrmBonus {
+        "cartId"?: any;
         "productsInString"?: string;
         "storeName"?: any;
         "userId"?: string;
     }
     interface CrmBonusForm {
+        "cartId"?: any;
+        "products"?: Array<IProduct>;
         "storeName"?: any;
     }
     interface GiftbackPin {
+        "loading"?: boolean;
         "sent"?: IPinSent;
-        "validate"?: Function;
+        "validate"?: (pin: string) => void;
     }
     interface GiftbackProgress {
-        "maxValue"?: number;
-        "totalGiftback"?: number;
-        "validityDate"?: string;
+        "bonus"?: Partial<IBonus>;
+        "loading"?: boolean;
+        "reserve"?: (amountRedeemed: number) => void;
+    }
+    interface LoadingSpinner {
+        "color"?: string;
+        "size"?: string;
+    }
+    interface PedidoFinalizado {
     }
     interface PhoneInput {
         "loading"?: boolean;
@@ -140,6 +176,8 @@ declare namespace LocalJSX {
         "crm-bonus-form": CrmBonusForm;
         "giftback-pin": GiftbackPin;
         "giftback-progress": GiftbackProgress;
+        "loading-spinner": LoadingSpinner;
+        "pedido-finalizado": PedidoFinalizado;
         "phone-input": PhoneInput;
         "phone-input-mask": PhoneInputMask;
     }
@@ -153,6 +191,8 @@ declare module "@stencil/core" {
             "crm-bonus-form": LocalJSX.CrmBonusForm & JSXBase.HTMLAttributes<HTMLCrmBonusFormElement>;
             "giftback-pin": LocalJSX.GiftbackPin & JSXBase.HTMLAttributes<HTMLGiftbackPinElement>;
             "giftback-progress": LocalJSX.GiftbackProgress & JSXBase.HTMLAttributes<HTMLGiftbackProgressElement>;
+            "loading-spinner": LocalJSX.LoadingSpinner & JSXBase.HTMLAttributes<HTMLLoadingSpinnerElement>;
+            "pedido-finalizado": LocalJSX.PedidoFinalizado & JSXBase.HTMLAttributes<HTMLPedidoFinalizadoElement>;
             "phone-input": LocalJSX.PhoneInput & JSXBase.HTMLAttributes<HTMLPhoneInputElement>;
             "phone-input-mask": LocalJSX.PhoneInputMask & JSXBase.HTMLAttributes<HTMLPhoneInputMaskElement>;
         }

package/dist/types/contants/index.d.ts

@@ -0,0 +1,5 @@
+export declare enum StepFormEnum {
+    STEP_PHONE = 1,
+    STEP_PIN = 2,
+    STEP_RESERVE = 3
+}

package/dist/types/contants/mocks.d.ts

@@ -0,0 +1,4 @@
+import { IBonus } from "../components";
+export declare const RESPONSE_CONSULTA_BONUS: {
+    data: IBonus;
+};

package/dist/types/dto/validate.pin.bonus.d.ts

@@ -1,13 +1,49 @@
 export interface IProduct {
-    variantId: string;
+    variantId: number;
     sku: string;
-    amount: number;
+    value: number;
 }
-export interface IValidatePinBonus {
+export interface IProductWake {
+    ProdutoVarianteId: number;
+    SKU: string;
+    PrecoPor: number;
+}
+export interface IProccesPinBonusDto {
+    cartId: string;
+    products: Array<IProduct>;
+    loja_id: number;
+    user_id: number;
+    cellphone: string;
+    pin: string;
+}
+export interface IBonus {
+    hasBonus: boolean;
+    bonusBalance: number;
+    totalBonus: number;
+    minimumPurchase: number;
+    bonusIds: string;
+    firstValidityDate: string;
+    history: [
+        {
+            validityStart: string;
+            validityEnd: string;
+            value: number;
+        },
+        {
+            validityStart: string;
+            validityEnd: string;
+            value: number;
+        }
+    ];
     storeId: number;
     userId: number;
     cartId: string;
-    products: Array<IProduct>;
-    phone: number;
-    pin: number;
+    calculatedValue: number;
+    totalValue: number;
+}
+export interface IReserveDTO {
+    cart_id: string;
+    valor_bruto: number;
+    bonus_resgatado: number;
+    ticket: string;
 }

package/dist/types/services/crmbonus.service.d.ts

@@ -1,7 +1,10 @@
 import { IPinSent } from '../dto/pin.sent';
+import { IBonus, IProccesPinBonusDto, IReserveDTO } from '../dto/validate.pin.bonus';
 export declare class CrmBonusService {
     private axiosInstance;
     constructor();
+    teste(): Promise<void>;
     sendPin(phone: number, store: string): Promise<IPinSent>;
-    validatePinBonus(): Promise<void>;
+    validatePinBonus(payload: IProccesPinBonusDto, store: string): Promise<IBonus>;
+    reserve(payload: IReserveDTO, store: string): Promise<any>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crmbonus-component-wake",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",