crmbonus-component-wake 2.0.128 → 2.0.129

package/dist/cjs/pedido-finalizado.cjs.entry.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-d11684bd.js');
+const crmbonus_service = require('./crmbonus.service-9067d00d.js');
+const cart_helper = require('./cart.helper-d4d8d619.js');
+require('./keys.storage-de7744aa.js');
+
+const Pedido = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.cart = undefined;
+    }
+    async componentWillLoad() {
+        await this.handleOrder();
+    }
+    async handleOrder() {
+        console.log('this.cart', this.cart);
+        const cart = this.cart ? new cart_helper.CartWake(JSON.parse(this.cart)) : await cart_helper.getCart();
+        if (cart.id && cart.orderId) {
+            crmbonus_service.CrmBonusService.getInstance().updateOrder({
+                cartId: cart.id,
+                orderId: cart.orderId,
+                cartIdCrm: cart.middlewareId
+            });
+            const key = `bc-products:${cart.id}`;
+            localStorage.removeItem(key);
+            localStorage.removeItem(cart.id);
+        }
+    }
+    render() {
+        return (index.h("div", { key: 'd79a815efc708a2d818fa6adf22464a45e7fa546' }));
+    }
+};
+
+exports.pedido_finalizado = Pedido;
+
+//# sourceMappingURL=pedido-finalizado.cjs.entry.js.map

package/dist/cjs/pedido-finalizado.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"pedido-finalizado.entry.cjs.js","mappings":";;;;;;;;;MAQa,MAAM;;;;;IAIf,MAAM,iBAAiB;QACnB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAA;KAC3B;IAED,MAAM,WAAW;QAEb,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QAEnC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAIA,oBAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,MAAMC,mBAAO,EAAE,CAAC;QAE/E,IAAI,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE;YACzBC,gCAAe,CAAC,WAAW,EAAE,CAAC,WAAW,CAAC;gBACtC,MAAM,EAAE,IAAI,CAAC,EAAE;gBACf,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,SAAS,EAAE,IAAI,CAAC,YAAY;aAC/B,CAAC,CAAC;YAEH,MAAM,GAAG,GAAG,eAAe,IAAI,CAAC,EAAE,EAAE,CAAC;YACrC,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAC7B,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;SACpC;KACJ;IAED,MAAM;QACF,QACIC,mEAAW,EACd;KACJ;;;;;","names":["CartWake","getCart","CrmBonusService","h"],"sources":["src/components/pedido/pedido.tsx"],"sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { CrmBonusService } from \"../../services/crmbonus.service\";\nimport { getCart } from \"../../helpers/cart.helper\";\nimport { CartWake } from \"../../objectvalues/cart.wake\";\n\n@Component({\n    tag: \"pedido-finalizado\"\n})\nexport class Pedido {\n\n    @Prop() cart;\n\n    async componentWillLoad() {\n        await this.handleOrder()\n    }\n\n    async handleOrder() {\n\n        console.log('this.cart', this.cart)\n\n        const cart = this.cart ? new CartWake(JSON.parse(this.cart)) : await getCart();\n\n        if (cart.id && cart.orderId) {\n            CrmBonusService.getInstance().updateOrder({\n                cartId: cart.id,\n                orderId: cart.orderId,\n                cartIdCrm: cart.middlewareId\n            });\n\n            const key = `bc-products:${cart.id}`;\n            localStorage.removeItem(key);\n            localStorage.removeItem(cart.id);\n        }\n    }\n\n    render() {\n        return (\n            <div></div>\n        )\n    }\n}"],"version":3}

package/dist/cjs/phone-cancel-input.cjs.entry.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-d11684bd.js');
+
+const PhoneCancelInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sendPin = undefined;
+        this.loading = undefined;
+        this.value = undefined;
+    }
+    async validatePhone() {
+        const phone = await this.phoneInputMask.getPhone();
+        await this.sendPin(phone);
+    }
+    render() {
+        return (index.h("div", { key: '43b8b975dfd6896fdcd1e626d331bf61caeb65b9', class: "form-container" }, index.h("phone-input-mask", { key: '983d8d245c175ba231be50205f62881a2ea53244', initialValue: `Valor aplicado R$ ${this.value}`, ref: ref => this.phoneInputMask = ref, disabled: true }), index.h("button", { key: '94fad9eeada065984efd1a552003809706d88ce4', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "Cancelar" : index.h("loading-spinner", { size: "11px", color: "#fff" }))));
+    }
+};
+
+exports.phone_cancel_input = PhoneCancelInput;
+
+//# sourceMappingURL=phone-cancel-input.cjs.entry.js.map

package/dist/cjs/phone-cancel-input.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"phone-cancel-input.entry.cjs.js","mappings":";;;;;;MAKa,gBAAgB;;;;;;;IAQzB,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,QACIA,kEAAK,KAAK,EAAC,gBAAgB,IACvBA,+EAAkB,YAAY,EAAE,qBAAqB,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAI,EAC5HA,qEAAQ,KAAK,EAAE,0BAA0B,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAE/H,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,GAAGA,6BAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,EACT;KACJ;;;;;","names":["h"],"sources":["src/components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.tsx"],"sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'phone-cancel-input'\n})\nexport class PhoneCancelInput {\n\n    private phoneInputMask: HTMLPhoneInputMaskElement;\n\n    @Prop() sendPin: Function;\n    @Prop() loading: boolean;\n    @Prop() value: string;\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 initialValue={`Valor aplicado R$ ${this.value}`} ref={ref => this.phoneInputMask = ref} disabled={true} />\n                <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n                    {\n                        !this.loading ? \"Cancelar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\n                    }\n                </button>\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/cjs/phone-input-mask.cjs.entry.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-d11684bd.js');
+const index$1 = require('./index-6054ed44.js');
+
+const phoneInputMaskCss = "*{margin:0;padding:0;box-sizing:border-box}.phone{display:block;width:100%;height:24px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.phone-input-form{width:100%;height:48px;padding:13px 16px 13px 16px;border:1px solid #CCCCCC;font-size:14px}.crm-erro-msg{color:#E11D48;font-size:12px;font-weight:500;margin-top:11px}";
+const PhoneInputMaskStyle0 = phoneInputMaskCss;
+
+const PhoneInputMask = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.phone = '';
+        this.message = "";
+        this.initialValue = undefined;
+        this.disabled = undefined;
+    }
+    componentWillLoad() {
+        this.phone = this.initialValue;
+    }
+    formatPhone(value) {
+        const cleaned = value.replace(/\D/g, ''); // Remove tudo que não for número
+        const match = cleaned.match(/^(\d{0,2})(\d{0,5})(\d{0,4})$/);
+        if (!match)
+            return value;
+        const part1 = match[1] ? `(${match[1]}` : '';
+        const part2 = match[2] ? `) ${match[2]}` : '';
+        const part3 = match[3] ? ` ${match[3]}` : '';
+        return `${part1}${part2}${part3}`;
+    }
+    handleInput(event) {
+        const input = event.target;
+        this.phone = this.formatPhone(input.value);
+        if (!this.validatePhoneNumber(input.value)) {
+            this.message = index$1.MESSAGE_ERROR_INVALID_NUMBER;
+        }
+        else {
+            this.message = "";
+        }
+        console.log('phone', this.phone);
+    }
+    validatePhoneNumber(phone) {
+        if (phone.length < 15) {
+            return true;
+        }
+        const phoneRegex = /^\(\d{2}\) \d{5} \d{4}$/; // Valida formato (99) 99999-9999
+        return phoneRegex.test(phone);
+    }
+    async getPhone() {
+        return this.phone;
+    }
+    render() {
+        return (index.h("div", { key: '44d9a3f88829cdf269da2ea029ca81197a9ca31e' }, index.h("input", { key: '4af46e5c7eb38f108f3a3b58937b3b5560a0757d', disabled: this.disabled, id: "phone", type: "text", class: "phone-input-form", value: this.phone, onInput: (event) => this.handleInput(event), placeholder: "(99) 99999 9999" }), index.h("p", { key: '5058284a0a7bda9e750cbf4e1134fdc47c7de83e', class: "crm-erro-msg" }, this.message)));
+    }
+};
+PhoneInputMask.style = PhoneInputMaskStyle0;
+
+exports.phone_input_mask = PhoneInputMask;
+
+//# sourceMappingURL=phone-input-mask.cjs.entry.js.map

package/dist/cjs/phone-input-mask.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"phone-input-mask.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,kvBAAkvB,CAAC;AAC7wB,6BAAe,iBAAiB;;MCOnB,cAAc;;;qBACE,EAAE;uBACA,EAAE;;;;IAK7B,iBAAiB;QACb,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;KAClC;IAEO,WAAW,CAAC,KAAa;QAE7B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAE7D,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;QAE3C,IAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACvC,IAAI,CAAC,OAAO,GAAGA,oCAA4B,CAAA;SAC9C;aAAM;YACH,IAAI,CAAC,OAAO,GAAG,EAAE,CAAA;SACpB;QAED,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;KACnC;IAED,mBAAmB,CAAC,KAAa;QAC7B,IAAG,KAAK,CAAC,MAAM,GAAG,EAAE,EAAE;YAClB,OAAO,IAAI,CAAA;SACd;QACD,MAAM,UAAU,GAAG,yBAAyB,CAAC;QAC7C,OAAO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjC;IAGM,MAAM,QAAQ;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;KACrB;IAED,MAAM;QACF,QACIC,oEACIA,oEACI,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,WAAW,EAAC,iBAAiB,GAC/B,EACFA,gEAAG,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,OAAO,CAAK,CACxC,EAER;KACL;;;;;;","names":["MESSAGE_ERROR_INVALID_NUMBER","h"],"sources":["src/components/phone/phone-input-mask.css?tag=phone-input-mask&encapsulation=shadow","src/components/phone/phone-input-mask.tsx"],"sourcesContent":["* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.phone {\n    display: block;\n    width: 100%;\n    height: 24px;\n    padding: 6px 12px;\n    font-size: 14px;\n    line-height: 1.42857143;\n    color: #555;\n    background-color: #fff;\n    background-image: none;\n    border: 1px solid #ccc;\n    border-radius: 0px;\n    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n\n.phone-input-form {\n    width: 100%;\n    height: 48px;\n    padding: 13px 16px 13px 16px;\n    border: 1px solid #CCCCCC;\n    font-size: 14px;\n}\n\n.crm-erro-msg {\n    color: #E11D48;\n    font-size: 12px;\n    font-weight: 500;\n    margin-top: 11px;\n}\n","import { Component, h, Method, Prop, State } from '@stencil/core';\nimport { MESSAGE_ERROR_INVALID_NUMBER } from '../../contants';\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    @State() message: string = \"\";\n\n    @Prop() initialValue: string;\n    @Prop() disabled: boolean;\n\n    componentWillLoad() {\n        this.phone = this.initialValue;\n    }\n\n    private formatPhone(value: string): string {\n\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\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        if(!this.validatePhoneNumber(input.value)) {\n            this.message = MESSAGE_ERROR_INVALID_NUMBER\n        } else {\n            this.message = \"\"\n        }\n\n        console.log('phone', this.phone)\n    }\n\n    validatePhoneNumber(phone: string): boolean {\n        if(phone.length < 15) {\n            return true\n        }\n        const phoneRegex = /^\\(\\d{2}\\) \\d{5} \\d{4}$/; // Valida formato (99) 99999-9999\n        return phoneRegex.test(phone);\n    }\n\n    @Method()\n    public async getPhone() {\n        return this.phone;\n    }\n\n    render() {\n        return (\n            <div>\n                <input\n                    disabled={this.disabled}\n                    id=\"phone\"\n                    type=\"text\"\n                    class=\"phone-input-form\"\n                    value={this.phone}\n                    onInput={(event) => this.handleInput(event)}\n                    placeholder=\"(99) 99999 9999\"\n                />\n                <p class=\"crm-erro-msg\">{this.message}</p>\n            </div>\n\n        );\n    }\n}\n"],"version":3}

package/dist/cjs/phone-input.cjs.entry.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-d11684bd.js');
+
+const PhoneInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sendPin = undefined;
+        this.loading = undefined;
+        this.value = undefined;
+    }
+    async validatePhone() {
+        const phone = await this.phoneInputMask.getPhone();
+        await this.sendPin(phone);
+    }
+    render() {
+        return (index.h("div", { key: 'd3ee09e421622260d428d9e396146662f26310ef', class: "form-container" }, index.h("phone-input-mask", { key: 'b2fa78c95364bbe36e67d9aea0cfb8d9f50c7e41', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), index.h("button", { key: '127ec969c421ccfb7c959c0269fa62879494255b', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : index.h("loading-spinner", { size: "11px", color: "#fff" }))));
+    }
+};
+
+exports.phone_input = PhoneInput;
+
+//# sourceMappingURL=phone-input.cjs.entry.js.map

package/dist/cjs/phone-input.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"phone-input.entry.cjs.js","mappings":";;;;;;MAKa,UAAU;;;;;;;IAQnB,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,QACIA,kEAAK,KAAK,EAAC,gBAAgB,IACvBA,+EAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI,EACrFA,qEAAQ,KAAK,EAAE,0BAA0B,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAE/H,CAAC,IAAI,CAAC,OAAO,GAAG,SAAS,GAAGA,6BAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEvE,CACP,EACT;KACJ;;;;;","names":["h"],"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    @Prop() value: string;\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 initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\n                <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\n                    {\n                        !this.loading ? \"validar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\n                    }\n                </button>\n            </div>\n        )\n    }\n}"],"version":3}

package/dist/cjs/utils-e9413ee3.js

@@ -0,0 +1,25 @@
+'use strict';
+
+function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+function defineLimit(remainingGiftback) {
+    return {
+        remainingGiftback: remainingGiftback < 0 ? "0,00" : remainingGiftback.toFixed(2).replace(".", ","),
+        isComplete: (remainingGiftback < 0)
+    };
+}
+function formatDateToBr(dateTime) {
+    // const decodedDateTime = decodeHtmlEntities(dateTime);
+    const [date] = dateTime.split(" ");
+    if (date.length != 10) {
+        return "";
+    }
+    return date.split("-").reverse().join("/");
+}
+
+exports.defineLimit = defineLimit;
+exports.format = format;
+exports.formatDateToBr = formatDateToBr;
+
+//# sourceMappingURL=utils-e9413ee3.js.map

package/dist/cjs/utils-e9413ee3.js.map

@@ -0,0 +1 @@
+{"file":"utils-e9413ee3.js","mappings":";;SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa;IACnE,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;AACjF,CAAC;SAEe,WAAW,CAAC,iBAAyB;IAEnD,OAAO;QACL,iBAAiB,EAAE,iBAAiB,GAAG,CAAC,GAAG,MAAM,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;QAClG,UAAU,GAAG,iBAAiB,GAAG,CAAC,CAAC;KACpC,CAAA;AACH,CAAC;SAEe,cAAc,CAAC,QAAgB;;IAI7C,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEnC,IAAI,IAAI,CAAC,MAAM,IAAI,EAAE,EAAE;QACrB,OAAO,EAAE,CAAA;KACV;IAED,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC7C;;;;;;","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\nexport function defineLimit(remainingGiftback: number) {\n\n  return {\n    remainingGiftback: remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\"),\n    isComplete: (remainingGiftback < 0)\n  }\n}\n\nexport function formatDateToBr(dateTime: string) {\n\n  // const decodedDateTime = decodeHtmlEntities(dateTime);\n\n  const [date] = dateTime.split(\" \");\n\n  if (date.length != 10) {\n    return \"\"\n  }\n\n  return date.split(\"-\").reverse().join(\"/\");\n}\n\n\n// Decodifica entidades HTML, se houver\nexport const decodeHtmlEntities = (str: string) => {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(str, 'text/html');\n\n  console.log(\"doc.documentElement\")\n\n  return doc.documentElement.textContent || str;\n};\n"],"version":3}

package/dist/collection/assets/svg/info-circle-svgrepo-com.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V17C11.25 17.4142 11.5858 17.75 12 17.75Z" fill="#1C274C"/>
+<path d="M12 7C12.5523 7 13 7.44772 13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7Z" fill="#1C274C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75Z" fill="#1C274C"/>
+</svg>

package/dist/collection/assets/svg/money-dollars-svgrepo-com.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12" cy="12" r="10" stroke="#000000" stroke-width="2"/>
+<path d="M15 9.94728C14.5 9.3 13.8 8.5 12 8.5C10.2 8.5 9 9.51393 9 9.94728C9 10.3806 9.06786 10.9277 10 11.5C10.7522 11.9618 12.6684 12.0439 13.5 12.5C14.679 13.1467 14.8497 13.8202 14.8497 14.0522C14.8497 14.6837 13.4175 15.4852 12 15.5C10.536 15.5153 9.5 14.7 9 14.0522" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 7V17" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -0,0 +1,32 @@
+{
+  "entries": [
+    "components/button/index.js",
+    "components/countdown-timer/countdown-timer.js",
+    "components/crm-bonus/crm-bonus.js",
+    "components/crm-bonus-form/crm-bonus-form.js",
+    "components/crm-bonus-form/subcomponents/giftback-finish/giftback-finish.js",
+    "components/crm-bonus-form/subcomponents/giftback-pin/giftback-pin.js",
+    "components/crm-bonus-form/subcomponents/giftback-progress/giftback-progress.js",
+    "components/crm-bonus-form/subcomponents/name-input/name-input.js",
+    "components/crm-bonus-form/subcomponents/phone/phone.input.js",
+    "components/crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.js",
+    "components/giftback-form/giftback-form.js",
+    "components/giftback-form/subcomponents/giftback-info/giftback-info.js",
+    "components/giftback-form/subcomponents/phone-form/phone-form.js",
+    "components/giftback-form/subcomponents/pin-form/pin-form.js",
+    "components/loading-container/loading-container.js",
+    "components/loading-spinner/loading-spinner.js",
+    "components/modal/app-modal.js",
+    "components/note/crm-bonus-note.js",
+    "components/pedido/pedido.js",
+    "components/phone/phone-input-mask.js",
+    "components/tooltip/tooltip.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.22.2",
+    "typescriptVersion": "5.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/button/crm-button.css

@@ -0,0 +1,22 @@
+input, button {
+    margin: 0;
+    padding: 10px; /* Ajuste o valor conforme necessário */
+}
+
+.crm-contaner-button {
+    height: auto;
+    width: auto;
+}
+
+.crm-button {
+    height: 48px;
+    width: 100%;
+    border: 1px solid #000;
+    padding: 14px 20px;
+    background-color: #000;
+    color: #fff;
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: 500;
+    cursor: pointer;
+}

package/dist/collection/components/button/index.js

@@ -0,0 +1,76 @@
+import { h } from "@stencil/core";
+export class Button {
+    constructor() {
+        this.txtBtn = undefined;
+        this.loading = undefined;
+        this.handleClick = undefined;
+    }
+    render() {
+        return (h("div", { key: '848df9f754a114343163eae85d34a2acb6b04863', class: "crm-contaner-button" }, h("button", { key: '517b761b39ced2615dd04fc42d5aaa98a7d749f6', class: "crm-button", onClick: () => this.handleClick() }, !this.loading ? this.txtBtn : h("loading-spinner", { size: "15px", color: "#fff" }))));
+    }
+    static get is() { return "crm-button"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["crm-button.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["crm-button.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "txtBtn": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "txt-btn",
+                "reflect": false
+            },
+            "loading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "loading",
+                "reflect": false
+            },
+            "handleClick": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,MAAM;;;;;;IAOf,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,qBAAqB;YAC5B,+DAAQ,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,IAEpD,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEzE,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n    tag: 'crm-button',\n    styleUrl: 'crm-button.css'\n})\nexport class Button {\n\n    @Prop() txtBtn: string;\n    @Prop() loading: boolean;\n\n    @Prop() handleClick: () => void;\n\n    render() {\n        return (\n            <div class=\"crm-contaner-button\">\n                <button class=\"crm-button\" onClick={() => this.handleClick()}>\n                    {\n                        !this.loading ? this.txtBtn : <loading-spinner size=\"15px\" color=\"#fff\" />\n                    }\n                </button>\n            </div>\n        )\n    }\n}"]}

package/dist/collection/components/countdown-timer/countdown-timer.js

@@ -0,0 +1,81 @@
+import { h } from "@stencil/core";
+export class CountdownTimer {
+    constructor() {
+        this.downtime = undefined;
+        this.initialValue = 0;
+        this.seconds = 0;
+    }
+    componentWillLoad() {
+        const initial = localStorage.getItem("bc:time");
+        this.seconds = initial ? Number(initial) : this.initialValue;
+        this.intervalId = setInterval(() => {
+            if (this.seconds > 0) {
+                this.seconds--;
+                localStorage.setItem("bc:time", this.seconds.toString());
+            }
+            else {
+                clearInterval(this.intervalId);
+                this.downtime();
+                localStorage.removeItem("bc:time");
+            }
+        }, 1000); // Intervalo de 1 segundo
+    }
+    disconnectedCallback() {
+        clearInterval(this.intervalId);
+    }
+    padLeft() {
+        const minutes = this.seconds / 60;
+        const seconds = this.seconds % 60;
+        if (minutes < 1)
+            return `${seconds}s`;
+        return `${parseInt(minutes.toString())}m ${seconds}s`;
+    }
+    render() {
+        return (h("label", { key: '6fe8811ce04f0f95d31404c2257124f454ab3cfa' }, this.padLeft()));
+    }
+    static get is() { return "countdown-timer"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "downtime": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => void",
+                    "resolved": "() => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "initialValue": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "initial-value",
+                "reflect": false,
+                "defaultValue": "0"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "seconds": {}
+        };
+    }
+}
+//# sourceMappingURL=countdown-timer.js.map

package/dist/collection/components/countdown-timer/countdown-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"countdown-timer.js","sourceRoot":"","sources":["../../../../src/components/countdown-timer/countdown-timer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAM1D,MAAM,OAAO,cAAc;;;4BAGQ,CAAC;uBAEL,CAAC;;IAI5B,iBAAiB;QACb,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAEhD,IAAI,CAAC,OAAO,GAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAE9D,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAC/B,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC;gBACnB,IAAI,CAAC,OAAO,EAAE,CAAC;gBAEf,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC7D,CAAC;iBAAM,CAAC;gBACJ,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAE/B,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAEhB,YAAY,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;YACvC,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,yBAAyB;IACvC,CAAC;IAED,oBAAoB;QAChB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAED,OAAO;QACH,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAElC,IAAG,OAAO,GAAG,CAAC;YAAE,OAAO,GAAG,OAAO,GAAG,CAAA;QAEpC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,OAAO,GAAG,CAAA;IACzD,CAAC;IAED,MAAM;QACF,OAAO,CACH,gEAAQ,IAAI,CAAC,OAAO,EAAE,CAAS,CAClC,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'countdown-timer',\n    shadow: true,\n})\nexport class CountdownTimer {\n\n    @Prop() downtime: () => void;\n    @Prop() initialValue: number = 0;\n\n    @State() seconds: number = 0;\n\n    private intervalId: NodeJS.Timer;\n\n    componentWillLoad() {\n        const initial = localStorage.getItem(\"bc:time\");\n\n        this.seconds =  initial ? Number(initial) : this.initialValue;\n        \n        this.intervalId = setInterval(() => {\n            if (this.seconds > 0) {\n                this.seconds--;\n\n                localStorage.setItem(\"bc:time\", this.seconds.toString());\n            } else {\n                clearInterval(this.intervalId);\n\n                this.downtime();\n\n                localStorage.removeItem(\"bc:time\");\n            }\n        }, 1000); // Intervalo de 1 segundo\n    }\n\n    disconnectedCallback() {\n        clearInterval(this.intervalId);\n    }\n\n    padLeft() {\n        const minutes = this.seconds / 60;  \n        const seconds = this.seconds % 60;\n\n        if(minutes < 1) return `${seconds}s`\n        \n        return `${parseInt(minutes.toString())}m ${seconds}s`\n    }\n\n    render() {\n        return (\n            <label>{this.padLeft()}</label>\n        );\n    }\n}\n"]}

package/dist/collection/components/crm-bonus/assets/logo.svg

@@ -0,0 +1,18 @@
+<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">
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<defs>
+<linearGradient id="paint0_linear_1629_188" x1="636.833" y1="97.8261" x2="713.46" y2="26.6582" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7A830"></stop>
+<stop offset="0.6353" stop-color="#F08336"></stop>
+<stop offset="1" stop-color="#EA5346"></stop>
+</linearGradient>
+</defs>
+</svg>

package/dist/collection/components/crm-bonus/assets/success-svgrepo-com.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 50 50" xml:space="preserve">
+<circle style="fill:#25AE88;" cx="25" cy="25" r="25"/>
+<polyline style="fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
+	38,15 22,33 12,25 "/>
+</svg>

package/dist/collection/components/crm-bonus/assets/svg/logo.svg

@@ -0,0 +1,18 @@
+<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">
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<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>
+<defs>
+<linearGradient id="paint0_linear_1629_188" x1="636.833" y1="97.8261" x2="713.46" y2="26.6582" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7A830"></stop>
+<stop offset="0.6353" stop-color="#F08336"></stop>
+<stop offset="1" stop-color="#EA5346"></stop>
+</linearGradient>
+</defs>
+</svg>

package/dist/collection/components/crm-bonus/assets/svg/success-svgrepo-com.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 50 50" xml:space="preserve">
+<circle style="fill:#25AE88;" cx="25" cy="25" r="25"/>
+<polyline style="fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="
+	38,15 22,33 12,25 "/>
+</svg>

package/dist/collection/components/crm-bonus/crm-bonus.css

@@ -0,0 +1,84 @@
+
+.container-button {
+  /* max-width: 100%; */
+  cursor: pointer;
+  padding: 5px 5px 5px 14px;
+  /* display: flex; */
+}
+
+/* padding: 0 15px 15px;
+border: 1px solid #ddd;
+margin-bottom: 20px; */
+
+.section-crm {
+  border: 1px solid #dbd4d4;
+  /* min-height: 50px; */
+  text-align: -webkit-center;
+  margin-bottom: 20px;
+}
+
+.section-cart-crm {
+  margin-top: 10px;
+}
+
+.section-cart-crm p {
+  padding: 0;
+  margin: 0px 0px 0px 15px;
+}
+
+.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;
+  margin-left: 10px;
+  height: 70px;
+}
+
+.form-container {
+  width: 97%;
+  display: flex;
+  justify-content: space-around;
+}
+
+
+.btn {
+  display: inline-block;
+  padding: 6px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 0px;
+}
+
+.form-container .btnCrm {
+  background: #00162e;
+  border-color: #00162e;
+  width: 30%;
+  color: #fff;
+}
+
+.message-alert {
+  font-family: sans-serif;
+  color: #df4d4d;
+  margin-top: 5px;
+}