crmbonus-component-wake 2.1.40-ngrok → 2.1.41-shoulder

package/dist/env.js.map

@@ -1 +1 @@
-{"version":3,"file":"env.js","sourceRoot":"","sources":["../env.ts"],"names":[],"mappings":"AACA,mPAAmP;AACnP,MAAM,CAAC,MAAM,iBAAiB,GAAG,qDAAqD,CAAC;AACvF,ogBAAogB;AACpgB,MAAM,CAAC,MAAM,kBAAkB,GAAG,uBAAuB,CAAA","sourcesContent":["\r\n// export const CRM_BONUS_API_URL = \"https://crmbonus-hub-staging-0ff7e3bf68ac.herokuapp.com/api\" //\"https://crmbonus-service-staging-d15ba5377115.herokuapp.com\"; //\"https://typically-workable-perch.ngrok-free.app\"; // \"http://localhost:3500\";\r\nexport const CRM_BONUS_API_URL = \"https://typically-workable-perch.ngrok-free.app/api\";\r\n// export const CRM_BONUS_API_URL = \"https://wake.crmbonus.com/api\"; //\"https://crmbonus-hub-staging-0ff7e3bf68ac.herokuapp.com/api\"// \"https://wake-middleware.crmbonus.com/api\"; //\"http://localhost:4000/api\";// \"https://wake-middleware.crmbonus.com/api\"; //\"https://wake-middleware.crmbonus.com/api\";// \"https://crmbonus-wake-hub-staging-5daedbc4e22b.herokuapp.com/api\" //\"https://crmbonus-service-staging-d15ba5377115.herokuapp.com\"; //\"https://typically-workable-perch.ngrok-free.app\"; // \"http://localhost:3500\";\r\nexport const CHECKOUT_CART_WAKE = \"http://localhost:3001\""]}
+{"version":3,"file":"env.js","sourceRoot":"","sources":["../env.ts"],"names":[],"mappings":"AACA,mPAAmP;AACnP,0FAA0F;AAC1F,MAAM,CAAC,MAAM,iBAAiB,GAAG,+BAA+B,CAAC,CAAC,+bAA+b;AACjgB,MAAM,CAAC,MAAM,kBAAkB,GAAG,uBAAuB,CAAA","sourcesContent":["\n// export const CRM_BONUS_API_URL = \"https://crmbonus-hub-staging-0ff7e3bf68ac.herokuapp.com/api\" //\"https://crmbonus-service-staging-d15ba5377115.herokuapp.com\"; //\"https://typically-workable-perch.ngrok-free.app\"; // \"http://localhost:3500\";\n// export const CRM_BONUS_API_URL = \"https://typically-workable-perch.ngrok-free.app/api\";\nexport const CRM_BONUS_API_URL = \"https://wake.crmbonus.com/api\"; //\"https://crmbonus-hub-staging-0ff7e3bf68ac.herokuapp.com/api\"// \"https://wake-middleware.crmbonus.com/api\"; //\"http://localhost:4000/api\";// \"https://wake-middleware.crmbonus.com/api\"; //\"https://wake-middleware.crmbonus.com/api\";// \"https://crmbonus-wake-hub-staging-5daedbc4e22b.herokuapp.com/api\" //\"https://crmbonus-service-staging-d15ba5377115.herokuapp.com\"; //\"https://typically-workable-perch.ngrok-free.app\"; // \"http://localhost:3500\";\nexport const CHECKOUT_CART_WAKE = \"http://localhost:3001\""]}

package/dist/esm/app-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-bdb70d5a.js';
+import { r as registerInstance, c as createEvent, h } from './index-09314622.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;cursor:pointer}.modal-body{}";
 const AppModalStyle0 = appModalCss;
@@ -14,7 +14,7 @@ const AppModal = class {
         this.modalClosed.emit();
     }
     render() {
-        return (h("div", { key: '2a9b7c3cc11600c9608cfbf960e06f72d2618ded', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: 'c9d7ba54997d33e3d73e8ddd1417879e3786e859', class: "modal" }, h("div", { key: '141151a40b678f979e47ea530aeca7bcb389cedd', class: "modal-header" }, h("h3", { key: '7ffccb7e55ba62fba77467416a66e3794a923b07' }, this.modalTitle), h("button", { key: 'c85800ab26d401c5e80b5db9d86f90bade49ff2d', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: '1b69d75322c87d3623660792562da4c4fd1137c1', class: "modal-body" }, h("slot", { key: '07b8b13a344367ed517e7f41de632776b0b655c3' })))));
+        return (h("div", { key: 'ca01fe665107339db0cbbd9d2304dcc962d23910', class: `modal-backdrop ${this.isOpen ? 'visible' : ''}` }, h("div", { key: '53a4a83cd2d734f674f298cf966d15d2218d1d88', class: "modal" }, h("div", { key: '63e41b5e61c2a5c962e71984af794c78b79aef60', class: "modal-header" }, h("h3", { key: '3b50ab8509e808135b12a9aea68b0aba64250501' }, this.modalTitle), h("button", { key: 'a213cb6387c66a2b0d012cef3c018aab90dae9af', class: "close-button", onClick: () => this.closeModal() }, "\u00D7")), h("div", { key: '907794b4afa37068bc2f2bdfd31d154a6f57859f', class: "modal-body" }, h("slot", { key: 'f20682d624021e33de0b484d2fbb2b675ae889a2' })))));
     }
 };
 AppModal.style = AppModalStyle0;

package/dist/esm/app-modal.entry.js.map

@@ -1 +1 @@
-{"file":"app-modal.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,8gBAA8gB,CAAC;AACniB,uBAAe,WAAW;;MCMb,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 {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    display: none;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 1000;\r\n  }\r\n  \r\n  .modal-backdrop.visible {\r\n    display: flex;\r\n  }\r\n  \r\n  .modal {\r\n    background: white;\r\n    border-radius: 8px;\r\n    padding: 1rem;\r\n    max-width: 500px;\r\n    width: 90%;\r\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n  }\r\n  \r\n  .modal-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 1px solid #ddd;\r\n    margin-bottom: 1rem;\r\n  }\r\n  \r\n  .close-button {\r\n    background: none;\r\n    border: none;\r\n    /* font-size: 1.5rem; */\r\n    cursor: pointer;\r\n  }\r\n  \r\n  .modal-body {\r\n    /* padding: 1rem 0; */\r\n  }\r\n  ","import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'app-modal',\r\n    styleUrl: 'app-modal.css',\r\n    shadow: true,\r\n})\r\nexport class AppModal {\r\n\r\n    // Controle da visibilidade do modal\r\n    @Prop({ reflect: true }) isOpen: boolean = false;\r\n\r\n    // Título do modal\r\n    @Prop() modalTitle: string;\r\n\r\n    // Evento emitido ao fechar o modal\r\n    @Event() modalClosed: EventEmitter<void>;\r\n\r\n    private closeModal() {\r\n        this.modalClosed.emit();\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class={`modal-backdrop ${this.isOpen ? 'visible' : ''}`}>\r\n                <div class=\"modal\">\r\n                    <div class=\"modal-header\">\r\n                        <h3>{this.modalTitle}</h3>\r\n                        <button class=\"close-button\" onClick={() => this.closeModal()}>\r\n                            ×\r\n                        </button>\r\n                    </div>\r\n                    <div class=\"modal-body\">\r\n                        <slot />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"],"version":3}
+{"file":"app-modal.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,8gBAA8gB,CAAC;AACniB,uBAAe,WAAW;;MCMb,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/esm/bc-crmbonus.entry.js

@@ -0,0 +1,24 @@
+import { r as registerInstance, h } from './index-09314622.js';
+import { C as CrmBonusService } from './crmbonus.service-d83e6bb6.js';
+
+const CrmBonus = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.storeName = 'bycoders';
+        this.crmBonusService = CrmBonusService.getInstance();
+        this.checkout = {};
+    }
+    async handlerToken() {
+        await this.crmBonusService.getToken(this.storeName);
+    }
+    componentDidLoad() {
+        this.handlerToken();
+    }
+    render() {
+        return (h("div", { key: 'cefc590c81f4de1a44fd67cbd599c6a5366f2ee7' }, h("bc-phone-form", { key: '126d01e0c4da26d9c2b56c74580eb2988fbc58ad', storeName: this.storeName }), h("bc-phone-validate-pin-form", { key: 'c08a9c81a1394deb787e5ff7b353aea596985a22', storeName: this.storeName })));
+    }
+};
+
+export { CrmBonus as bc_crmbonus };
+
+//# sourceMappingURL=bc-crmbonus.entry.js.map

package/dist/esm/bc-crmbonus.entry.js.map

@@ -0,0 +1 @@
+{"file":"bc-crmbonus.entry.js","mappings":";;;MAQa,QAAQ;;;QAEjB,cAAS,GAAG,UAAU,CAAA;QAEd,oBAAe,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC;wBAEb,EAAE;;IAE7C,MAAM,YAAY;QACd,MAAM,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KACvD;IAED,gBAAgB;QACZ,IAAI,CAAC,YAAY,EAAE,CAAC;KACvB;IAGD,MAAM;QACF,QACI,8DACI,sEAAe,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI,EAE5C,mFAA4B,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI,CACvD,EACT;KACJ;;;;;","names":[],"sources":["src/components/crmbonus/crmbonus.tsx"],"sourcesContent":["import { Component, h, State } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { ICheckoutDTO } from \"../../dto/checkout.dto\";\n\n@Component({\n    tag: 'bc-crmbonus',\n    shadow: true\n})\nexport class CrmBonus {\n\n    storeName = 'bycoders'\n\n    private crmBonusService = CrmBonusService.getInstance();\n\n    @State() checkout: Partial<ICheckoutDTO> = {}\n\n    async handlerToken() {\n        await this.crmBonusService.getToken(this.storeName);\n    }\n\n    componentDidLoad() {\n        this.handlerToken();\n    }\n\n\n    render() {\n        return (\n            <div>\n                <bc-phone-form storeName={this.storeName} />\n\n                <bc-phone-validate-pin-form storeName={this.storeName} />\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/esm/bc-phone-form_2.entry.js

@@ -0,0 +1,328 @@
+import { g as getRenderingRef, f as forceUpdate, r as registerInstance, c as createEvent, h } from './index-09314622.js';
+import { C as CrmBonusService } from './crmbonus.service-d83e6bb6.js';
+import { i as instance } from './i18n-b9d8b0cc.js';
+
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2_000);
+const stencilSubscription = () => {
+    if (typeof getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const unwrap = (val) => (typeof val === 'function' ? val() : val);
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    const unwrappedState = unwrap(defaultState);
+    let states = new Map(Object.entries(unwrappedState ?? {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    // Track onChange listeners to enable removeListener functionality
+    const changeListeners = new Map();
+    const reset = () => {
+        // When resetting the state, the default state may be a function - unwrap it to invoke it.
+        // otherwise, the state won't be properly reset
+        states = new Map(Object.entries(unwrap(defaultState) ?? {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(unwrappedState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const setHandler = (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        };
+        const resetHandler = () => cb(unwrap(defaultState)[propName]);
+        // Register the handlers
+        const unSet = on('set', setHandler);
+        const unReset = on('reset', resetHandler);
+        // Track the relationship between the user callback and internal handlers
+        changeListeners.set(cb, { setHandler, resetHandler, propName });
+        return () => {
+            unSet();
+            unReset();
+            changeListeners.delete(cb);
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    const removeListener = (propName, listener) => {
+        const listenerInfo = changeListeners.get(listener);
+        if (listenerInfo && listenerInfo.propName === propName) {
+            // Remove the specific handlers that were created for this listener
+            removeFromArray(handlers.set, listenerInfo.setHandler);
+            removeFromArray(handlers.reset, listenerInfo.resetHandler);
+            changeListeners.delete(listener);
+        }
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+        removeListener,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
+const { state, onChange } = createStore({
+    storeConfig: {
+        btnApplyBonusLabel: 'Avançar',
+        confirmationMessage: '',
+        giftbackTitle: 'giftback',
+        keepStoreFrontStyle: false
+    },
+    checkout: {
+        cellphone: null,
+        checkoutId: '',
+        checkoutProducts: [],
+        crmbonuStoreId: null,
+        crmbonusUserId: null,
+        storeName: ''
+    },
+    clicks: 0,
+    seconds: 0,
+    squaredClicks: 0
+});
+onChange('clicks', value => {
+    state.squaredClicks = value ** 2;
+});
+
+const stylesScss$1 = ".phone-form{display:flex;flex-direction:column;gap:12px}";
+const BcPhoneFormStyle0 = stylesScss$1;
+
+const PhoneForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.actionError = createEvent(this, "actionError", 7);
+        this.crmbonusService = CrmBonusService.getInstance();
+        this.loading = false;
+        this.storeName = '';
+    }
+    async handlerPhone() {
+        this.loading = true;
+        try {
+            const phoneMask = await this.phoneInputMask.getPhone();
+            const phone = phoneMask.replace(/\D/g, '');
+            const send = await this.crmbonusService.sendPin(Number(phone), '', this.storeName);
+            state.checkout.cellphone = Number(phone);
+            state.checkout.crmbonuStoreId = send.storeId;
+            state.checkout.crmbonusUserId = send.userId;
+        }
+        catch (error) {
+            this.actionError.emit({
+                message: error.message
+            });
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    render() {
+        return (h("div", { key: 'b14641104823437a9ab8d358b9326163b86a1c2e', class: "phone-form" }, h("span", { key: '0c6aca3e25b12f651402086bff2405de112d47ca' }, "Digite o seu celular para verificar se h\u00E1 desconto dispon\u00EDvel nessa compra:"), h("phone-input-mask", { key: '3362b63ed0afcda46a2ec82784786ab3ce139969', ref: ref => this.phoneInputMask = ref }), h("crm-button", { key: '4dfc4e036d8689cbde15edce49b9f71ad73748c3', loading: this.loading, txtBtn: "Avan\u00E7ar", handleClick: () => this.handlerPhone() })));
+    }
+};
+PhoneForm.style = BcPhoneFormStyle0;
+
+const stylesScss = ":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 BcPhoneValidatePinFormStyle0 = stylesScss;
+
+const PhoneValidatePinForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.crmbonusService = CrmBonusService.getInstance();
+        this.storeName = '';
+        this.phone = undefined;
+        this.cancel = undefined;
+        this.pin = ['', '', '', ''];
+        this.isVerified = false;
+        this.canResend = false;
+        this.loading = false;
+    }
+    handleInput(event, index) {
+        const input = event.target;
+        const value = input.value.slice(0, 1); // Limitar a um único dígito
+        this.pin[index] = value;
+        // Focar no próximo campo, se possível
+        if (value && index < this.pin.length - 1) {
+            const nextInput = input.nextElementSibling;
+            nextInput === null || nextInput === void 0 ? void 0 : nextInput.focus();
+        }
+        this.pin = [...this.pin];
+    }
+    async handleResend() {
+        // await this.resend();
+        this.canResend = false;
+        this.pin = ['', '', '', ''];
+    }
+    buildTime() {
+        const resendDate = localStorage.getItem("bc:resend");
+        if (resendDate) {
+            return resendDate;
+        }
+        const date = new Date();
+        date.setSeconds(date.getSeconds() + 30);
+        localStorage.setItem("bc:resend", date.toString());
+        return date.toString();
+    }
+    handleTimeout() {
+        localStorage.removeItem("bc:resend");
+        this.canResend = true;
+    }
+    validatePin() {
+        console.log('[x][STORE]', state.checkout);
+        // this.crmbonusService.validatePinBonus()
+    }
+    render() {
+        var _a;
+        return (h("div", { key: '0ba777997120acd11e83043f3450bf7288cb5665', class: "crm-phone-form" }, h("label", { key: '75d3ba7803982927d14da4f99c84a1e1cb4a827e', class: "crm-subtitle" }, instance.t('pin-sutitle'), " ", h("strong", { key: '04042da34bb9b90822187bc5f3d03dd309cc87d0' }, "+55 ", this.phone)), h("div", { key: '8250a29967cacc8eb0c9a00dab6e3e59280e5870', 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: 'df1e2e9cc3033ee760ae1bf607e311e0038743cb' }), h("p", { key: 'beeea228c5c108588f38f64052cffed424ff7539', class: "crm-description" }, " N\u00E3o recebeu?", !this.canResend && h("label", { key: 'b304f40425994ddfc905ab3b0c18db738b8a2d3b' }, " Reenviar em", h("countdown-timer", { key: '776f50ddc79cd0813aa49dfa236a955aa5994b7c', minutos: 0, segundos: 30, dataCriacao: this.buildTime(), downtime: () => this.handleTimeout() }), " "), this.canResend && (h("div", { key: '02a4d05b7c15097881cece7752a36671d29162db' }, h("a", { key: 'b6bd0961dc687b8c4f601c668b0ba2cdfa83a339', onClick: () => this.handleResend() }, "Reenviar"), h("a", { key: 'd348c9fe25a728b098b8ef2359a724c9b2956e98', onClick: () => this.cancel() }, "Trocar n\u00FAmero")))), h("crm-button", { key: '0382610ed7d6a7fda3f8851e30e3852320e2ff23', txtBtn: ((_a = state === null || state === void 0 ? void 0 : state.storeConfig) === null || _a === void 0 ? void 0 : _a.btnApplyBonusLabel) || "Avançar", loading: this.loading, handleClick: () => this.validatePin() })));
+    }
+};
+PhoneValidatePinForm.style = BcPhoneValidatePinFormStyle0;
+
+export { PhoneForm as bc_phone_form, PhoneValidatePinForm as bc_phone_validate_pin_form };
+
+//# sourceMappingURL=bc-phone-form_2.entry.js.map

package/dist/esm/bc-phone-form_2.entry.js.map

@@ -0,0 +1 @@
+{"file":"bc-phone-form.bc-phone-validate-pin-form.entry.js","mappings":"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","names":["stylesScss","store","i18next"],"sources":["node_modules/@stencil/store/dist/index.js","store.ts","src/components/crmbonus/subcomponents/phone-form/styles.scss?tag=bc-phone-form&encapsulation=shadow","src/components/crmbonus/subcomponents/phone-form/index.tsx","src/components/crmbonus/subcomponents/phone-validate/styles.scss?tag=bc-phone-validate-pin-form&encapsulation=shadow","src/components/crmbonus/subcomponents/phone-validate/index.tsx"],"sourcesContent":["import { getRenderingRef, forceUpdate } from '@stencil/core';\n\nconst appendToMap = (map, propName, value) => {\n    const items = map.get(propName);\n    if (!items) {\n        map.set(propName, [value]);\n    }\n    else if (!items.includes(value)) {\n        items.push(value);\n    }\n};\nconst debounce = (fn, ms) => {\n    let timeoutId;\n    return (...args) => {\n        if (timeoutId) {\n            clearTimeout(timeoutId);\n        }\n        timeoutId = setTimeout(() => {\n            timeoutId = 0;\n            fn(...args);\n        }, ms);\n    };\n};\n\n/**\n * Check if a possible element isConnected.\n * The property might not be there, so we check for it.\n *\n * We want it to return true if isConnected is not a property,\n * otherwise we would remove these elements and would not update.\n *\n * Better leak in Edge than to be useless.\n */\nconst isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;\nconst cleanupElements = debounce((map) => {\n    for (let key of map.keys()) {\n        map.set(key, map.get(key).filter(isConnected));\n    }\n}, 2_000);\nconst stencilSubscription = () => {\n    if (typeof getRenderingRef !== 'function') {\n        // If we are not in a stencil project, we do nothing.\n        // This function is not really exported by @stencil/core.\n        return {};\n    }\n    const elmsToUpdate = new Map();\n    return {\n        dispose: () => elmsToUpdate.clear(),\n        get: (propName) => {\n            const elm = getRenderingRef();\n            if (elm) {\n                appendToMap(elmsToUpdate, propName, elm);\n            }\n        },\n        set: (propName) => {\n            const elements = elmsToUpdate.get(propName);\n            if (elements) {\n                elmsToUpdate.set(propName, elements.filter(forceUpdate));\n            }\n            cleanupElements(elmsToUpdate);\n        },\n        reset: () => {\n            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));\n            cleanupElements(elmsToUpdate);\n        },\n    };\n};\n\nconst unwrap = (val) => (typeof val === 'function' ? val() : val);\nconst createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {\n    const unwrappedState = unwrap(defaultState);\n    let states = new Map(Object.entries(unwrappedState ?? {}));\n    const handlers = {\n        dispose: [],\n        get: [],\n        set: [],\n        reset: [],\n    };\n    // Track onChange listeners to enable removeListener functionality\n    const changeListeners = new Map();\n    const reset = () => {\n        // When resetting the state, the default state may be a function - unwrap it to invoke it.\n        // otherwise, the state won't be properly reset\n        states = new Map(Object.entries(unwrap(defaultState) ?? {}));\n        handlers.reset.forEach((cb) => cb());\n    };\n    const dispose = () => {\n        // Call first dispose as resetting the state would\n        // cause less updates ;)\n        handlers.dispose.forEach((cb) => cb());\n        reset();\n    };\n    const get = (propName) => {\n        handlers.get.forEach((cb) => cb(propName));\n        return states.get(propName);\n    };\n    const set = (propName, value) => {\n        const oldValue = states.get(propName);\n        if (shouldUpdate(value, oldValue, propName)) {\n            states.set(propName, value);\n            handlers.set.forEach((cb) => cb(propName, value, oldValue));\n        }\n    };\n    const state = (typeof Proxy === 'undefined'\n        ? {}\n        : new Proxy(unwrappedState, {\n            get(_, propName) {\n                return get(propName);\n            },\n            ownKeys(_) {\n                return Array.from(states.keys());\n            },\n            getOwnPropertyDescriptor() {\n                return {\n                    enumerable: true,\n                    configurable: true,\n                };\n            },\n            has(_, propName) {\n                return states.has(propName);\n            },\n            set(_, propName, value) {\n                set(propName, value);\n                return true;\n            },\n        }));\n    const on = (eventName, callback) => {\n        handlers[eventName].push(callback);\n        return () => {\n            removeFromArray(handlers[eventName], callback);\n        };\n    };\n    const onChange = (propName, cb) => {\n        const setHandler = (key, newValue) => {\n            if (key === propName) {\n                cb(newValue);\n            }\n        };\n        const resetHandler = () => cb(unwrap(defaultState)[propName]);\n        // Register the handlers\n        const unSet = on('set', setHandler);\n        const unReset = on('reset', resetHandler);\n        // Track the relationship between the user callback and internal handlers\n        changeListeners.set(cb, { setHandler, resetHandler, propName });\n        return () => {\n            unSet();\n            unReset();\n            changeListeners.delete(cb);\n        };\n    };\n    const use = (...subscriptions) => {\n        const unsubs = subscriptions.reduce((unsubs, subscription) => {\n            if (subscription.set) {\n                unsubs.push(on('set', subscription.set));\n            }\n            if (subscription.get) {\n                unsubs.push(on('get', subscription.get));\n            }\n            if (subscription.reset) {\n                unsubs.push(on('reset', subscription.reset));\n            }\n            if (subscription.dispose) {\n                unsubs.push(on('dispose', subscription.dispose));\n            }\n            return unsubs;\n        }, []);\n        return () => unsubs.forEach((unsub) => unsub());\n    };\n    const forceUpdate = (key) => {\n        const oldValue = states.get(key);\n        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));\n    };\n    const removeListener = (propName, listener) => {\n        const listenerInfo = changeListeners.get(listener);\n        if (listenerInfo && listenerInfo.propName === propName) {\n            // Remove the specific handlers that were created for this listener\n            removeFromArray(handlers.set, listenerInfo.setHandler);\n            removeFromArray(handlers.reset, listenerInfo.resetHandler);\n            changeListeners.delete(listener);\n        }\n    };\n    return {\n        state,\n        get,\n        set,\n        on,\n        onChange,\n        use,\n        dispose,\n        reset,\n        forceUpdate,\n        removeListener,\n    };\n};\nconst removeFromArray = (array, item) => {\n    const index = array.indexOf(item);\n    if (index >= 0) {\n        array[index] = array[array.length - 1];\n        array.length--;\n    }\n};\n\nconst createStore = (defaultState, shouldUpdate) => {\n    const map = createObservableMap(defaultState, shouldUpdate);\n    map.use(stencilSubscription());\n    return map;\n};\n\nexport { createObservableMap, createStore };\n","import { createStore } from \"@stencil/store\";\n\nimport { IInfoStore } from \"./src/helpers/info.config.helper\";\nimport { ICheckoutDTO } from \"./src/dto/checkout.dto\";\n\n\ninterface IStoreCheckout {\n    clicks: number;\n    squaredClicks: number;\n    seconds: number;\n    storeConfig: IInfoStore;\n    checkout: ICheckoutDTO;\n}\n\nconst { state, onChange } = createStore<IStoreCheckout>({\n  storeConfig: {\n    btnApplyBonusLabel: 'Avançar',\n    confirmationMessage: '',\n    giftbackTitle: 'giftback',\n    keepStoreFrontStyle: false\n  },\n  checkout: {\n    cellphone: null,\n    checkoutId: '',\n    checkoutProducts: [],\n    crmbonuStoreId: null,\n    crmbonusUserId: null,\n    storeName: ''\n  },\n  clicks: 0,\n  seconds: 0,\n  squaredClicks: 0\n});\n\nonChange('clicks', value => {\n  state.squaredClicks = value ** 2;\n});\n\nexport default state;",".phone-form {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}","import { Component, Event, EventEmitter, h, Prop, State } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../../../services/crmbonus.service\";\n\nimport store from '../../../../../store';\n\n@Component({\n    tag: 'bc-phone-form',\n    shadow: true,\n    styleUrl: 'styles.scss'\n})\nexport class PhoneForm {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    crmbonusService = CrmBonusService.getInstance();\n\n    @State() loading = false;\n\n    @Prop() storeName = '';\n\n    @Event() actionError: EventEmitter<Partial<{ message: string }>>;\n\n    async handlerPhone() {\n        this.loading = true;\n        try {\n            const phoneMask = await this.phoneInputMask.getPhone();\n            const phone = phoneMask.replace(/\\D/g, '');\n            const send = await this.crmbonusService.sendPin(Number(phone), '', this.storeName);\n\n            store.checkout.cellphone = Number(phone);\n            store.checkout.crmbonuStoreId = send.storeId;\n            store.checkout.crmbonusUserId = send.userId;\n\n        } catch (error) {\n            this.actionError.emit({\n                message: error.message\n            });\n        } finally {\n            this.loading = false;\n        }\n    }\n\n    render() {\n        return (\n            <div class=\"phone-form\">\n                <span>Digite o seu celular para verificar se há desconto disponível nessa compra:</span>\n                <phone-input-mask ref={ref => this.phoneInputMask = ref} />\n                <crm-button loading={this.loading} txtBtn=\"Avançar\" handleClick={() => this.handlerPhone()} />\n            </div>\n        )\n    }\n}",":host {\n    display: block;\n}\n\n.form-container-pin {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.pin-container {\n    display: flex;\n    /* margin: 26px 0; */\n    justify-content: start;\n    gap: 10px;\n}\n\n.pin-container input {\n    width: 100%;\n    height: 48px;\n    /* font-size: 14px; */\n    text-align: center;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n}\n\nbutton {\n    padding: 10px 20px;\n    background-color: #ddd;\n    border: none;\n    border-radius: 5px;\n    cursor: pointer;\n}\n\n\n.success {\n    color: green;\n    margin-top: 10px;\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.button-cancel {\n    top: 50%;\n    background-color: #ffffff;\n    color: #1e1c1c;\n    border: 1px solid gray;\n    border-radius: 10px;\n    padding: 10px;\n    min-height: 30px;\n    min-width: 120px;\n    /* font-size: 19px; */\n    cursor: pointer;\n}\n\n.crm-description {\n    /* font-size: 14px; */\n    width: 100%;\n    display: flex;\n    gap: 9px;\n    flex-wrap: wrap;\n}\n\n.crm-description a {\n    font-weight: bold;\n    cursor: pointer;\n    text-decoration: underline;\n}\n\n.crm-description div {\n    display: flex;\n    gap: 5px;\n}","import { Component, h, Prop, State } from \"@stencil/core\";\n\nimport i18next from '../../../../i18n/i18n'\nimport store from '../../../../../store';\nimport { CrmBonusService } from \"../../../../services/crmbonus.service\";\n\n@Component({\n    tag: 'bc-phone-validate-pin-form',\n    shadow: true,\n    styleUrl: 'styles.scss'\n})\nexport class PhoneValidatePinForm {\n\n    crmbonusService = CrmBonusService.getInstance();\n\n    @Prop() storeName: string = '';\n    @Prop() phone: number;\n    @Prop() cancel: () => void;\n\n    @State() pin: string[] = ['', '', '', ''];\n    @State() isVerified: boolean = false;\n    @State() canResend: boolean = false;\n    @State() loading = false;\n\n    handleInput(event: Event, index: number) {\n        const input = event.target as HTMLInputElement;\n        const value = input.value.slice(0, 1); // Limitar a um único dígito\n        this.pin[index] = value;\n\n        // Focar no próximo campo, se possível\n        if (value && index < this.pin.length - 1) {\n            const nextInput = input.nextElementSibling as HTMLInputElement;\n            nextInput?.focus();\n        }\n\n        this.pin = [...this.pin];\n    }\n\n    async handleResend() {\n        // await this.resend();\n\n        this.canResend = false;\n        this.pin = ['', '', '', ''];\n    }\n\n    buildTime() {\n        const resendDate = localStorage.getItem(\"bc:resend\");\n\n        if(resendDate) {\n            return resendDate;\n        }\n\n        const date = new Date();\n        date.setSeconds(date.getSeconds() + 30);\n        localStorage.setItem(\"bc:resend\", date.toString());\n\n        return date.toString();\n    }\n\n    handleTimeout() {\n        localStorage.removeItem(\"bc:resend\")\n        this.canResend = true;\n    }\n\n    validatePin() {\n        console.log('[x][STORE]', store.checkout);\n\n        // this.crmbonusService.validatePinBonus()\n    }\n\n    render() {\n        return (\n            <div class=\"crm-phone-form\">\n                <label class=\"crm-subtitle\" >{i18next.t('pin-sutitle')} <strong>+55 {this.phone}</strong></label>\n                <div class=\"pin-container\">\n                    {this.pin.map((_, index) => (\n                        <input\n                            type=\"text\"\n                            maxLength={1}\n                            value={this.pin[index]}\n                            onInput={(event) => this.handleInput(event, index)}\n                        />\n                    ))}\n                </div>\n\n                <slot></slot>\n\n                <p class=\"crm-description\"> Não recebeu?\n                    {\n                        !this.canResend && <label> Reenviar em\n                            <countdown-timer minutos={0} segundos={30} dataCriacao={this.buildTime()} downtime={() => this.handleTimeout()} /> </label>\n                    }\n                    {\n                        this.canResend && (\n                            <div >\n                                <a onClick={() => this.handleResend()}>Reenviar</a>\n                                <a onClick={() => this.cancel()}>Trocar número</a>\n                            </div>\n                        )\n                    }\n                </p>\n                <crm-button txtBtn={store?.storeConfig?.btnApplyBonusLabel || \"Avançar\"} loading={this.loading} handleClick={() => this.validatePin()} />\n            </div >\n        );\n    }\n}"],"version":3}

package/dist/esm/bc-wake-crmbonus.entry.js

@@ -0,0 +1,14 @@
+import { r as registerInstance, h } from './index-09314622.js';
+
+const WakeCrmbonus = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("bc-crmbonus", { key: '06d56d19fbe0d101409c44517b70ad8281ce8edb' }));
+    }
+};
+
+export { WakeCrmbonus as bc_wake_crmbonus };
+
+//# sourceMappingURL=bc-wake-crmbonus.entry.js.map

package/dist/esm/bc-wake-crmbonus.entry.js.map

@@ -0,0 +1 @@
+{"file":"bc-wake-crmbonus.entry.js","mappings":";;MAKa,YAAY;;;;IAErB,MAAM;QACF,QACI,qEAAe,EAClB;KACJ;;;;;","names":[],"sources":["src/platforms/wake/index.tsx"],"sourcesContent":["import { Component, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'bc-wake-crmbonus'\n})\nexport class WakeCrmbonus {\n\n    render() {\n        return (\n            <bc-crmbonus />\n        )\n    }\n}"],"version":3}