@telefonica/mistica 16.4.0 → 16.6.0

package/dist/sheet-native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "showNativeSheet", {
     enumerable: true,
     get: function() {
-        return h;
+        return p;
     }
 });
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -39,13 +39,13 @@ function _async_to_generator(fn) {
 }
 const I = (e)=>Array.isArray(e) ? e.length ? e.join(`
 
-`) : void 0 : e, a = (e, param)=>{
-    let { title: r, subtitle: t, description: n, selectedId: s, items: o } = param;
+`) : void 0 : e, l = (e, param)=>{
+    let { title: i, subtitle: t, description: r, selectedId: s, items: n } = param;
     return e({
-        title: r,
+        title: i,
         subtitle: t,
         // TODO: add multiline support to native sheet
-        description: I(n),
+        description: I(r),
         content: [
             {
                 type: "LIST",
@@ -55,26 +55,26 @@ const I = (e)=>Array.isArray(e) ? e.length ? e.join(`
                 selectedIds: typeof s == "string" ? [
                     s
                 ] : [],
-                items: o
+                items: n
             }
         ]
     }).then((param)=>{
-        let { action: i, result: d } = param;
-        return i === "SUBMIT" ? {
-            action: i,
+        let { action: o, result: d } = param;
+        return o === "SUBMIT" ? {
+            action: o,
             selectedId: d[0].selectedIds[0]
         } : {
-            action: i,
+            action: o,
             selectedId: null
         };
     });
 }, T = (e, param)=>{
-    let { title: r, subtitle: t, description: n, items: s } = param;
+    let { title: i, subtitle: t, description: r, items: s } = param;
     return e({
-        title: r,
+        title: i,
         subtitle: t,
         // TODO: add multiline support to native sheet
-        description: I(n),
+        description: I(r),
         content: [
             {
                 type: "LIST",
@@ -86,61 +86,72 @@ const I = (e)=>Array.isArray(e) ? e.length ? e.join(`
             }
         ]
     }).then((param)=>{
-        let { action: o, result: i } = param;
-        return o === "SUBMIT" ? {
-            action: o,
-            selectedId: i[0].selectedIds[0]
+        let { action: n, result: o } = param;
+        return n === "SUBMIT" ? {
+            action: n,
+            selectedId: o[0].selectedIds[0]
         } : {
-            action: o,
+            action: n,
             selectedId: null
         };
     });
 }, N = function() {
     var _ref = _async_to_generator(function*(e, param) {
-        let { title: r, subtitle: t, description: n, items: s } = param;
-        yield e({
-            title: r,
+        let { title: i, subtitle: t, description: r, items: s, button: n } = param;
+        const o = {
+            type: "LIST",
+            id: "list-0",
+            listType: "INFORMATIVE",
+            autoSubmit: !1,
+            selectedIds: [],
+            items: s
+        };
+        return yield e({
+            title: i,
             subtitle: t,
             // TODO: add multiline support to native sheet
-            description: I(n),
-            content: [
+            description: I(r),
+            content: n ? [
+                o,
                 {
-                    type: "LIST",
-                    id: "list-0",
-                    listType: "INFORMATIVE",
-                    autoSubmit: !1,
-                    selectedIds: [],
-                    items: s
+                    type: "BOTTOM_ACTIONS",
+                    id: "bottom-actions-0",
+                    button: n
                 }
+            ] : [
+                o
             ]
-        });
+        }).then(()=>({
+                // this is an informative sheet, it can only be dismissed
+                action: "DISMISS"
+            }));
     });
     return function N(e, _) {
         return _ref.apply(this, arguments);
     };
-}(), p = (e, param)=>{
-    let { title: r, subtitle: t, description: n, button: s, secondaryButton: o, link: i } = param;
+}(), h = (e, param)=>{
+    let { title: i, subtitle: t, description: r, button: s, secondaryButton: n, link: o } = param;
     return e({
-        title: r,
+        title: i,
         subtitle: t,
         // TODO: add multiline support to native sheet
-        description: I(n),
+        description: I(r),
         content: [
             {
                 type: "BOTTOM_ACTIONS",
                 id: "bottom-actions-0",
                 button: s,
-                secondaryButton: o,
-                link: i
+                secondaryButton: n,
+                link: o
             }
         ]
     }).then((param)=>{
-        let { action: d, result: l } = param;
+        let { action: d, result: u } = param;
         if (d === "SUBMIT") {
-            const u = l.find((param)=>{
-                let { id: S } = param;
-                return S === "bottom-actions-0";
-            }), c = u == null ? void 0 : u.selectedIds[0];
+            const S = u.find((param)=>{
+                let { id: a } = param;
+                return a === "bottom-actions-0";
+            }), c = S == null ? void 0 : S.selectedIds[0];
             if (c === "PRIMARY" || c === "SECONDARY" || c === "LINK") return {
                 action: c
             };
@@ -149,10 +160,10 @@ const I = (e)=>Array.isArray(e) ? e.length ? e.join(`
             action: "DISMISS"
         };
     });
-}, h = (e, r)=>{
+}, p = (e, i)=>{
     let t;
-    const { type: n, props: s } = r;
-    switch(n){
+    const { type: r, props: s } = i;
+    switch(r){
         case "INFO":
             t = N(e, s);
             break;
@@ -160,14 +171,14 @@ const I = (e)=>Array.isArray(e) ? e.length ? e.join(`
             t = T(e, s);
             break;
         case "RADIO_LIST":
-            t = a(e, s);
+            t = l(e, s);
             break;
         case "ACTIONS":
-            t = p(e, s);
+            t = h(e, s);
             break;
         default:
-            const o = n;
-            throw new Error(`Unknown sheet type: ${o}`);
+            const n = r;
+            throw new Error(`Unknown sheet type: ${n}`);
     }
     return t;
 };

package/dist/sheet-types.d.ts

@@ -44,6 +44,9 @@ export type SheetPropsByType = {
             description?: string;
             icon: InfoIcon;
         }>;
+        button?: {
+            text: string;
+        };
     }>;
     ACTIONS: SheetProps<{
         button: {
@@ -72,7 +75,9 @@ export type SheetResultByType = {
     } | {
         action: 'DISMISS';
     };
-    INFO: void;
+    INFO: {
+        action: 'DISMISS';
+    };
     ACTIONS: {
         action: 'PRIMARY' | 'SECONDARY' | 'LINK' | 'DISMISS';
     };

package/dist/sheet-web.js

@@ -111,7 +111,7 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const S = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "sheet-actions" */ "./sheet-actions.js")))), I = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "sheet-info" */ "./sheet-info.js")))), p = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "sheet-action-list" */ "./sheet-actions-list.js")))), d = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "sheet-radio-list" */ "./sheet-radio-list.js")))), w = (param)=>{
+const u = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "sheet-actions" */ "./sheet-actions.js")))), I = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "sheet-info" */ "./sheet-info.js")))), p = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "sheet-action-list" */ "./sheet-actions-list.js")))), f = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "sheet-radio-list" */ "./sheet-radio-list.js")))), w = (param)=>{
     let { sheetProps: t, onResolve: e } = param;
     const { isDarkMode: s } = (0, _hooks.useTheme)(), r = _react.useRef(null), i = (n)=>{
         r.current = n;
@@ -119,7 +119,9 @@ const S = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
         if (!e) throw new Error("onResolve handler is not set");
         switch(t.type){
             case "INFO":
-                e(void 0);
+                e({
+                    action: "DISMISS"
+                });
                 break;
             case "ACTIONS_LIST":
                 r.current ? e({
@@ -160,7 +162,7 @@ const S = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
                 onSelect: i
             }));
         case "RADIO_LIST":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(d, _object_spread_props(_object_spread({}, t.props), {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(f, _object_spread_props(_object_spread({}, t.props), {
                 items: t.props.items.map((n)=>_object_spread_props(_object_spread({}, n), {
                         asset: n.icon && /* @__PURE__ */ (0, _jsxruntime.jsx)(_image.default, {
                             circular: !0,
@@ -172,7 +174,7 @@ const S = /*#__PURE__*/ _react.lazy(()=>Promise.resolve().then(()=>/*#__PURE__*/
                 onSelect: i
             }));
         case "ACTIONS":
-            return /* @__PURE__ */ (0, _jsxruntime.jsx)(S, _object_spread_props(_object_spread({}, t.props), {
+            return /* @__PURE__ */ (0, _jsxruntime.jsx)(u, _object_spread_props(_object_spread({}, t.props), {
                 buttonLink: t.props.link,
                 onClose: a,
                 onPressButton: i

package/dist/skins/blau.js

@@ -340,154 +340,154 @@ const e = {
             mediaSmall: "8px"
         },
         textPresets: {
+            button: {
+                weight: "medium"
+            },
             cardTitle: {
                 weight: "regular"
             },
-            button: {
+            indicator: {
                 weight: "medium"
             },
-            tabsLabel: {
-                weight: "medium",
-                size: {
-                    mobile: 16,
-                    desktop: 18
-                },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 24
-                }
-            },
             link: {
                 weight: "medium"
             },
-            title1: {
+            navigationBar: {
                 weight: "medium"
             },
-            title2: {
-                weight: "light"
-            },
-            title3: {
-                weight: "light",
+            tabsLabel: {
+                lineHeight: {
+                    desktop: 24,
+                    mobile: 24
+                },
                 size: {
-                    mobile: 20,
-                    desktop: 28
+                    desktop: 18,
+                    mobile: 16
                 },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 32
-                }
-            },
-            indicator: {
-                weight: "medium"
-            },
-            navigationBar: {
                 weight: "medium"
             },
             text1: {
-                size: {
-                    mobile: 12,
-                    desktop: 14
-                },
                 lineHeight: {
-                    mobile: 16,
-                    desktop: 20
+                    desktop: 20,
+                    mobile: 16
+                },
+                size: {
+                    desktop: 14,
+                    mobile: 12
                 }
             },
             text2: {
-                size: {
-                    mobile: 14,
-                    desktop: 16
-                },
                 lineHeight: {
-                    mobile: 20,
-                    desktop: 24
+                    desktop: 24,
+                    mobile: 20
+                },
+                size: {
+                    desktop: 16,
+                    mobile: 14
                 }
             },
             text3: {
-                size: {
-                    mobile: 16,
-                    desktop: 18
-                },
                 lineHeight: {
-                    mobile: 24,
-                    desktop: 24
+                    desktop: 24,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 18,
+                    mobile: 16
                 }
             },
             text4: {
-                size: {
-                    mobile: 18,
-                    desktop: 20
-                },
                 lineHeight: {
-                    mobile: 24,
-                    desktop: 28
+                    desktop: 28,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 20,
+                    mobile: 18
                 }
             },
             text5: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 32,
+                    mobile: 24
+                },
                 size: {
-                    mobile: 20,
-                    desktop: 28
+                    desktop: 28,
+                    mobile: 20
                 },
-                lineHeight: {
-                    mobile: 24,
-                    desktop: 32
-                }
+                weight: "light"
             },
             text6: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 40,
+                    mobile: 32
+                },
                 size: {
-                    mobile: 24,
-                    desktop: 32
+                    desktop: 32,
+                    mobile: 24
                 },
-                lineHeight: {
-                    mobile: 32,
-                    desktop: 40
-                }
+                weight: "light"
             },
             text7: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 48,
+                    mobile: 32
+                },
                 size: {
-                    mobile: 28,
-                    desktop: 40
+                    desktop: 40,
+                    mobile: 28
                 },
-                lineHeight: {
-                    mobile: 32,
-                    desktop: 48
-                }
+                weight: "light"
             },
             text8: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 56,
+                    mobile: 40
+                },
                 size: {
-                    mobile: 32,
-                    desktop: 48
+                    desktop: 48,
+                    mobile: 32
                 },
-                lineHeight: {
-                    mobile: 40,
-                    desktop: 56
-                }
+                weight: "light"
             },
             text9: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 64,
+                    mobile: 48
+                },
                 size: {
-                    mobile: 40,
-                    desktop: 56
+                    desktop: 56,
+                    mobile: 40
                 },
-                lineHeight: {
-                    mobile: 48,
-                    desktop: 64
-                }
+                weight: "light"
             },
             text10: {
-                weight: "light",
+                lineHeight: {
+                    desktop: 72,
+                    mobile: 56
+                },
                 size: {
-                    mobile: 48,
-                    desktop: 64
+                    desktop: 64,
+                    mobile: 48
                 },
+                weight: "light"
+            },
+            title1: {
+                weight: "medium"
+            },
+            title2: {
+                weight: "light"
+            },
+            title3: {
                 lineHeight: {
-                    mobile: 56,
-                    desktop: 72
-                }
+                    desktop: 32,
+                    mobile: 24
+                },
+                size: {
+                    desktop: 28,
+                    mobile: 20
+                },
+                weight: "light"
             }
         }
     });