crmbonus-component-wake 0.0.14 → 0.0.16

package/dist/types/components.d.ts

@@ -5,9 +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 { IBonus, ICustomer, IProduct } from "./dto/validate.pin.bonus";
 import { IPinSent } from "./dto/pin.sent";
-export { IBonus, IProduct } from "./dto/validate.pin.bonus";
+export { IBonus, ICustomer, IProduct } from "./dto/validate.pin.bonus";
 export { IPinSent } from "./dto/pin.sent";
 export namespace Components {
     interface AppModal {
@@ -18,13 +18,16 @@ export namespace Components {
         "cartId": any;
         "productsInString": string;
         "storeName": any;
-        "userId": string;
+        "userId": number;
     }
     interface CrmBonusForm {
         "cartId": any;
+        "customer": ICustomer;
         "products": Array<IProduct>;
         "storeName": any;
     }
+    interface GiftbackFinish {
+    }
     interface GiftbackPin {
         "loading": boolean;
         "sent": IPinSent;
@@ -40,13 +43,17 @@ export namespace Components {
         "size": string;
     }
     interface PedidoFinalizado {
+        "cartId": string;
+        "orderId": number;
     }
     interface PhoneInput {
         "loading": boolean;
         "sendPin": Function;
+        "value": string;
     }
     interface PhoneInputMask {
         "getPhone": () => Promise<string>;
+        "initialValue": string;
     }
 }
 export interface AppModalCustomEvent<T> extends CustomEvent<T> {
@@ -83,6 +90,12 @@ declare global {
         prototype: HTMLCrmBonusFormElement;
         new (): HTMLCrmBonusFormElement;
     };
+    interface HTMLGiftbackFinishElement extends Components.GiftbackFinish, HTMLStencilElement {
+    }
+    var HTMLGiftbackFinishElement: {
+        prototype: HTMLGiftbackFinishElement;
+        new (): HTMLGiftbackFinishElement;
+    };
     interface HTMLGiftbackPinElement extends Components.GiftbackPin, HTMLStencilElement {
     }
     var HTMLGiftbackPinElement: {
@@ -123,6 +136,7 @@ declare global {
         "app-modal": HTMLAppModalElement;
         "crm-bonus": HTMLCrmBonusElement;
         "crm-bonus-form": HTMLCrmBonusFormElement;
+        "giftback-finish": HTMLGiftbackFinishElement;
         "giftback-pin": HTMLGiftbackPinElement;
         "giftback-progress": HTMLGiftbackProgressElement;
         "loading-spinner": HTMLLoadingSpinnerElement;
@@ -141,13 +155,16 @@ declare namespace LocalJSX {
         "cartId"?: any;
         "productsInString"?: string;
         "storeName"?: any;
-        "userId"?: string;
+        "userId"?: number;
     }
     interface CrmBonusForm {
         "cartId"?: any;
+        "customer"?: ICustomer;
         "products"?: Array<IProduct>;
         "storeName"?: any;
     }
+    interface GiftbackFinish {
+    }
     interface GiftbackPin {
         "loading"?: boolean;
         "sent"?: IPinSent;
@@ -163,17 +180,22 @@ declare namespace LocalJSX {
         "size"?: string;
     }
     interface PedidoFinalizado {
+        "cartId"?: string;
+        "orderId"?: number;
     }
     interface PhoneInput {
         "loading"?: boolean;
         "sendPin"?: Function;
+        "value"?: string;
     }
     interface PhoneInputMask {
+        "initialValue"?: string;
     }
     interface IntrinsicElements {
         "app-modal": AppModal;
         "crm-bonus": CrmBonus;
         "crm-bonus-form": CrmBonusForm;
+        "giftback-finish": GiftbackFinish;
         "giftback-pin": GiftbackPin;
         "giftback-progress": GiftbackProgress;
         "loading-spinner": LoadingSpinner;
@@ -189,6 +211,7 @@ 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-finish": LocalJSX.GiftbackFinish & JSXBase.HTMLAttributes<HTMLGiftbackFinishElement>;
             "giftback-pin": LocalJSX.GiftbackPin & JSXBase.HTMLAttributes<HTMLGiftbackPinElement>;
             "giftback-progress": LocalJSX.GiftbackProgress & JSXBase.HTMLAttributes<HTMLGiftbackProgressElement>;
             "loading-spinner": LocalJSX.LoadingSpinner & JSXBase.HTMLAttributes<HTMLLoadingSpinnerElement>;

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

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

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

@@ -2,11 +2,19 @@ export interface IProduct {
     variantId: number;
     sku: string;
     value: number;
+    qtd: number;
 }
 export interface IProductWake {
     ProdutoVarianteId: number;
     SKU: string;
     PrecoPor: number;
+    Quantidade: number;
+}
+export interface ICustomer {
+    birthDate: string;
+    document: string;
+    name: string;
+    phone: string;
 }
 export interface IProccesPinBonusDto {
     cartId: string;
@@ -43,7 +51,7 @@ export interface IBonus {
 }
 export interface IReserveDTO {
     cart_id: string;
-    valor_bruto: number;
-    bonus_resgatado: number;
+    gross_value: number;
+    redeemed_bonus: number;
     ticket: string;
 }

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

@@ -1,4 +1,4 @@
-export declare const CRM_BONUS_API_URL = "https://typically-workable-perch.ngrok-free.app";
+export declare const CRM_BONUS_API_URL = "https://crmbonus-service-staging-d15ba5377115.herokuapp.com";
 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

@@ -3,7 +3,8 @@ import { IBonus, IProccesPinBonusDto, IReserveDTO } from '../dto/validate.pin.bo
 export declare class CrmBonusService {
     private axiosInstance;
     constructor();
-    teste(): Promise<void>;
+    getCustomer(userId: number, store: string): Promise<any>;
+    updateOrder(cartId: string, orderId: number): Promise<void>;
     sendPin(phone: number, store: string): Promise<IPinSent>;
     validatePinBonus(payload: IProccesPinBonusDto, store: string): Promise<IBonus>;
     reserve(payload: IReserveDTO, store: string): Promise<any>;

package/loader/cdn.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -0,0 +1 @@
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/loader/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "crmbonus-component-wake-loader",
+  "private": true,
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

package/package.json

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

package/dist/crmbonus-component-wake/app-modal.entry.js

@@ -1,23 +0,0 @@
-import { r as registerInstance, a as createEvent, h } from './index-b9a7a992.js';
-
-const appModalCss = ".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:none;justify-content:center;align-items:center;z-index:1000}.modal-backdrop.visible{display:flex}.modal{background:white;border-radius:8px;padding:1rem;max-width:500px;width:90%;box-shadow:0 2px 10px rgba(0, 0, 0, 0.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;margin-bottom:1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body{}";
-
-const AppModal = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.modalClosed = createEvent(this, "modalClosed", 7);
-        this.isOpen = false;
-        this.modalTitle = undefined;
-    }
-    closeModal() {
-        this.modalClosed.emit();
-    }
-    render() {
-        return (h("div", { key: 'd57deb4dc3e57b2cfc24893b42be3696640f8278', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: 'ea9cf768f827bf3e2462c62eb52c57316815b956', class: "modal" }, h("div", { key: '124cacc3f709c481802965824eada8dddc66929e', class: "modal-header" }, h("h3", { key: '663aa3a67f7dc2bb5cd8b791ef04c05eae8e57f9' }, this.modalTitle), h("button", { key: '679a674a789c8a845a75de1ce902afd5688ccbc1', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: '6fc1e1e40942974efadbbf0163d3eef4fe1ef368', class: "modal-body" }, h("slot", { key: 'd0b8b797a97780032c8a57fe6f70f75562530992' })))));
-    }
-};
-AppModal.style = appModalCss;
-
-export { AppModal as app_modal };
-
-//# sourceMappingURL=app-modal.entry.js.map

package/dist/crmbonus-component-wake/app-modal.entry.js.map

@@ -1 +0,0 @@
-{"file":"app-modal.entry.esm.js","mappings":";;AAAA,MAAM,WAAW,GAAG,+hBAA+hB;;MCOtiB,QAAQ;;;;sBAG0B,KAAK;;;IAQxC,UAAU;QACd,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KAC3B;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE,IACxD,4DAAK,KAAK,EAAC,OAAO,IACd,4DAAK,KAAK,EAAC,cAAc,IACrB,6DAAK,IAAI,CAAC,UAAU,CAAM,EAC1B,+DAAQ,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,aAEpD,CACP,EACN,4DAAK,KAAK,EAAC,YAAY,IACnB,8DAAQ,CACN,CACJ,CACJ,EACT;KACJ;;;;;;","names":[],"sources":["src/components/modal/app-modal.css?tag=app-modal&encapsulation=shadow","src/components/modal/app-modal.tsx"],"sourcesContent":[".modal-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: none;\n    justify-content: center;\n    align-items: center;\n    z-index: 1000;\n  }\n  \n  .modal-backdrop.visible {\n    display: flex;\n  }\n  \n  .modal {\n    background: white;\n    border-radius: 8px;\n    padding: 1rem;\n    max-width: 500px;\n    width: 90%;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n  }\n  \n  .modal-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: 1px solid #ddd;\n    margin-bottom: 1rem;\n  }\n  \n  .close-button {\n    background: none;\n    border: none;\n    font-size: 1.5rem;\n    cursor: pointer;\n  }\n  \n  .modal-body {\n    /* padding: 1rem 0; */\n  }\n  ","import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'app-modal',\n    styleUrl: 'app-modal.css',\n    shadow: true,\n})\nexport class AppModal {\n\n    // Controle da visibilidade do modal\n    @Prop({ reflect: true }) isOpen: boolean = false;\n\n    // Título do modal\n    @Prop() modalTitle: string;\n\n    // Evento emitido ao fechar o modal\n    @Event() modalClosed: EventEmitter<void>;\n\n    private closeModal() {\n        this.modalClosed.emit();\n    }\n\n    render() {\n        return (\n            <div class={`modal-backdrop ${this.isOpen ? 'visible' : ''}`}>\n                <div class=\"modal\">\n                    <div class=\"modal-header\">\n                        <h3>{this.modalTitle}</h3>\n                        <button class=\"close-button\" onClick={() => this.closeModal()}>\n                            ×\n                        </button>\n                    </div>\n                    <div class=\"modal-body\">\n                        <slot />\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/crmbonus-component-wake/crm-bonus-form.entry.js

@@ -1,94 +0,0 @@
-import { r as registerInstance, h, e as Host } from './index-b9a7a992.js';
-import { C as CrmBonusService } from './crmbonus.service-134e7b0c.js';
-
-var StepFormEnum;
-(function (StepFormEnum) {
-    StepFormEnum[StepFormEnum["STEP_PHONE"] = 1] = "STEP_PHONE";
-    StepFormEnum[StepFormEnum["STEP_PIN"] = 2] = "STEP_PIN";
-    StepFormEnum[StepFormEnum["STEP_RESERVE"] = 3] = "STEP_RESERVE";
-})(StepFormEnum || (StepFormEnum = {}));
-
-const crmBonusFormCss = ".form-container{width:100%;display:flex;justify-content:center;justify-content:space-around}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:15px;min-height:30px;min-width:120px;font-size:20px;cursor:pointer}.disabled{opacity:0.6;cursor:not-allowed}.message-error{color:#d11111;font-weight:bold;font-family:Arial;font-size:small;margin-left:16px}";
-
-const CrmBonusForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.crmBonusService = new CrmBonusService();
-        this.storeName = undefined;
-        this.cartId = undefined;
-        this.products = undefined;
-        this.loading = false;
-        this.step = StepFormEnum.STEP_PHONE;
-        this.sent = undefined;
-        this.message = undefined;
-        this.phone = undefined;
-        this.bonus = undefined;
-    }
-    async sendPin(phone) {
-        var _a, _b;
-        this.loading = true;
-        this.message = "";
-        try {
-            const _phone = phone.replace(/\D/g, '');
-            this.phone = Number(_phone);
-            const sent = await this.crmBonusService.sendPin(this.phone, this.storeName);
-            this.sent = sent;
-            this.step = StepFormEnum.STEP_PIN;
-        }
-        catch (error) {
-            this.message = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message;
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    async validateBonus(pin) {
-        var _a, _b;
-        this.loading = true;
-        const payload = {
-            pin: pin,
-            cellphone: this.phone.toString(),
-            loja_id: this.sent.storeId,
-            user_id: this.sent.userId,
-            cartId: this.cartId,
-            products: this.products
-        };
-        try {
-            this.bonus = await this.crmBonusService.validatePinBonus(payload, this.storeName);
-            console.log('[this.bonus]', this.bonus);
-            this.step = StepFormEnum.STEP_RESERVE;
-        }
-        catch (error) {
-            this.message = (_b = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message;
-        }
-        finally {
-            this.loading = false;
-        }
-        console.log('payload', payload);
-    }
-    async reserve(amount) {
-        this.loading = true;
-        this.message = "";
-        try {
-            await this.crmBonusService.reserve({
-                bonus_resgatado: amount,
-                cart_id: this.cartId,
-                ticket: this.cartId,
-                valor_bruto: this.bonus.totalValue,
-            }, this.storeName);
-        }
-        catch (error) {
-        }
-        finally {
-            this.loading = false;
-        }
-    }
-    render() {
-        return (h(Host, { key: 'e87f9b9370da0b186ff1d66e5bf110cf0ca6b255' }, this.step === StepFormEnum.STEP_PHONE && h("phone-input", { key: '94c1bf4544d0e9c7a1795ee20c6433dd6b1abc71', sendPin: (phone) => this.sendPin(phone), loading: this.loading }), this.step === StepFormEnum.STEP_PIN && h("giftback-pin", { key: 'd54139ddce5073286f0062a2ea363eba51e59464', sent: this.sent, validate: (data) => this.validateBonus(data), loading: this.loading }), this.step === StepFormEnum.STEP_RESERVE && h("giftback-progress", { key: '86a1710779b571676f5550380caa7d7ac9b290e7', bonus: this.bonus, reserve: (amountRedeemed) => this.reserve(amountRedeemed) }), h("p", { key: 'd10e2284de37edd658a9f7e77c3523d761b45011', class: "message-error" }, this.message)));
-    }
-};
-CrmBonusForm.style = crmBonusFormCss;
-
-export { CrmBonusForm as crm_bonus_form };
-
-//# sourceMappingURL=crm-bonus-form.entry.js.map

package/dist/crmbonus-component-wake/crm-bonus-form.entry.js.map

@@ -1 +0,0 @@
-{"file":"crm-bonus-form.entry.esm.js","mappings":"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","names":[],"sources":["src/contants/index.ts","src/components/crm-bonus-form/crm-bonus-form.css?tag=crm-bonus-form&encapsulation=shadow","src/components/crm-bonus-form/crm-bonus-form.tsx"],"sourcesContent":["export enum StepFormEnum {\n    STEP_PHONE = 1,\n    STEP_PIN = 2,\n    STEP_RESERVE = 3\n}",".form-container {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    justify-content: space-around;\n}\n\n.button {\n    top: 50%;\n    background-color: #6c6c7e;\n    color: #fff;\n    border: none;\n    border-radius: 10px;\n    padding: 15px;\n    min-height: 30px;\n    min-width: 120px;\n    font-size: 20px;\n    cursor: pointer;\n}\n\n.disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.message-error {\n    color: #d11111;\n    font-weight: bold;\n    font-family: Arial;\n    font-size: small;\n    margin-left: 16px;\n}","import { Component, Host, Prop, State, h } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { IPinSent } from \"../../components\";\nimport { IBonus, IProccesPinBonusDto, IProduct } from \"../../dto/validate.pin.bonus\";\nimport { StepFormEnum } from \"../../contants\";\n\n@Component({\n    tag: 'crm-bonus-form',\n    styleUrl: 'crm-bonus-form.css',\n    shadow: true\n})\nexport class CrmBonusForm {\n\n    private crmBonusService: CrmBonusService = new CrmBonusService();\n\n    @Prop({ attribute: 'storename' }) storeName;\n    @Prop() cartId;\n    @Prop() products: Array<IProduct>;\n\n    @State() loading: boolean = false;\n\n    @State() step: number = StepFormEnum.STEP_PHONE;\n\n    @State() sent: IPinSent;\n\n    @State() message: string;\n\n    @State() phone: number;\n\n    @State() bonus: IBonus;\n\n    public async sendPin(phone: string) {\n        this.loading = true;\n        this.message = \"\";\n\n        try {\n            const _phone = phone.replace(/\\D/g, '');\n            this.phone = Number(_phone);\n            const sent = await this.crmBonusService.sendPin(this.phone, this.storeName);\n            this.sent = sent;\n            this.step = StepFormEnum.STEP_PIN;\n        } catch (error) {\n            this.message = error?.response?.data?.message\n        } finally {\n            this.loading = false\n        }\n    }\n\n    public async validateBonus(pin: string) {\n        this.loading = true;\n        const payload: IProccesPinBonusDto = {\n            pin: pin,\n            cellphone: this.phone.toString(),\n            loja_id: this.sent.storeId,\n            user_id: this.sent.userId,\n            cartId: this.cartId,\n            products: this.products\n        }\n\n        try {\n            this.bonus = await this.crmBonusService.validatePinBonus(payload, this.storeName);\n\n            console.log('[this.bonus]', this.bonus);\n            this.step = StepFormEnum.STEP_RESERVE;\n        } catch (error) {\n            this.message = error?.response?.data?.message\n        } finally {\n            this.loading = false;\n        }\n        console.log('payload', payload)\n    }\n\n    public async reserve(amount: number) {\n        this.loading = true;\n        this.message = \"\";\n        try {\n            await this.crmBonusService.reserve({\n                bonus_resgatado: amount,\n                cart_id: this.cartId,\n                ticket: this.cartId,\n                valor_bruto: this.bonus.totalValue,\n            }, this.storeName);\n        } catch (error) {\n\n        } finally {\n            this.loading = false;\n        }\n    }\n\n    render() {\n        return (\n            <Host>\n                {this.step === StepFormEnum.STEP_PHONE && <phone-input sendPin={(phone) => this.sendPin(phone)} loading={this.loading} />}\n                {this.step === StepFormEnum.STEP_PIN && <giftback-pin sent={this.sent} validate={(data) => this.validateBonus(data)} loading={this.loading} />}\n\n                {this.step === StepFormEnum.STEP_RESERVE && <giftback-progress bonus={this.bonus} reserve={(amountRedeemed: number) => this.reserve(amountRedeemed)} />}\n\n                <p class=\"message-error\">{this.message}</p>\n            </Host>\n        )\n    }\n}"],"version":3}

package/dist/crmbonus-component-wake/crm-bonus.entry.js.map

@@ -1 +0,0 @@
-{"file":"crm-bonus.entry.esm.js","mappings":";;AAAA,MAAM,OAAO,GAAG,w9JAAw9J;;ACAx+J,MAAM,WAAW,GAAG,mDAAmD;;MCU1D,WAAW;;;yBACQ,KAAK;;;;;;;IASnC,iBAAiB;QACf,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;KACnD;IAED,aAAa;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAA;KAC3H;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvC,QACE,8DACE,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,GAAG,EAAEA,OAAI,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAI,CACtD,EACN,kEACE,MAAM,EAAE,IAAI,CAAC,SAAS,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAE7C,uEAAgB,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CACxF,CACR,EACP;KACF;;;;;;;","names":["logo"],"sources":["src/components/crm-bonus/assets/svg/logo.svg","src/components/crm-bonus/crm-bonus.css?tag=crm-bonus&encapsulation=shadow","src/components/crm-bonus/crm-bonus.tsx"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 703 103\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\" role=\"img\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M689.2 57.5004L647.1 99.6004L637.3 89.8004L679.4 47.7004H636V33.9004H695C696.9 33.9004 698.5 34.5004 699.7 35.5004C700 35.7004 700.2 35.9004 700.4 36.1004C700.6 36.3004 700.8 36.5004 700.9 36.7004V36.8004V36.9004C702 38.1004 702.7 39.8004 702.7 41.8004V43.6004V67.0004V100.7H688.9V80.8004V57.5004H689.2Z\" fill=\"url(#paint0_linear_1629_188)\"></path>\n<path d=\"M52.7 76.4998H67.7C65.3 91.7998 51.9 102.5 35.2 102.5C15.2 102.5 0 87.2998 0 67.3998C0 47.6998 15.2 32.2998 35.2 32.2998C51.9 32.2998 65.3 42.8998 67.7 58.2998H52.7C50.9 50.7998 44.2 45.6998 35.2 45.6998C22.9 45.6998 14.8 55.3998 14.8 67.3998C14.8 79.4998 22.9 89.0998 35.2 89.0998C44.2 89.1998 50.9 84.0998 52.7 76.4998Z\" fill=\"currentColor\"></path>\n<path d=\"M117.2 32.7002V46.6002C106.6 47.0002 98.5002 51.0002 92.5002 58.8002V100.8H77.7002V34.1002H92.5002V43.2002C98.6002 36.5002 107 32.7002 117.2 32.7002Z\" fill=\"currentColor\"></path>\n<path d=\"M237.4 62.5997V100.8H222.8V62.5997C222.8 50.7997 216.6 45.6997 207 45.6997C200.5 45.6997 194.2 48.0997 189.3 54.7997C189.7 56.8997 189.9 59.2997 189.9 61.7997V100.8H175.2V61.7997C175.2 49.9997 169 45.7997 160.3 45.7997C153.3 45.7997 147.1 48.5997 142.3 55.2997V100.9H127.5V34.1997H142.3V39.8997C147.3 35.3997 153.2 32.4997 162 32.4997C171.5 32.4997 179.2 35.7997 184.1 42.1997C190.6 35.7997 198.2 32.4997 207.9 32.4997C225.5 32.3997 237.4 42.8997 237.4 62.5997Z\" fill=\"currentColor\"></path>\n<path d=\"M320 67.3C320 86.9 304.8 102.5 286.1 102.5C277.6 102.5 270.3 99.9 264.8 95.5V100.8H250V0H264.8V39.2C270.3 34.9 277.6 32.4 286.1 32.4C304.8 32.4 320 48 320 67.3ZM305.2 67.3C305.2 55.5 296.3 45.7 283.9 45.7C276.5 45.7 269.7 48.1 264.7 55.1V79.7C269.7 86.7 276.5 89.2 283.9 89.2C296.3 89.2 305.2 79.2 305.2 67.3Z\" fill=\"currentColor\"></path>\n<path d=\"M399.2 67.5004C399.2 87.9004 384.4 102.6 363.7 102.6C343 102.6 328.2 87.9004 328.2 67.5004C328.2 47.1004 343 32.4004 363.7 32.4004C384.4 32.4004 399.2 47.0004 399.2 67.5004ZM384.4 67.5004C384.4 54.9004 375.7 45.8004 363.7 45.8004C351.7 45.8004 343 54.9004 343 67.5004C343 80.0004 351.7 89.2004 363.7 89.2004C375.7 89.2004 384.4 79.9004 384.4 67.5004Z\" fill=\"currentColor\"></path>\n<path d=\"M474.3 63.5997V100.8H459.5V64.4996C459.5 52.2996 453 45.7997 442.2 45.7997C435.8 45.7997 428.9 49.2996 423.6 55.8996V100.9H408.8V34.1996H423.6V40.1996C429.4 35.1996 436.7 32.4996 445.2 32.4996C462.5 32.3996 474.3 44.2997 474.3 63.5997Z\" fill=\"currentColor\"></path>\n<path d=\"M550.4 34.0996V100.8H535.8V94.2996C530 99.5996 522.7 102.5 514.1 102.5C496.8 102.5 485.1 90.1996 485.1 70.9996V34.0996H499.7V70.1996C499.7 82.3996 506.4 89.1996 517 89.1996C523.5 89.1996 530.3 85.4996 535.7 78.6996V34.0996H550.4Z\" fill=\"currentColor\"></path>\n<path d=\"M591.5 90.5002C600.2 90.5002 606.1 87.7002 606.1 82.4002C606.1 78.4002 602.8 75.6002 597.2 74.6002L582.4 72.0002C572.2 70.3002 562.7 65.2002 562.7 53.1002C562.7 40.2002 573.9 32.2002 590.5 32.2002C603.4 32.2002 618.3 36.6002 619.7 54.1002H606.1C605.4 46.9002 599 44.0002 590.5 44.0002C582 44.0002 577.3 47.1002 577.3 51.8002C577.3 55.3002 579.9 58.8002 587.7 60.0002L600.2 62.0002C610.3 63.8002 620.2 68.2002 620.2 81.2002C620.2 95.3002 607.9 102.5 591.1 102.5C575.3 102.5 561.9 96.3002 560.2 78.7002L573.8 78.8002C575.3 87.0002 581.4 90.5002 591.5 90.5002Z\" fill=\"currentColor\"></path>\n<defs>\n<linearGradient id=\"paint0_linear_1629_188\" x1=\"636.833\" y1=\"97.8261\" x2=\"713.46\" y2=\"26.6582\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#F7A830\"></stop>\n<stop offset=\"0.6353\" stop-color=\"#F08336\"></stop>\n<stop offset=\"1\" stop-color=\"#EA5346\"></stop>\n</linearGradient>\n</defs>\n</svg>","/* :host {\n  display: block;\n} */\n\n.container-button {\n  max-width: 136px;\n  cursor: pointer;\n}\n\n/* padding: 0 15px 15px;\nborder: 1px solid #ddd;\nmargin-bottom: 20px; */","import { Component, Prop, State, h } from '@stencil/core';\nimport logo from './assets/svg/logo.svg';\nimport { IProduct, IProductWake } from '../../dto/validate.pin.bonus';\n\n@Component({\n  tag: 'crm-bonus',\n  styleUrl: 'crm-bonus.css',\n  shadow: true,\n  assetsDirs: ['assets']\n})\nexport class MyComponent {\n  @State() showModal: boolean = false;\n  @Prop({ attribute: 'userid' }) userId: string;\n  @Prop({ attribute: 'storename' }) storeName;\n  @Prop({ attribute: 'products' }) productsInString: string;\n  @Prop({ attribute: 'cartid' }) cartId;\n\n  @State() products: Array<IProductWake>;\n\n\n  componentWillLoad() {\n    this.products = JSON.parse(this.productsInString);\n  }\n\n  buildProducts(): IProduct[] {\n    return this.products.map(product => ({ sku: product.SKU, value: product.PrecoPor, variantId: product.ProdutoVarianteId }))\n  }\n\n  render() {\n    console.log('products', this.products);\n    return (\n      <div>\n        <div class=\"container-button\">\n          <img src={logo} onClick={() => (this.showModal = true)} />\n        </div>\n        <app-modal\n          isOpen={this.showModal}\n          modalTitle={`Giftback`}\n          onModalClosed={() => (this.showModal = false)}\n        >\n          <crm-bonus-form storeName={this.storeName} products={this.buildProducts()} cartId={this.cartId} />\n        </app-modal>\n      </div>\n    )\n  }\n}\n"],"version":3}