@telefonica/mistica 16.0.0 → 16.1.1

package/dist-es/sheet-radio-list.js

@@ -0,0 +1,88 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { jsx as t } from "react/jsx-runtime";
+import * as s from "react";
+import w, { SheetBody as y } from "./sheet-common.js";
+import { useScreenSize as C, useTheme as I } from "./hooks.js";
+import v from "./negative-box.js";
+import { ButtonPrimary as P } from "./button.js";
+import { RadioGroup as j } from "./radio-button.js";
+import { RowList as k, Row as z } from "./list.js";
+import { sheetConfirmButton as A } from "./text-tokens.js";
+const D = /*#__PURE__*/ s.forwardRef((param, l)=>{
+    let { title: f, subtitle: h, description: p, items: u, selectedId: c, onClose: R, onSelect: r, button: i, dataAttributes: B } = param;
+    const [o, x] = s.useState(c), a = s.useRef(!1), { isDesktopOrBigger: m } = C(), { texts: g, t: L } = I();
+    return /* @__PURE__ */ t(w, {
+        onClose: R,
+        ref: l,
+        dataAttributes: _object_spread({
+            "component-name": "RadioListSheet"
+        }, B),
+        children: (param)=>{
+            let { closeModal: d, modalTitleId: n } = param;
+            return /* @__PURE__ */ t(y, {
+                title: f,
+                subtitle: h,
+                description: p,
+                modalTitleId: n,
+                button: m ? /* @__PURE__ */ t(P, {
+                    onPress: ()=>{
+                        a.current && (r == null || r(o || "")), d();
+                    },
+                    children: (i == null ? void 0 : i.text) || g.sheetConfirmButton || L(A)
+                }) : void 0,
+                children: /* @__PURE__ */ t(v, {
+                    children: /* @__PURE__ */ t(j, {
+                        "aria-labelledby": n,
+                        name: "sheetselection",
+                        value: o,
+                        onChange: (e)=>{
+                            x(e), a.current = !0, !m && (r == null || r(e), setTimeout(()=>{
+                                d();
+                            }, 200));
+                        },
+                        children: /* @__PURE__ */ t(k, {
+                            children: u.map((e)=>/* @__PURE__ */ {
+                                var _e_title;
+                                return t(z, {
+                                    title: (_e_title = e.title) !== null && _e_title !== void 0 ? _e_title : "",
+                                    description: e.description,
+                                    asset: e.asset,
+                                    radioValue: e.id
+                                }, e.id);
+                            })
+                        })
+                    })
+                })
+            });
+        }
+    });
+}), q = D;
+export { q as default };

package/dist-es/sheet-root.js

@@ -1,324 +1,55 @@
 "use client";
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-import { jsx as u } from "react/jsx-runtime";
-import * as S from "react";
-import { ActionsSheet as w, RadioListSheet as y, ActionsListSheet as N, InfoSheet as A } from "./sheet.js";
-import O from "./image.js";
-import { useTheme as m } from "./hooks.js";
-let p = null, n = null, l = null;
-const d = (r)=>Array.isArray(r) ? r.length ? r.join(`
-
-`) : void 0 : r, L = (param)=>{
-    let { title: r, subtitle: c, description: e, selectedId: s, items: t } = param;
-    return l({
-        title: r,
-        subtitle: c,
-        // TODO: add multiline support to native sheet
-        description: d(e),
-        content: [
-            {
-                type: "LIST",
-                id: "list-0",
-                listType: "SINGLE_SELECTION",
-                autoSubmit: !0,
-                selectedIds: typeof s == "string" ? [
-                    s
-                ] : [],
-                items: t
-            }
-        ]
-    }).then((param)=>{
-        let { action: o, result: a } = param;
-        return o === "SUBMIT" ? {
-            action: o,
-            selectedId: a[0].selectedIds[0]
-        } : {
-            action: o,
-            selectedId: null
-        };
-    });
-}, k = (param)=>{
-    let { title: r, subtitle: c, description: e, items: s } = param;
-    return l({
-        title: r,
-        subtitle: c,
-        // TODO: add multiline support to native sheet
-        description: d(e),
-        content: [
-            {
-                type: "LIST",
-                id: "list-0",
-                listType: "ACTIONS",
-                autoSubmit: !0,
-                selectedIds: [],
-                items: s
-            }
-        ]
-    }).then((param)=>{
-        let { action: t, result: o } = param;
-        return t === "SUBMIT" ? {
-            action: t,
-            selectedId: o[0].selectedIds[0]
-        } : {
-            action: t,
-            selectedId: null
-        };
-    });
-}, b = function() {
-    var _ref = _async_to_generator(function*(param) {
-        let { title: r, subtitle: c, description: e, items: s } = param;
-        yield l({
-            title: r,
-            subtitle: c,
-            // TODO: add multiline support to native sheet
-            description: d(e),
-            content: [
-                {
-                    type: "LIST",
-                    id: "list-0",
-                    listType: "INFORMATIVE",
-                    autoSubmit: !1,
-                    selectedIds: [],
-                    items: s
-                }
-            ]
-        });
-    });
-    return function b(_) {
-        return _ref.apply(this, arguments);
-    };
-}(), C = function() {
-    var _ref = _async_to_generator(function*(param) {
-        let { title: r, subtitle: c, description: e, button: s, secondaryButton: t, link: o } = param;
-        return l({
-            title: r,
-            subtitle: c,
-            // TODO: add multiline support to native sheet
-            description: d(e),
-            content: [
-                {
-                    type: "BOTTOM_ACTIONS",
-                    id: "bottom-actions-0",
-                    button: s,
-                    secondaryButton: t,
-                    link: o
-                }
-            ]
-        }).then((param)=>{
-            let { action: a, result: i } = param;
-            if (a === "SUBMIT") {
-                const f = i.find((param)=>{
-                    let { id: T } = param;
-                    return T === "bottom-actions-0";
-                }), I = f == null ? void 0 : f.selectedIds[0];
-                if (I === "PRIMARY" || I === "SECONDARY" || I === "LINK") return {
-                    action: I
-                };
-            }
-            return {
-                action: "DISMISS"
-            };
-        });
-    });
-    return function C(_) {
-        return _ref.apply(this, arguments);
-    };
-}();
-let h = !1;
-const B = (r)=>{
-    const c = ()=>{
-        if (!p) return Promise.reject(new Error("Tried to show a Sheet but the SheetRoot component was not mounted"));
-        if (h) return Promise.reject(new Error("Tried to show a Sheet but there is already one open"));
-        h = !0, p(r);
-        const e = new Promise((s)=>{
-            n = s;
-        });
-        return e.finally(()=>{
-            h = !1;
-        }), e;
+import { jsxs as m, Fragment as c, jsx as a } from "react/jsx-runtime";
+import * as r from "react";
+const h = /*#__PURE__*/ r.lazy(()=>import(/* webpackChunkName: "sheet-web" */ "./sheet-web.js"));
+let i = null, s = null, l = null, u = !1;
+const p = (t)=>{
+    const o = ()=>{
+        if (!s) return Promise.reject(new Error("Tried to show a Sheet but the SheetRoot component was not mounted"));
+        if (u) return Promise.reject(new Error("Tried to show a Sheet but there is already one open"));
+        u = !0, s(t);
+        const n = new Promise((e)=>{
+            l = e;
+        });
+        return n.finally(()=>{
+            u = !1;
+        }), n;
     };
-    if (l) {
-        let e;
-        const { type: s, props: t } = r;
-        switch(s){
-            case "INFO":
-                e = b(t);
-                break;
-            case "ACTIONS_LIST":
-                e = k(t);
-                break;
-            case "RADIO_LIST":
-                e = L(t);
-                break;
-            case "ACTIONS":
-                e = C(t);
-                break;
-            default:
-                const o = s;
-                throw new Error(`Unknown sheet type: ${o}`);
-        }
-        return e.catch((o)=>{
-            if (o.code === "400") return c();
-            throw o;
-        });
-    } else return c();
-}, M = (r)=>{
-    const { isDarkMode: c } = m(), [e, s] = S.useState(null), t = S.useRef(null);
-    if (S.useEffect(()=>{
-        if (r.nativeImplementation) return l = r.nativeImplementation, ()=>{
-            l = null;
+    if (i) {
+        const n = i;
+        return import(/* webpackChunkName: "sheet-native" */ "./sheet-native.js").then((param)=>{
+            let { showNativeSheet: e } = param;
+            return e(n, t);
+        }).catch((e)=>{
+            if (e.code === "400") return o();
+            throw e;
+        });
+    } else return o();
+}, f = (t)=>{
+    const [o, n] = r.useState(null);
+    return r.useEffect(()=>{
+        if (t.nativeImplementation) return i = t.nativeImplementation, ()=>{
+            i = null;
         };
     }, [
-        r.nativeImplementation
-    ]), S.useEffect(()=>(p = (i)=>{
-            t.current = null, s(i);
+        t.nativeImplementation
+    ]), r.useEffect(()=>(s = (e)=>{
+            n(e);
         }, ()=>{
-            p = null;
-        }), []), !e) return null;
-    const o = ()=>{
-        switch(s(null), e.type){
-            case "INFO":
-                n == null || n(void 0);
-                break;
-            case "ACTIONS_LIST":
-                t.current ? n == null || n({
-                    action: "SUBMIT",
-                    selectedId: t.current
-                }) : n == null || n({
-                    action: "DISMISS"
-                });
-                break;
-            case "RADIO_LIST":
-                t.current ? n == null || n({
-                    action: "SUBMIT",
-                    selectedId: t.current
-                }) : n == null || n({
-                    action: "DISMISS"
-                });
-                break;
-            case "ACTIONS":
-                t.current === "PRIMARY" || t.current === "SECONDARY" || t.current === "LINK" ? n == null || n({
-                    action: t.current
-                }) : n == null || n({
-                    action: "DISMISS"
-                });
-                break;
-            default:
-                throw new Error(`Unknown sheet type: ${e.type}`);
-        }
-    }, a = (i)=>{
-        t.current = i;
-    };
-    switch(e.type){
-        case "INFO":
-            return /* @__PURE__ */ u(A, _object_spread_props(_object_spread({}, e.props), {
-                onClose: o
-            }));
-        case "ACTIONS_LIST":
-            return /* @__PURE__ */ u(N, _object_spread_props(_object_spread({}, e.props), {
-                onClose: o,
-                onSelect: a
-            }));
-        case "RADIO_LIST":
-            return /* @__PURE__ */ u(y, _object_spread_props(_object_spread({}, e.props), {
-                items: e.props.items.map((i)=>_object_spread_props(_object_spread({}, i), {
-                        asset: i.icon && /* @__PURE__ */ u(O, {
-                            circular: !0,
-                            src: c && i.icon.urlDark ? i.icon.urlDark : i.icon.url,
-                            width: i.icon.size === "small" ? 24 : 40
-                        })
-                    })),
-                onClose: o,
-                onSelect: a
-            }));
-        case "ACTIONS":
-            return /* @__PURE__ */ u(w, _object_spread_props(_object_spread({}, e.props), {
-                buttonLink: e.props.link,
-                onClose: o,
-                onPressButton: a
-            }));
-        default:
-            throw new Error(`Unknown sheet type: ${e.type}`);
-    }
-}, F = M;
-export { M as SheetRoot, F as default, B as showSheet };
+            s = null;
+        }), []), /* @__PURE__ */ m(c, {
+        children: [
+            t.children,
+            o && /* @__PURE__ */ a(r.Suspense, {
+                fallback: null,
+                children: /* @__PURE__ */ a(h, {
+                    sheetProps: o,
+                    onResolve: (e)=>{
+                        n(null), l == null || l(e);
+                    }
+                })
+            })
+        ]
+    });
+}, d = f;
+export { f as SheetRoot, d as default, p as showSheet };

package/dist-es/sheet-web.js

@@ -0,0 +1,128 @@
+"use client";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsx as c } from "react/jsx-runtime";
+import * as o from "react";
+import { useTheme as l } from "./hooks.js";
+import u from "./image.js";
+const S = /*#__PURE__*/ o.lazy(()=>import(/* webpackChunkName: "sheet-actions" */ "./sheet-actions.js")), I = /*#__PURE__*/ o.lazy(()=>import(/* webpackChunkName: "sheet-info" */ "./sheet-info.js")), p = /*#__PURE__*/ o.lazy(()=>import(/* webpackChunkName: "sheet-action-list" */ "./sheet-actions-list.js")), d = /*#__PURE__*/ o.lazy(()=>import(/* webpackChunkName: "sheet-radio-list" */ "./sheet-radio-list.js")), w = (param)=>{
+    let { sheetProps: t, onResolve: e } = param;
+    const { isDarkMode: s } = l(), r = o.useRef(null), i = (n)=>{
+        r.current = n;
+    }, a = ()=>{
+        if (!e) throw new Error("onResolve handler is not set");
+        switch(t.type){
+            case "INFO":
+                e(void 0);
+                break;
+            case "ACTIONS_LIST":
+                r.current ? e({
+                    action: "SUBMIT",
+                    selectedId: r.current
+                }) : e({
+                    action: "DISMISS"
+                });
+                break;
+            case "RADIO_LIST":
+                r.current ? e({
+                    action: "SUBMIT",
+                    selectedId: r.current
+                }) : e({
+                    action: "DISMISS"
+                });
+                break;
+            case "ACTIONS":
+                r.current === "PRIMARY" || r.current === "SECONDARY" || r.current === "LINK" ? e({
+                    action: r.current
+                }) : e({
+                    action: "DISMISS"
+                });
+                break;
+            default:
+                throw new Error(`Unknown sheet type: ${t.type}`);
+        }
+        r.current = null;
+    };
+    switch(t.type){
+        case "INFO":
+            return /* @__PURE__ */ c(I, _object_spread_props(_object_spread({}, t.props), {
+                onClose: a
+            }));
+        case "ACTIONS_LIST":
+            return /* @__PURE__ */ c(p, _object_spread_props(_object_spread({}, t.props), {
+                onClose: a,
+                onSelect: i
+            }));
+        case "RADIO_LIST":
+            return /* @__PURE__ */ c(d, _object_spread_props(_object_spread({}, t.props), {
+                items: t.props.items.map((n)=>_object_spread_props(_object_spread({}, n), {
+                        asset: n.icon && /* @__PURE__ */ c(u, {
+                            circular: !0,
+                            src: s && n.icon.urlDark ? n.icon.urlDark : n.icon.url,
+                            width: n.icon.size === "small" ? 24 : 40
+                        })
+                    })),
+                onClose: a,
+                onSelect: i
+            }));
+        case "ACTIONS":
+            return /* @__PURE__ */ c(S, _object_spread_props(_object_spread({}, t.props), {
+                buttonLink: t.props.link,
+                onClose: a,
+                onPressButton: i
+            }));
+        default:
+            throw new Error(`Unknown sheet type: ${t.type}`);
+    }
+};
+export { w as default };