@telefonica/mistica 14.23.1 → 14.24.1

package/dist-es/sheet-root.js

@@ -81,44 +81,48 @@ function _object_spread_props(target, source) {
 }
 import { jsx as u } from "react/jsx-runtime";
 import * as S from "react";
-import { ActionsSheet as h, RadioListSheet as w, ActionsListSheet as N, InfoSheet as y } from "./sheet.js";
+import { ActionsSheet as w, RadioListSheet as y, ActionsListSheet as N, InfoSheet as A } from "./sheet.js";
 import O from "./image.js";
-import { useTheme as A } from "./hooks.js";
+import { useTheme as m } from "./hooks.js";
 let p = null, n = null, l = null;
-const m = (param)=>{
-    let { title: s , subtitle: c , description: e , selectedId: o , items: t  } = param;
+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: s,
+        title: r,
         subtitle: c,
-        description: e,
+        // TODO: add multiline support to native sheet
+        description: d(e),
         content: [
             {
                 type: "LIST",
                 id: "list-0",
                 listType: "SINGLE_SELECTION",
                 autoSubmit: !0,
-                selectedIds: typeof o == "string" ? [
-                    o
+                selectedIds: typeof s == "string" ? [
+                    s
                 ] : [],
                 items: t
             }
         ]
     }).then((param)=>{
-        let { action: r , result: i  } = param;
-        return r === "SUBMIT" ? {
-            action: r,
-            selectedId: i[0].selectedIds[0]
+        let { action: o , result: a  } = param;
+        return o === "SUBMIT" ? {
+            action: o,
+            selectedId: a[0].selectedIds[0]
         } : {
-            action: r,
+            action: o,
             selectedId: null
         };
     });
-}, L = (param)=>{
-    let { title: s , subtitle: c , description: e , items: o  } = param;
+}, k = (param)=>{
+    let { title: r , subtitle: c , description: e , items: s  } = param;
     return l({
-        title: s,
+        title: r,
         subtitle: c,
-        description: e,
+        // TODO: add multiline support to native sheet
+        description: d(e),
         content: [
             {
                 type: "LIST",
@@ -126,26 +130,27 @@ const m = (param)=>{
                 listType: "ACTIONS",
                 autoSubmit: !0,
                 selectedIds: [],
-                items: o
+                items: s
             }
         ]
     }).then((param)=>{
-        let { action: t , result: r  } = param;
+        let { action: t , result: o  } = param;
         return t === "SUBMIT" ? {
             action: t,
-            selectedId: r[0].selectedIds[0]
+            selectedId: o[0].selectedIds[0]
         } : {
             action: t,
             selectedId: null
         };
     });
-}, k = function() {
+}, b = function() {
     var _ref = _async_to_generator(function*(param) {
-        let { title: s , subtitle: c , description: e , items: o  } = param;
+        let { title: r , subtitle: c , description: e , items: s  } = param;
         yield l({
-            title: s,
+            title: r,
             subtitle: c,
-            description: e,
+            // TODO: add multiline support to native sheet
+            description: d(e),
             content: [
                 {
                     type: "LIST",
@@ -153,37 +158,38 @@ const m = (param)=>{
                     listType: "INFORMATIVE",
                     autoSubmit: !1,
                     selectedIds: [],
-                    items: o
+                    items: s
                 }
             ]
         });
     });
-    return function k(_) {
+    return function b(_) {
         return _ref.apply(this, arguments);
     };
-}(), b = function() {
+}(), C = function() {
     var _ref = _async_to_generator(function*(param) {
-        let { title: s , subtitle: c , description: e , button: o , secondaryButton: t , link: r  } = param;
+        let { title: r , subtitle: c , description: e , button: s , secondaryButton: t , link: o  } = param;
         return l({
-            title: s,
+            title: r,
             subtitle: c,
-            description: e,
+            // TODO: add multiline support to native sheet
+            description: d(e),
             content: [
                 {
                     type: "BOTTOM_ACTIONS",
                     id: "bottom-actions-0",
-                    button: o,
+                    button: s,
                     secondaryButton: t,
-                    link: r
+                    link: o
                 }
             ]
         }).then((param)=>{
-            let { action: i , result: a  } = param;
-            if (i === "SUBMIT") {
-                const d = a.find((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 = d == null ? void 0 : d.selectedIds[0];
+                }), I = f == null ? void 0 : f.selectedIds[0];
                 if (I === "PRIMARY" || I === "SECONDARY" || I === "LINK") return {
                     action: I
                 };
@@ -193,63 +199,63 @@ const m = (param)=>{
             };
         });
     });
-    return function b(_) {
+    return function C(_) {
         return _ref.apply(this, arguments);
     };
 }();
-let f = !1;
-const _ = (s)=>{
+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 (f) return Promise.reject(new Error("Tried to show a Sheet but there is already one open"));
-        f = !0, p(s);
-        const e = new Promise((o)=>{
-            n = o;
+        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(()=>{
-            f = !1;
+            h = !1;
         }), e;
     };
     if (l) {
         let e;
-        const { type: o , props: t  } = s;
-        switch(o){
+        const { type: s , props: t  } = r;
+        switch(s){
             case "INFO":
-                e = k(t);
+                e = b(t);
                 break;
             case "ACTIONS_LIST":
-                e = L(t);
+                e = k(t);
                 break;
             case "RADIO_LIST":
-                e = m(t);
+                e = L(t);
                 break;
             case "ACTIONS":
-                e = b(t);
+                e = C(t);
                 break;
             default:
-                const r = o;
-                throw new Error(`Unknown sheet type: ${r}`);
+                const o = s;
+                throw new Error(`Unknown sheet type: ${o}`);
         }
-        return e.catch((r)=>{
-            if (r.code === "400") return c();
-            throw r;
+        return e.catch((o)=>{
+            if (o.code === "400") return c();
+            throw o;
         });
     } else return c();
-}, C = (s)=>{
-    const { isDarkMode: c  } = A(), [e, o] = S.useState(null), t = S.useRef(null);
+}, M = (r)=>{
+    const { isDarkMode: c  } = m(), [e, s] = S.useState(null), t = S.useRef(null);
     if (S.useEffect(()=>{
-        if (s.nativeImplementation) return l = s.nativeImplementation, ()=>{
+        if (r.nativeImplementation) return l = r.nativeImplementation, ()=>{
             l = null;
         };
     }, [
-        s.nativeImplementation
-    ]), S.useEffect(()=>(p = (a)=>{
-            t.current = null, o(a);
+        r.nativeImplementation
+    ]), S.useEffect(()=>(p = (i)=>{
+            t.current = null, s(i);
         }, ()=>{
             p = null;
         }), []), !e) return null;
-    const r = ()=>{
-        switch(o(null), e.type){
+    const o = ()=>{
+        switch(s(null), e.type){
             case "INFO":
                 n == null || n(void 0);
                 break;
@@ -279,39 +285,39 @@ const _ = (s)=>{
             default:
                 throw new Error(`Unknown sheet type: ${e.type}`);
         }
-    }, i = (a)=>{
-        t.current = a;
+    }, a = (i)=>{
+        t.current = i;
     };
     switch(e.type){
         case "INFO":
-            return /* @__PURE__ */ u(y, _object_spread_props(_object_spread({}, e.props), {
-                onClose: r
+            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: r,
-                onSelect: i
+                onClose: o,
+                onSelect: a
             }));
         case "RADIO_LIST":
-            return /* @__PURE__ */ u(w, _object_spread_props(_object_spread({}, e.props), {
-                items: e.props.items.map((a)=>_object_spread_props(_object_spread({}, a), {
-                        asset: a.icon && /* @__PURE__ */ u(O, {
+            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 && a.icon.urlDark ? a.icon.urlDark : a.icon.url,
-                            width: a.icon.size === "small" ? 24 : 40
+                            src: c && i.icon.urlDark ? i.icon.urlDark : i.icon.url,
+                            width: i.icon.size === "small" ? 24 : 40
                         })
                     })),
-                onClose: r,
-                onSelect: i
+                onClose: o,
+                onSelect: a
             }));
         case "ACTIONS":
-            return /* @__PURE__ */ u(h, _object_spread_props(_object_spread({}, e.props), {
+            return /* @__PURE__ */ u(w, _object_spread_props(_object_spread({}, e.props), {
                 buttonLink: e.props.link,
-                onClose: r,
-                onPressButton: i
+                onClose: o,
+                onPressButton: a
             }));
         default:
             throw new Error(`Unknown sheet type: ${e.type}`);
     }
-}, B = C;
-export { C as SheetRoot, B as default, _ as showSheet };
+}, F = M;
+export { M as SheetRoot, F as default, B as showSheet };