crmbonus-component-wake 0.0.7 → 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}";
 
@@ -21,11 +21,11 @@ const PhoneInputMask = class {
         const input = event.target;
         this.phone = this.formatPhone(input.value);
     }
-    getPhone() {
+    async getPhone() {
         return this.phone;
     }
     render() {
-        return (h("input", { key: '7cef9f711e8e4378f90b8bbcefc1a2808ca3377d', 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-mask.entry.js.map

@@ -1 +1 @@
-{"file":"phone-input-mask.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,+zBAA+zB;;MCO50B,cAAc;;;qBACE,EAAE;;IAEnB,WAAW,CAAC,KAAa;QAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAC7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;KACrC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9C;IAGM,QAAQ;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,8DACI,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACJ;KACL;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":[".inline-text-field-container {\n    display: flex;\n    flex-direction: column;\n}\n\n@supports (top: max(0%)) {\n    .mdc-text-field--outlined {\n        padding-right: max(16px, var(--mdc-shape-small, 4px));\n    }\n}\n\n@supports (top: max(0%)) {\n    .mdc-text-field--outlined {\n        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n    }\n}\n\n.mdc-text-field--outlined {\n    height: 55px;\n    overflow: visible;\n}\n\n.phone {\n    width: 300px;\n    height: 50px;\n    font-size: 18px;\n    padding: 10px;\n    color: grey;\n    border: 1px solid #d3c6c6;\n    outline: none;\n}\n\n.mdc-text-field {\n    border-top-left-radius: 4px;\n    border-top-left-radius: var(--mdc-shape-small, 4px);\n    border-top-right-radius: 4px;\n    border-top-right-radius: var(--mdc-shape-small, 4px);\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    display: inline-flex;\n    align-items: baseline;\n    padding: 0 16px;\n    position: relative;\n    box-sizing: border-box;\n    overflow: hidden;\n    will-change: opacity, transform, color;\n}","import { Component, h, Method, State } from '@stencil/core';\n\n@Component({\n    tag: 'phone-input-mask',\n    styleUrl: 'phone-input-mask.css',\n    shadow: true,\n})\nexport class PhoneInputMask {\n    @State() phone: string = '';\n\n    private formatPhone(value: string): string {\n        const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n        const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n        if (!match) return value;\n\n        const part1 = match[1] ? `(${match[1]}` : '';\n        const part2 = match[2] ? `) ${match[2]}` : '';\n        const part3 = match[3] ? `-${match[3]}` : '';\n\n        return `${part1}${part2}${part3}`;\n    }\n\n    private handleInput(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        this.phone = this.formatPhone(input.value);\n    }\n\n    @Method()\n    public getPhone() {\n        return this.phone;\n    }\n\n    render() {\n        return (\n            <input\n                id=\"phone\"\n                type=\"tel\"\n                class=\"phone\"\n                value={this.phone}\n                onInput={(event) => this.handleInput(event)}\n                placeholder=\"(12) 94567-8910\"\n            />\n        );\n    }\n}\n"],"version":3}
+{"file":"phone-input-mask.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,+zBAA+zB;;MCO50B,cAAc;;;qBACE,EAAE;;IAEnB,WAAW,CAAC,KAAa;QAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAC7D,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC;QAEzB,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAC9C,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;QAE7C,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;KACrC;IAEO,WAAW,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC9C;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACI,8DACI,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACJ;KACL;;;;;;","names":[],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":[".inline-text-field-container {\n    display: flex;\n    flex-direction: column;\n}\n\n@supports (top: max(0%)) {\n    .mdc-text-field--outlined {\n        padding-right: max(16px, var(--mdc-shape-small, 4px));\n    }\n}\n\n@supports (top: max(0%)) {\n    .mdc-text-field--outlined {\n        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));\n    }\n}\n\n.mdc-text-field--outlined {\n    height: 55px;\n    overflow: visible;\n}\n\n.phone {\n    width: 300px;\n    height: 50px;\n    font-size: 18px;\n    padding: 10px;\n    color: grey;\n    border: 1px solid #d3c6c6;\n    outline: none;\n}\n\n.mdc-text-field {\n    border-top-left-radius: 4px;\n    border-top-left-radius: var(--mdc-shape-small, 4px);\n    border-top-right-radius: 4px;\n    border-top-right-radius: var(--mdc-shape-small, 4px);\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    display: inline-flex;\n    align-items: baseline;\n    padding: 0 16px;\n    position: relative;\n    box-sizing: border-box;\n    overflow: hidden;\n    will-change: opacity, transform, color;\n}","import { Component, h, Method, State } from '@stencil/core';\n\n@Component({\n    tag: 'phone-input-mask',\n    styleUrl: 'phone-input-mask.css',\n    shadow: true,\n})\nexport class PhoneInputMask {\n    @State() phone: string = '';\n\n    private formatPhone(value: string): string {\n        const cleaned = value.replace(/\\D/g, ''); // Remove tudo que não for número\n        const match = cleaned.match(/^(\\d{0,2})(\\d{0,5})(\\d{0,4})$/);\n        if (!match) return value;\n\n        const part1 = match[1] ? `(${match[1]}` : '';\n        const part2 = match[2] ? `) ${match[2]}` : '';\n        const part3 = match[3] ? `-${match[3]}` : '';\n\n        return `${part1}${part2}${part3}`;\n    }\n\n    private handleInput(event: Event): void {\n        const input = event.target as HTMLInputElement;\n        this.phone = this.formatPhone(input.value);\n    }\n\n    @Method()\n    public async getPhone() {\n        return this.phone;\n    }\n\n    render() {\n        return (\n            <input\n                id=\"phone\"\n                type=\"tel\"\n                class=\"phone\"\n                value={this.phone}\n                onInput={(event) => this.handleInput(event)}\n                placeholder=\"(12) 94567-8910\"\n            />\n        );\n    }\n}\n"],"version":3}

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/phone/phone-input-mask.d.ts

@@ -2,6 +2,6 @@ export declare class PhoneInputMask {
     phone: string;
     private formatPhone;
     private handleInput;
-    getPhone(): string;
+    getPhone(): Promise<string>;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -5,18 +5,34 @@
  * 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": () => string;
+        "getPhone": () => Promise<string>;
     }
 }
 export interface AppModalCustomEvent<T> extends CustomEvent<T> {
@@ -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.7",
+  "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"
+  }
 }