@salla.sa/twilight-components 3.0.19 → 3.0.21

package/dist/components/salla-verify2.js

@@ -0,0 +1,328 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
+import { e as email } from './mail.js';
+import { d as defineCustomElement$3 } from './salla-button2.js';
+import { d as defineCustomElement$2 } from './salla-loading2.js';
+import { d as defineCustomElement$1 } from './salla-modal2.js';
+
+var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>android-phone</title>
+<path d="M22.667 0h-13.333c-2.941 0-5.333 2.392-5.333 5.333v21.333c0 2.941 2.392 5.333 5.333 5.333h13.333c2.941 0 5.333-2.392 5.333-5.333v-21.333c0-2.941-2.392-5.333-5.333-5.333zM25.333 26.667c0 1.471-1.196 2.667-2.667 2.667h-13.333c-1.471 0-2.667-1.196-2.667-2.667v-2.667h18.667zM25.333 21.333h-18.667v-16c0-1.471 1.196-2.667 2.667-2.667h13.333c1.471 0 2.667 1.196 2.667 2.667zM13.333 28h5.333c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333z"></path>
+</svg>
+`;
+
+const sallaVerifyCss = "/*!twlt*/salla-verify{display:block}.s-verify-input{}.s-verify-input::-webkit-outer-spin-button,.s-verify-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-verify-input[type=number]{-moz-appearance:textfield}.visible{visibility:visible}.block{display:block}.inline{display:inline}.hidden{display:none}.s-has-error{--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.s-has-error:focus{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.btn:hover{opacity:0.8}.has-error .s-form-label{color:#ff443a}.has-error .s-form-control,.has-error .s-tel-input-control,.has-error .s-datetime-picker-input{border-color:#ff443a;color:#ff443a}.s-has-error{--tw-border-opacity:1 !important;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;--tw-text-opacity:1 !important;color:rgb(239 68 68 / var(--tw-text-opacity, 1)) !important}.s-verify-message{text-align:center;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-verify-label{margin-bottom:1rem;display:block;text-align:center;font-size:0.875rem;line-height:1.25rem}.s-verify-codes{margin-left:-0.25rem;margin-right:-0.25rem;margin-bottom:1.25rem;display:flex;justify-content:space-between}.s-verify-codes.has-error{margin-bottom:0px}.s-verify-input{margin-left:0.25rem;margin-right:0.25rem;height:2.5rem;width:100%;border-radius:var(--s-radius, 0.25rem);border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-left:0.5rem;padding-right:0.5rem;text-align:center;font-size:1.125rem;line-height:1.75rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-verify-input:focus{border-color:var(--color-primary)}.s-verify-input:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.s-verify-footer{text-align:center}.s-verify-submit{margin-bottom:1.25rem;width:100%}.s-verify-header-icon{display:inline-flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}@media (min-width: 640px){.s-verify-header-icon{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:5rem;width:5rem}}.s-verify-header-icon:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.5rem}@media (min-width: 640px){.s-verify-header-icon:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0px}}.s-verify-header-icon:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.5rem}@media (min-width: 640px){.s-verify-header-icon:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0px}}.s-verify-resend-message{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-verify-error-message{margin-bottom:1.25rem;display:block;height:1.75rem;padding-top:0.75rem;text-align:center;font-size:0.75rem;line-height:1rem;--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.s-verify-error-message:focus{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.s-verify-error-message{--tw-border-opacity:1 !important;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;--tw-text-opacity:1 !important;color:rgb(239 68 68 / var(--tw-text-opacity, 1)) !important}.s-verify-timer{margin-left:0.25rem;margin-right:0.25rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-verify-resend{text-align:center;font-size:0.875rem;line-height:1.25rem;color:var(--color-primary)}.s-verify-back{position:absolute;left:10px;top:10px;display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-verify-back:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.s-verify-back:where([dir=\"rtl\"],[dir=\"rtl\"] *){left:unset;right:10px}.s-verify-back svg{height:18px;width:18px}[dir='ltr'] .s-verify-back{transform:scale(-1)}";
+
+const SallaVerify = /*@__PURE__*/ proxyCustomElement(class SallaVerify extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.verified = createEvent(this, "verified", 7);
+        this.translationLoaded = false;
+        /**
+         * Should render component without modal
+         */
+        this.display = 'modal';
+        /**
+         * Verifying method
+         */
+        this.type = 'mobile';
+        /**
+         * should auto reloading the page after success verification
+         */
+        this.autoReload = true;
+        /**
+         * Once the api verify success, it will be login the customer in web pages
+         */
+        this.supportWebAuth = true;
+        this.resendAfter = 30;
+        /**
+         * to use: `salla.api.auth.verify` or `salla.profile.verify`
+         */
+        this.isProfileVerify = false;
+        if (this.display == 'inline') {
+            this.modal = { open: () => '', close: () => '', setTitle: () => '' };
+            return;
+        }
+        //todo:: change this way, now we fire the event from the backend, we should listen to salla.profile.event.onUpdated
+        this.profileVerificationListener = data => {
+            let payload = Array.isArray(data) ? data[0] : data;
+            // Account-deletion OTP is owned by <salla-user-settings>; opening this modal
+            // (and auto-reloading) would break that flow. Prefer payload.request_type when
+            // present; fall back to the delete modal being open.
+            const isDeleteRequest = payload?.request_type === 'delete_account'
+                || document.getElementById('salla-user-settings-delete-modal')?.hasAttribute('visible');
+            if (isDeleteRequest) {
+                return;
+            }
+            this.isProfileVerify = true;
+            this.open(payload);
+            this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + payload.type);
+            this.modal?.setTitle(this.title);
+        };
+        this.modalClosedListener = () => {
+            this.resendAfter = 0;
+            this.timer.innerHTML = '30 : 00';
+        };
+    }
+    connectedCallback() {
+        if (this.profileVerificationListener) {
+            salla.event.on('profile::verification', this.profileVerificationListener);
+            salla.event.on('modalClosed', this.modalClosedListener);
+        }
+        this.langUnsubscribe = salla.lang.subscribe(() => {
+            this.translationLoaded = true;
+            this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + this.type);
+            this.modal?.setTitle(this.title);
+            // translationLoaded is already true on later calls, so force the render that refreshes the labels read in render()
+            forceUpdate(this);
+        });
+    }
+    disconnectedCallback() {
+        if (this.profileVerificationListener) {
+            salla.event.off('profile::verification', this.profileVerificationListener);
+            salla.event.off('modalClosed', this.modalClosedListener);
+        }
+        this.langUnsubscribe?.();
+    }
+    splitNumber(e) {
+        this.resetError();
+        let data = e.data || e.target.value; // Chrome doesn't get the e.data, it's always empty, fallback to value then.
+        if (!data)
+            return; // Shouldn't happen, just in case.
+        if (data.length === 1)
+            return; // Here is a normal behavior, not a paste action.
+        this.modifyNext(e.target, data);
+    }
+    modifyNext(el, data) {
+        el.value = data[0]; // Apply first item to first input
+        data = data.substring(1); // remove the first char.
+        if (el.nextElementSibling && data.length) {
+            // Do the same with the next element and next data
+            this.modifyNext(el.nextElementSibling, data);
+        }
+        else if (!el.nextElementSibling && data.length === 0) {
+            el.focus();
+        }
+        else if (el.nextElementSibling && data.length === 0) {
+            el.nextElementSibling.focus();
+        }
+    }
+    checkAllInputs() {
+        let allFilled = true;
+        for (let i = 0; i < this.otpInputs.length; i++) {
+            if (this.otpInputs[i].value === '') {
+                allFilled = false;
+            }
+        }
+        return allFilled;
+    }
+    handleKeyUp(ev) {
+        this.resetError();
+        if (['Alt', 'Shift', 'Control', 'AltGraph', 'Ctrl'].includes(ev.key)) {
+            return;
+        }
+        let key = ev.keyCode || ev.charCode;
+        if (ev.target.value) {
+            ev.target.nextElementSibling?.focus();
+            ev.target.nextElementSibling?.select();
+        }
+        else if ([8, 46].includes(key)) {
+            ev.target.previousElementSibling?.focus();
+            ev.target.previousElementSibling?.select();
+        }
+        // If the target is populated to quickly, value length can be > 1
+        if (ev.target.value.length > 1) {
+            this.splitNumber(ev);
+        }
+    }
+    handlePaste(ev) {
+        this.resetError();
+        const clipboardText = salla.helpers.number(ev.clipboardData.getData('text')) || '';
+        let text = clipboardText.replace(/[^0-9]/g, '');
+        text = text.substring(0, this.otpInputs.length);
+        this.otpInputs.forEach(input => input.value = '');
+        this.modifyNext(this.otpInputs[0], text);
+    }
+    handleInput(ev) {
+        this.resetError();
+        salla.helpers.inputDigitsOnly(ev.target);
+        // check if all otpInputs has values then send the request
+        if (this.checkAllInputs()) {
+            setTimeout(() => {
+                this.toggleOTPSubmit();
+            }, 100);
+        }
+    }
+    resetError() {
+        this.hasError = false;
+        this.errorMessage = '';
+    }
+    handleFocus(ev) {
+        // If the focus element is the first one, do nothing
+        if (ev.target === this.firstOtpInput)
+            return;
+        // If value of input 1 is empty, focus it.
+        if (this.firstOtpInput?.value == '') {
+            this.firstOtpInput.focus();
+        }
+        // If value of a previous input is empty, focus it.
+        // To remove if you don't wanna force user respecting the fields order.
+        if (ev.target.previousElementSibling.value == '') {
+            ev.target.previousElementSibling.focus();
+        }
+    }
+    /**
+     * Get current code
+     * @return {string}
+     */
+    async getCode() {
+        return this.code.value;
+    }
+    /**
+     * Open verifying modal
+     * @param data
+     */
+    async open(data) {
+        this.data = data;
+        this.data.type = this.data.type || this.type;
+        this.type = this.data.type;
+        this.resendTimer();
+        this.otpInputs = this.body.querySelectorAll('.s-verify-input');
+        this.firstOtpInput = this.body.querySelector('#otp-1');
+        this.reset();
+        this.resetError();
+        this.display == 'modal' && this.modal?.setTitle(this.title);
+        this.modal.open();
+        this.firstOtpInput?.addEventListener('input', e => this.splitNumber(e));
+        // focus the first input after opening the modal
+        setTimeout(() => this.otpInputs[0].focus(), 100);
+    }
+    toggleOTPSubmit() {
+        let otp = [];
+        this.otpInputs.forEach(input => input.value && otp.push(input.value));
+        this.code.value = otp.join('');
+        if (otp.length === 4) {
+            this.btn.disable();
+            this.btn.click();
+            return;
+        }
+        this.btn.enable();
+    }
+    reset() {
+        this.otpInputs.forEach((input) => input.value = '');
+        this.code.value = '';
+        this.otpInputs[0].focus();
+    }
+    resendTimer() {
+        this.resendMessage.style.display = 'block';
+        this.resend.style.display = 'none';
+        this.resendAfter = 30;
+        let timerId = setInterval(() => {
+            if (this.resendAfter <= 0) {
+                clearInterval(timerId);
+                this.resend.style.display = 'block';
+                this.resendMessage.style.display = 'none';
+            }
+            else {
+                this.timer.innerHTML = `${this.resendAfter >= 10 ? this.resendAfter : '0' + this.resendAfter} : 00`;
+                this.resendAfter--;
+            }
+        }, 1000);
+    }
+    resendCode() {
+        return this.btn.stop()
+            .then(() => this.btn.disable())
+            .then(() => {
+            this.otpInputs.forEach(input => input.value = '');
+            this.otpInputs[0].focus();
+        })
+            .then(() => this.resendHandler ? this.resendHandler(this.data) : salla.api.auth.resend(this.data))
+            .finally(() => this.resendTimer());
+    }
+    submit() {
+        //if code not 4 digits, focus on the after filled input,
+        if (this.code.value.length < 4) {
+            this.otpInputs[this.code.value.length].focus();
+            salla.log('Trying to submit without 4 digits!');
+            return;
+        }
+        let data = { code: this.code.value, ...this.data };
+        return this.btn.load()
+            .then(() => this.btn.disable())
+            .then(() => this.verifyHandler ? this.verifyHandler(data) : this.isProfileVerify ? salla.profile.verify(data) : salla.auth.verify(data, this.supportWebAuth))
+            .then(response => this.verified.emit(response))
+            .then(() => this.btn.stop() && this.btn.disable())
+            .then(() => this.modal.close())
+            .then(() => this.autoReload && window.location.reload())
+            .catch((error) => {
+            this.hasError = true;
+            this.errorMessage = error.response?.data?.error?.message || salla.lang.get('common.errors.error_occurred');
+            if (!error.response) {
+                console.log('Unexpected error', error);
+            }
+            else {
+                salla.logger.error(error);
+            }
+            this.btn.stop() && this.btn.enable() && this.reset();
+        });
+    }
+    render() {
+        return this.display == 'inline' ? h(Host, null, this.myBody()) :
+            h("salla-modal", { width: "xs", class: "s-verify", ref: modal => this.modal = modal, "modal-title": this.title }, h("span", { slot: 'icon', class: "s-verify-header-icon", innerHTML: this.type == "mobile" ? AndroidPhoneIcon : email }), this.myBody());
+    }
+    myBody() {
+        return (h("div", { class: "s-verify-body", ref: body => this.body = body }, h("div", { class: "s-verify-message", innerHTML: salla.lang.get('pages.profile.verify_message') }), h("slot", { name: "mobile" }), h("slot", { name: "email" }), h("input", { type: "hidden", name: "code", maxlength: "4", required: true, ref: code => this.code = code }), h("div", { class: { "s-verify-codes": true, "has-error": this.hasError }, dir: "ltr" }, [1, 2, 3, 4].map((i) => h("input", { type: "number", autocomplete: "one-time-code", pattern: "[0-9]*", inputmode: "numeric", maxlength: "1", value: "", id: `otp-${i}`, class: { "s-verify-input": true, "s-has-error": this.hasError }, onInput: e => this.handleInput(e), onPaste: e => this.handlePaste(e), onKeyUp: e => this.handleKeyUp(e), onFocus: e => this.handleFocus(e), required: true }))), this.hasError && this.errorMessage ? h("span", { class: "s-verify-error-message" }, this.errorMessage) : '', h("div", { slot: "footer", class: "s-verify-footer" }, h("salla-button", { class: "s-verify-submit", "loader-position": 'center', disabled: true, onClick: () => this.submit(), ref: b => this.btn = b }, salla.lang.get('pages.profile.verify')), h("p", { class: "s-verify-resend-message", ref: el => this.resendMessage = el }, salla.lang.get('blocks.header.resend_after'), h("b", { class: "s-verify-timer", ref: el => this.timer = el })), h("a", { href: "#", class: "s-verify-resend", onClick: () => this.resendCode(), ref: el => this.resend = el }, salla.lang.get('blocks.comments.submit'))), h("slot", { name: "after-footer" })));
+    }
+    get host() { return this; }
+    static get style() { return sallaVerifyCss; }
+}, [4, "salla-verify", {
+        "display": [1],
+        "type": [1025],
+        "autoReload": [4, "auto-reload"],
+        "supportWebAuth": [4, "support-web-auth"],
+        "verifyHandler": [16, "verify-handler"],
+        "resendHandler": [16, "resend-handler"],
+        "translationLoaded": [32],
+        "title": [32],
+        "resendAfter": [32],
+        "hasError": [32],
+        "errorMessage": [32],
+        "isProfileVerify": [32],
+        "getCode": [64],
+        "open": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-verify", "salla-button", "salla-loading", "salla-modal"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-verify":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaVerify);
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "salla-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SallaVerify as S, defineCustomElement as d };

package/dist/components/salla-wishlist-actions.js

@@ -320,7 +320,7 @@ const SallaWishlistActions$1 = /*@__PURE__*/ proxyCustomElement(class SallaWishl
         }
     }
     render() {
-        return (h(Host, { key: '6329ecd00f2d08cd0fc485c371e98fe7984502d0' }, h("div", { key: '6e24cd1109ae290196337fe3e1e05cfd074966a9', class: "s-wishlist-actions" }, h("div", { key: '82c29d5b203368059c7883272c36576b19bdfd2d', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: '3f85ad6a6e72308b71d506d2fc8687672b00ea7a', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: '56c109a338bc9fa06aebdadb041b6587440fa71a', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: 'f0cf0dc66dd8ce00ac878481bbf21662d1853eba', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: '3b97ef84df832a0bc1198319cc63b753da915b37', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'e8c626812dad32a5fc3165b58ce76a5c39586f09', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, h("svg", { key: '731093a2d4393fe53d63e96ecc48fcb4c4a360d2', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'af87c9481389b4b1e544e0ab2eac43db6c164aac', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (h("ul", { key: '62ce5ade389fb563d2548fd94939f697dbc03d8a', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: '7cb443687290ce4c7144b71140b68c020bb52dd4' }, h("button", { key: 'd55410bb2f164d267a9c21af2648fbef3fdc1928', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: 'f921f5241b0e7b7ebb228049f84dfe3996081d92' }, h("button", { key: 'dbc903542086266571c21ada73d54dab62f5a3e2', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '0e3aec575c1b4aa4cdd5bb2c61f3cc3e90687f23', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: 'bafce0670b980b583398b3d1a997020298e35bed', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: '216cd3409541b0f93b26e2f2bfe256a36d0ff37b', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, h("label", { key: '4bf9a1cc508bfc87c229f69a7134bdefae0f9535', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: 'fbc39c6513eec5f4b1f281046b509c642ddce3db', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), h("span", { key: '02ba3b818ecb802d8976734738c8042163b6cdae', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: '447df46aa76c1ecb165b7680465ff6c6dfcc967d', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: '36a6360b83dd07d20ca7763e2f12dc93f169c645', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '3aa46bcd91bf605f7715fcaa5692e4ca0e8f199e', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
+        return (h(Host, { key: 'ed2bb2b4e6db13b5dc2a8ceb47d0abb4b91da7ea' }, h("div", { key: '9a368503611af6ccce78d35b76ec17bd3ddd296b', class: "s-wishlist-actions" }, h("div", { key: 'a9dc9b280bd46673892d6c72ffc535eb443beb0f', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: '90d6ea21a46becdeffca1a9b722a3a20eb3ed341', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: '9edc9eeea5282fc61d48fce5b29ed095793265cf', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: 'a5a30a3676d304614ec2e8b14172694d00f2e28c', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: '6842723fa0aa1f12fba6b91ddc6095a1e8da20af', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'c7aa82770d3ce0a04240ee4ab44b8a4f0cf2d8b3', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, h("svg", { key: '08c44a8306ba2b183aa0549fac2da24c64f3b285', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: '216163cc1b84ceb0b9035c23ef002b80c69ab9bf', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (h("ul", { key: '57f73a8af50dc9280efde259d639bf3d41434fed', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: 'd3b5fc449eef1b2af914dcae0dea0b67af599b84' }, h("button", { key: 'e3689eb4db62ff5ee42122819faa28500c555479', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: 'ad40221d90b2ca52ad9544e8d19324ef8af812c4' }, h("button", { key: '9fde093db8640855d4871972b02e3282e9aed6ad', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '91287b112e76c9039170ebe54fcbfe7bfcb2dfb1', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: 'e97a4249a046a17d65f214e5c2ecbca2ff21358c', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: '50ba30cc24e590986b6031a373f9334e3d8c97a7', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, h("label", { key: '5dbb40eed9828355189d6242131dd07343d19603', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: '5bb2571ed6e9d074739fe130d3b3b3bbe77a2393', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), h("span", { key: '60853767d68f23affc964822e41f19fb93b2f380', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: '5d4cab056b372ff6c2d9de0dfa32e1f1870b536a', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: '2ef6d0388714b348ce2e039662c704d0ea9c3afa', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '0077c263a4eea12fc0b2b1316d4195916d771417', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
     }
     get host() { return this; }
     static get style() { return sallaWishlistActionsCss; }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-11-02T03:54:55",
+  "timestamp": "2026-11-02T09:05:30",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.1",
@@ -3235,6 +3235,7 @@
         "salla-loyalty-points-history",
         "salla-loyalty-program",
         "salla-map",
+        "salla-mobile-update-modal",
         "salla-modal",
         "salla-multiple-bundle-product-cart",
         "salla-multiple-bundle-product-options-modal",
@@ -3337,6 +3338,9 @@
         "salla-map": [
           "salla-button"
         ],
+        "salla-mobile-update-modal": [
+          "salla-button"
+        ],
         "salla-modal": [
           "salla-button"
         ],
@@ -14841,6 +14845,89 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "src/components/salla-mobile-update-modal/salla-mobile-update-modal.tsx",
+      "encapsulation": "none",
+      "tag": "salla-mobile-update-modal",
+      "readme": "# salla-mobile-update-modal\n\n\n",
+      "docs": "Makes a customer flagged as a duplicate confirm the current mobile number or replace it, verified by a code.\nOpened by `salla.mobileUpdate`, which mounts it on any theme when the order submit is blocked.",
+      "docsTags": [],
+      "usage": {},
+      "props": [],
+      "methods": [
+        {
+          "name": "open",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(data?: { options?: string[]; }) => Promise<void>",
+            "parameters": [
+              {
+                "name": "data",
+                "type": "{ options?: string[]; }",
+                "docs": "`options` is the list the backend returned: `new_number`, and `same_number` for an unresolved duplicate"
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "Mode": {
+                "location": "global",
+                "id": "global::Mode"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "open(data?: { options?: string[]; }) => Promise<void>",
+          "parameters": [
+            {
+              "name": "data",
+              "type": "{ options?: string[]; }",
+              "docs": "`options` is the list the backend returned: `new_number`, and `same_number` for an unresolved duplicate"
+            }
+          ],
+          "docs": "Open the popup",
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "data `options` is the list the backend returned: `new_number`, and `same_number` for an unresolved duplicate"
+            }
+          ]
+        }
+      ],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "salla-button",
+        "salla-tel-input",
+        "salla-verify",
+        "salla-modal"
+      ],
+      "dependencyGraph": {
+        "salla-mobile-update-modal": [
+          "salla-button",
+          "salla-tel-input",
+          "salla-verify",
+          "salla-modal"
+        ],
+        "salla-verify": [
+          "salla-modal",
+          "salla-button"
+        ],
+        "salla-modal": [
+          "salla-loading",
+          "salla-button"
+        ]
+      }
+    },
     {
       "filePath": "src/components/salla-modal/salla-modal.tsx",
       "encapsulation": "none",
@@ -15523,6 +15610,7 @@
         "salla-loyalty-point",
         "salla-loyalty-program",
         "salla-map",
+        "salla-mobile-update-modal",
         "salla-multiple-bundle-product-options-modal",
         "salla-offer-modal",
         "salla-order-cancel",
@@ -15591,6 +15679,9 @@
         "salla-map": [
           "salla-modal"
         ],
+        "salla-mobile-update-modal": [
+          "salla-modal"
+        ],
         "salla-multiple-bundle-product-options-modal": [
           "salla-modal"
         ],
@@ -29556,6 +29647,7 @@
       "parts": [],
       "dependents": [
         "salla-gifting",
+        "salla-mobile-update-modal",
         "salla-product-availability",
         "salla-quick-order",
         "salla-user-profile"
@@ -29565,6 +29657,9 @@
         "salla-gifting": [
           "salla-tel-input"
         ],
+        "salla-mobile-update-modal": [
+          "salla-tel-input"
+        ],
         "salla-product-availability": [
           "salla-tel-input"
         ],
@@ -30478,6 +30573,34 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "resendHandler",
+          "type": "(data: any) => Promise<any>",
+          "complexType": {
+            "original": "(data: any) => Promise<any>",
+            "resolved": "(data: any) => Promise<any>",
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "resend-handler",
+          "reflectToAttr": false,
+          "docs": "Replaces the resend request, for flows with their own endpoint. Receives the data passed to `open()`",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(data: any) => Promise<any>"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "supportWebAuth",
           "type": "boolean",
@@ -30540,6 +30663,34 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "verifyHandler",
+          "type": "(data: any) => Promise<any>",
+          "complexType": {
+            "original": "(data: any) => Promise<any>",
+            "resolved": "(data: any) => Promise<any>",
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "verify-handler",
+          "reflectToAttr": false,
+          "docs": "Replaces the verify request, for flows with their own endpoint. Receives `{code, ...data}`",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(data: any) => Promise<any>"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [
@@ -30644,7 +30795,9 @@
         }
       ],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "salla-mobile-update-modal"
+      ],
       "dependencies": [
         "salla-modal",
         "salla-button"
@@ -30657,6 +30810,9 @@
         "salla-modal": [
           "salla-loading",
           "salla-button"
+        ],
+        "salla-mobile-update-modal": [
+          "salla-verify"
         ]
       }
     },

package/dist/esm/{Helper-I0CAizv1.js → Helper-DZKYnNWb.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import './index-C9zdeQFI.js';
+import './index-C9GauqTa.js';
 
 var FilterOptionTypes;
 (function (FilterOptionTypes) {