@telefonica/mistica 14.23.1 → 14.24.0

package/dist/sheet-root.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     SheetRoot: function() {
-        return C;
+        return M;
     },
     default: function() {
-        return B;
+        return F;
     },
     showSheet: function() {
-        return _;
+        return B;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -150,40 +150,44 @@ function _object_spread_props(target, source) {
     return target;
 }
 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",
@@ -191,26 +195,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",
@@ -218,37 +223,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
                 };
@@ -258,63 +264,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  } = (0, _hooks.useTheme)(), [e, o] = _react.useState(null), t = _react.useRef(null);
+}, M = (r)=>{
+    const { isDarkMode: c  } = (0, _hooks.useTheme)(), [e, s] = _react.useState(null), t = _react.useRef(null);
     if (_react.useEffect(()=>{
-        if (s.nativeImplementation) return l = s.nativeImplementation, ()=>{
+        if (r.nativeImplementation) return l = r.nativeImplementation, ()=>{
             l = null;
         };
     }, [
-        s.nativeImplementation
-    ]), _react.useEffect(()=>(p = (a)=>{
-            t.current = null, o(a);
+        r.nativeImplementation
+    ]), _react.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;
@@ -344,38 +350,38 @@ 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__ */ (0, _jsxruntime.jsx)(_sheet.InfoSheet, _object_spread_props(_object_spread({}, e.props), {
-                onClose: r
+                onClose: o
             }));
         case "ACTIONS_LIST":
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheet.ActionsListSheet, _object_spread_props(_object_spread({}, e.props), {
-                onClose: r,
-                onSelect: i
+                onClose: o,
+                onSelect: a
             }));
         case "RADIO_LIST":
             return /* @__PURE__ */ (0, _jsxruntime.jsx)(_sheet.RadioListSheet, _object_spread_props(_object_spread({}, e.props), {
-                items: e.props.items.map((a)=>_object_spread_props(_object_spread({}, a), {
-                        asset: a.icon && /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
+                items: e.props.items.map((i)=>_object_spread_props(_object_spread({}, i), {
+                        asset: i.icon && /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
                             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__ */ (0, _jsxruntime.jsx)(_sheet.ActionsSheet, _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;
+}, F = M;

package/dist/sheet.d.ts

@@ -14,7 +14,7 @@ declare const Sheet: React.ForwardRefExoticComponent<SheetProps & React.RefAttri
 type SheetBodyProps = {
     title?: string;
     subtitle?: string;
-    description?: string;
+    description?: string | Array<string>;
     button?: RendersNullableElement<typeof ButtonPrimary>;
     secondaryButton?: RendersNullableElement<typeof ButtonSecondary>;
     link?: RendersNullableElement<typeof ButtonLink>;
@@ -25,7 +25,7 @@ export declare const SheetBody: ({ title, subtitle, description, modalTitleId, b
 type RadioListSheetProps = {
     title?: string;
     subtitle?: string;
-    description?: string;
+    description?: string | Array<string>;
     items: Array<{
         id: string;
         title?: string;
@@ -44,7 +44,7 @@ export declare const RadioListSheet: React.ForwardRefExoticComponent<RadioListSh
 type ActionsListSheetProps = {
     title?: string;
     subtitle?: string;
-    description?: string;
+    description?: string | Array<string>;
     items: Array<{
         id: string;
         title: string;
@@ -64,7 +64,7 @@ export declare const ActionsListSheet: React.ForwardRefExoticComponent<ActionsLi
 type InfoSheetProps = {
     title?: string;
     subtitle?: string;
-    description?: string;
+    description?: string | Array<string>;
     items: Array<{
         id?: string;
         title: string;
@@ -93,7 +93,7 @@ type ButtonProps = {
 type ActionsSheetProps = {
     title?: string;
     subtitle?: string;
-    description?: string;
+    description?: string | Array<string>;
     button: ButtonProps;
     secondaryButton?: ButtonProps;
     buttonLink?: ButtonProps & {