@telefonica/mistica 14.23.0 → 14.24.0

package/dist-es/header.js

@@ -91,7 +91,7 @@ import { hideOnTabletOrSmaller as R, hideOnDesktop as j, breadcrumbs as G } from
 import { getPrefixedDataAttributes as I } from "./utils/dom.js";
 import { Title2 as O, Title3 as P } from "./title.js";
 const $ = (param)=>{
-    let { pretitle: t , title: o , description: e , dataAttributes: d , small: m = !1 , preamount: s , amount: p , button: n , subtitle: i , isErrorAmount: h , secondaryButton: b  } = param;
+    let { pretitle: t , title: e , description: o , dataAttributes: d , small: m = !1 , preamount: s , amount: p , button: n , subtitle: i , isErrorAmount: h , secondaryButton: b  } = param;
     const H = S(), g = (f, v)=>{
         if (typeof f == "string") return /* @__PURE__ */ r(x, _object_spread_props(_object_spread({
             regular: !0
@@ -114,7 +114,7 @@ const $ = (param)=>{
         },
         dataAttributes: d,
         children: [
-            (o || t || e) && /* @__PURE__ */ r(u, {
+            (e || t || o) && /* @__PURE__ */ r(u, {
                 paddingRight: 16,
                 children: /* @__PURE__ */ l(a, {
                     space: 8,
@@ -122,21 +122,21 @@ const $ = (param)=>{
                         t && g(t, {
                             color: c.colors.textPrimary
                         }),
-                        m ? /* @__PURE__ */ r(O, {
+                        e && (m ? /* @__PURE__ */ r(O, {
                             as: "h2",
-                            children: o
+                            children: e
                         }) : /* @__PURE__ */ r(P, {
                             as: "h2",
-                            children: o
-                        }),
-                        e && (m ? /* @__PURE__ */ r(B, {
+                            children: e
+                        })),
+                        o && (m ? /* @__PURE__ */ r(B, {
                             regular: !0,
                             color: c.colors.textSecondary,
-                            children: e
+                            children: o
                         }) : /* @__PURE__ */ r(x, {
                             regular: !0,
                             color: c.colors.textSecondary,
-                            children: e
+                            children: o
                         }))
                     ]
                 })
@@ -166,7 +166,7 @@ const $ = (param)=>{
         ]
     });
 }, E = (param)=>/* @__PURE__ */ {
-    let { title: t , description: o , button: e  } = param;
+    let { title: t , description: e , button: o  } = param;
     return l(a, {
         space: 32,
         children: [
@@ -181,23 +181,23 @@ const $ = (param)=>{
                         "aria-level": 1,
                         children: t
                     }),
-                    o && /* @__PURE__ */ r(M, {
-                        children: o
+                    e && /* @__PURE__ */ r(M, {
+                        children: e
                     })
                 ]
             }),
-            e
+            o
         ]
     });
 }, Y = (param)=>{
-    let { isInverse: t = !0 , breadcrumbs: o , header: e , extra: d , sideBySideExtraOnDesktop: m = !1 , dataAttributes: s , bleed: p = !1 , noPaddingY: n = !1  } = param;
+    let { isInverse: t = !0 , breadcrumbs: e , header: o , extra: d , sideBySideExtraOnDesktop: m = !1 , dataAttributes: s , bleed: p = !1 , noPaddingY: n = !1  } = param;
     const i = p && t && d, h = /* @__PURE__ */ l("div", {
         children: [
-            o && /* @__PURE__ */ r("div", {
+            e && /* @__PURE__ */ r("div", {
                 className: G,
-                children: o
+                children: e
             }),
-            e
+            o
         ]
     });
     return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, I(_object_spread({
@@ -210,8 +210,8 @@ const $ = (param)=>{
                     /* @__PURE__ */ r(T, {}),
                     /* @__PURE__ */ r(u, {
                         paddingTop: n ? 0 : {
-                            mobile: e ? 32 : 0,
-                            desktop: o ? 16 : 48
+                            mobile: o ? 32 : 0,
+                            desktop: e ? 16 : 48
                         },
                         paddingBottom: {
                             mobile: n && !i ? 0 : 24,
@@ -224,14 +224,14 @@ const $ = (param)=>{
                                 className: i ? R : "",
                                 children: /* @__PURE__ */ r(u, {
                                     paddingTop: {
-                                        mobile: e ? 24 : 0,
+                                        mobile: o ? 24 : 0,
                                         desktop: 0
                                     },
                                     children: d
                                 })
                             })
                         }) : /* @__PURE__ */ l(a, {
-                            space: e ? {
+                            space: o ? {
                                 mobile: 24,
                                 desktop: 32
                             } : 0,
@@ -251,12 +251,12 @@ const $ = (param)=>{
         ]
     }));
 }, rr = (param)=>/* @__PURE__ */ {
-    let { isInverse: t = !0 , children: o , dataAttributes: e  } = param;
+    let { isInverse: t = !0 , children: e , dataAttributes: o  } = param;
     return l(k, {
         isInverse: t,
         dataAttributes: _object_spread({
             "component-name": "MainSectionHeaderLayout"
-        }, e),
+        }, o),
         children: [
             /* @__PURE__ */ r(T, {}),
             /* @__PURE__ */ r(y, {
@@ -270,7 +270,7 @@ const $ = (param)=>{
                         mobile: 24,
                         desktop: 48
                     },
-                    children: o
+                    children: e
                 }),
                 right: null
             })

package/dist-es/icons/icon-success-vivo-new.js

@@ -41,16 +41,16 @@ const d = (param)=>{
             /* @__PURE__ */ e("circle", _object_spread({
                 cx: "32",
                 cy: "32",
-                r: "25",
+                r: "31",
                 stroke: `url(#${t})`
-            }, c("25", r))),
+            }, c("31", r))),
             /* @__PURE__ */ e("polyline", _object_spread({
                 fill: "none",
                 stroke: "white",
                 strokeWidth: "1.5",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                points: "25.75,32.75 29.69,37.5 38.25,26.5"
+                points: "24,32.75 30,39 40.5,24.5"
             }, l("44", "0.4s", r, "0.5 0 0.83 0.83"))),
             /* @__PURE__ */ e("defs", {
                 children: /* @__PURE__ */ s("linearGradient", {

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
-const o = "14.23.0";
+const o = "14.24.0";
 export { o as PACKAGE_VERSION };

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 };