crmbonus-component-wake 0.0.8 → 0.0.9

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f4f9c8f2.js';
+import { r as registerInstance, h } from './index-71c2c4ae.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: '1b768d2d024a5482908316d7653bb02404332a64', id: "phone", type: "tel", class: "phone", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(12) 94567-8910" }));
+        return (h("input", { key: 'ce14900d1782c63886bc96130d1af61953d5f5a8', 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

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-71c2c4ae.js';
+
+const PhoneInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.sendPin = undefined;
+        this.loading = undefined;
+    }
+    async validatePhone() {
+        const phone = await this.phoneInputMask.getPhone();
+        await this.sendPin(phone);
+    }
+    render() {
+        return (h("div", { key: '44dcf42dff601aa838ccfab5af6b3bbe4be73d14', class: "form-container" }, h("phone-input-mask", { key: 'c8b84771c1db014b0be4fc3ae04a91e7501c386a', ref: ref => this.phoneInputMask = ref }), h("button", { key: 'f61cf41450dd0485ef51c429f66ed878de3bf89e', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, "validar")));
+    }
+};
+
+export { PhoneInput as phone_input };
+
+//# sourceMappingURL=phone-input.entry.js.map

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

@@ -0,0 +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}

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

@@ -1,5 +1,6 @@
 export declare class MyComponent {
     showModal: boolean;
     userId: string;
+    storeName: any;
     render(): any;
 }

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

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

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

@@ -0,0 +1,10 @@
+import { IPinSent } from '../../../../dto/pin.sent';
+export declare class GiftbackPin {
+    sent: IPinSent;
+    pin: string[];
+    isVerified: boolean;
+    loading: boolean;
+    handleInput(event: Event, index: number): void;
+    verifyPin(): void;
+    render(): any;
+}

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

@@ -0,0 +1,8 @@
+export declare class GiftbackProgress {
+    maxValue: number;
+    totalGiftback: number;
+    validityDate: string;
+    usedValue: number;
+    handleSliderChange(event: Event): void;
+    render(): any;
+}

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

@@ -0,0 +1,7 @@
+export declare class PhoneInput {
+    private phoneInputMask;
+    sendPin: Function;
+    loading: boolean;
+    validatePhone(): Promise<void>;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -5,15 +5,31 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { IPinSent } from "./dto/pin.sent";
+export { IPinSent } from "./dto/pin.sent";
 export namespace Components {
     interface AppModal {
         "isOpen": boolean;
         "modalTitle": string;
     }
     interface CrmBonus {
+        "storeName": any;
         "userId": string;
     }
     interface CrmBonusForm {
+        "storeName": any;
+    }
+    interface GiftbackPin {
+        "sent": IPinSent;
+    }
+    interface GiftbackProgress {
+        "maxValue": number;
+        "totalGiftback": number;
+        "validityDate": string;
+    }
+    interface PhoneInput {
+        "loading": boolean;
+        "sendPin": Function;
     }
     interface PhoneInputMask {
         "getPhone": () => Promise<string>;
@@ -53,6 +69,24 @@ declare global {
         prototype: HTMLCrmBonusFormElement;
         new (): HTMLCrmBonusFormElement;
     };
+    interface HTMLGiftbackPinElement extends Components.GiftbackPin, HTMLStencilElement {
+    }
+    var HTMLGiftbackPinElement: {
+        prototype: HTMLGiftbackPinElement;
+        new (): HTMLGiftbackPinElement;
+    };
+    interface HTMLGiftbackProgressElement extends Components.GiftbackProgress, HTMLStencilElement {
+    }
+    var HTMLGiftbackProgressElement: {
+        prototype: HTMLGiftbackProgressElement;
+        new (): HTMLGiftbackProgressElement;
+    };
+    interface HTMLPhoneInputElement extends Components.PhoneInput, HTMLStencilElement {
+    }
+    var HTMLPhoneInputElement: {
+        prototype: HTMLPhoneInputElement;
+        new (): HTMLPhoneInputElement;
+    };
     interface HTMLPhoneInputMaskElement extends Components.PhoneInputMask, HTMLStencilElement {
     }
     var HTMLPhoneInputMaskElement: {
@@ -63,6 +97,9 @@ declare global {
         "app-modal": HTMLAppModalElement;
         "crm-bonus": HTMLCrmBonusElement;
         "crm-bonus-form": HTMLCrmBonusFormElement;
+        "giftback-pin": HTMLGiftbackPinElement;
+        "giftback-progress": HTMLGiftbackProgressElement;
+        "phone-input": HTMLPhoneInputElement;
         "phone-input-mask": HTMLPhoneInputMaskElement;
     }
 }
@@ -73,9 +110,23 @@ declare namespace LocalJSX {
         "onModalClosed"?: (event: AppModalCustomEvent<void>) => void;
     }
     interface CrmBonus {
+        "storeName"?: any;
         "userId"?: string;
     }
     interface CrmBonusForm {
+        "storeName"?: any;
+    }
+    interface GiftbackPin {
+        "sent"?: IPinSent;
+    }
+    interface GiftbackProgress {
+        "maxValue"?: number;
+        "totalGiftback"?: number;
+        "validityDate"?: string;
+    }
+    interface PhoneInput {
+        "loading"?: boolean;
+        "sendPin"?: Function;
     }
     interface PhoneInputMask {
     }
@@ -83,6 +134,9 @@ declare namespace LocalJSX {
         "app-modal": AppModal;
         "crm-bonus": CrmBonus;
         "crm-bonus-form": CrmBonusForm;
+        "giftback-pin": GiftbackPin;
+        "giftback-progress": GiftbackProgress;
+        "phone-input": PhoneInput;
         "phone-input-mask": PhoneInputMask;
     }
 }
@@ -93,6 +147,9 @@ declare module "@stencil/core" {
             "app-modal": LocalJSX.AppModal & JSXBase.HTMLAttributes<HTMLAppModalElement>;
             "crm-bonus": LocalJSX.CrmBonus & JSXBase.HTMLAttributes<HTMLCrmBonusElement>;
             "crm-bonus-form": LocalJSX.CrmBonusForm & JSXBase.HTMLAttributes<HTMLCrmBonusFormElement>;
+            "giftback-pin": LocalJSX.GiftbackPin & JSXBase.HTMLAttributes<HTMLGiftbackPinElement>;
+            "giftback-progress": LocalJSX.GiftbackProgress & JSXBase.HTMLAttributes<HTMLGiftbackProgressElement>;
+            "phone-input": LocalJSX.PhoneInput & JSXBase.HTMLAttributes<HTMLPhoneInputElement>;
             "phone-input-mask": LocalJSX.PhoneInputMask & JSXBase.HTMLAttributes<HTMLPhoneInputMaskElement>;
         }
     }

package/dist/types/dto/pin.sent.d.ts

@@ -0,0 +1,4 @@
+export interface IPinSent {
+    storeId: number;
+    userId: number;
+}

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

@@ -0,0 +1,13 @@
+export interface IProduct {
+    variantId: string;
+    sku: string;
+    amount: number;
+}
+export interface IValidatePinBonus {
+    storeId: number;
+    userId: number;
+    cartId: string;
+    products: Array<IProduct>;
+    phone: number;
+    pin: number;
+}

package/dist/types/home/darlison/Projects/crmbonus/crmbonus-component-wake/.stencil/env.d.ts

@@ -0,0 +1,4 @@
+export declare const CRM_BONUS_API_URL = "http://localhost:3500";
+export declare const CRM_BONUS_ID_LOJA = "undefined";
+export declare const CRM_BONUS_CODEMPRESA = "undefined";
+export declare const CRM_BONUS_AUTHORIZATION = "undefined";

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

@@ -0,0 +1,6 @@
+import { IPinSent } from '../dto/pin.sent';
+export declare class CrmBonusService {
+    private axiosInstance;
+    constructor();
+    sendPin(phone: number, store: string): Promise<IPinSent>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crmbonus-component-wake",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -46,5 +46,8 @@
     "jest-cli": "^29.7.0",
     "puppeteer": "^21.9.0"
   },
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "axios": "^1.7.7"
+  }
 }