@telefonica/mistica 16.5.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/text-tokens.d.ts

@@ -144,3 +144,13 @@ export declare const ratingRegularLabel: TextToken;
 export declare const ratingGoodLabel: TextToken;
 export declare const ratingVeryGoodLabel: TextToken;
 export declare const ratingQuantitativeLabel: TextToken;
+/**
+ * 1$s: segments count
+ * 2$s: total percentage value
+ */
+export declare const meterTotalLabel: TextToken;
+/**
+ * 1$s: segment number
+ * 2$s: segment percentage value
+ */
+export declare const meterSectionLabel: TextToken;

package/dist/text-tokens.js

@@ -25,7 +25,7 @@ _export(exports, {
         return B;
     },
     closeNavigationMenu: function() {
-        return D;
+        return I;
     },
     counterDecreaseLabel: function() {
         return Z;
@@ -37,10 +37,10 @@ _export(exports, {
         return J;
     },
     counterMinValue: function() {
-        return G;
+        return K;
     },
     counterQuantity: function() {
-        return K;
+        return G;
     },
     counterRemoveLabel: function() {
         return q;
@@ -61,7 +61,7 @@ _export(exports, {
         return e;
     },
     formCreditCardCvvError: function() {
-        return C;
+        return b;
     },
     formCreditCardCvvLabel: function() {
         return g;
@@ -76,7 +76,7 @@ _export(exports, {
         return h;
     },
     formCreditCardCvvTooltipVisaMcButtonOpen: function() {
-        return b;
+        return C;
     },
     formCreditCardExpirationError: function() {
         return V;
@@ -85,16 +85,16 @@ _export(exports, {
         return p;
     },
     formCreditCardNumberError: function() {
-        return L;
+        return $;
     },
     formCreditCardNumberLabel: function() {
         return m;
     },
     formDateOutOfRangeError: function() {
-        return A;
+        return L;
     },
     formEmailError: function() {
-        return S;
+        return A;
     },
     formErrorsAlertMessage: function() {
         return c;
@@ -106,25 +106,25 @@ _export(exports, {
         return l;
     },
     formIbanError: function() {
-        return M;
+        return S;
     },
     formSearchClear: function() {
         return E;
     },
     formTextMultilineMaxCount: function() {
-        return $;
+        return M;
     },
     linkOpensInCurrentPage: function() {
         return r;
     },
     linkOpensInNewTab: function() {
-        return s;
+        return o;
     },
     loading: function() {
-        return o;
+        return s;
     },
     mainNavigationBarOpenSectionMenu: function() {
-        return I;
+        return D;
     },
     mainNavigationBarSectionSeeAll: function() {
         return N;
@@ -132,6 +132,12 @@ _export(exports, {
     menuLabelSuffix: function() {
         return y;
     },
+    meterSectionLabel: function() {
+        return ve;
+    },
+    meterTotalLabel: function() {
+        return he;
+    },
     modalClose: function() {
         return a;
     },
@@ -148,10 +154,10 @@ _export(exports, {
         return w;
     },
     progressBarCompletedLabel: function() {
-        return H;
+        return z;
     },
     progressBarStepLabel: function() {
-        return z;
+        return H;
     },
     ratingBadLabel: function() {
         return me;
@@ -160,7 +166,7 @@ _export(exports, {
         return ge;
     },
     ratingQuantitativeLabel: function() {
-        return be;
+        return Ce;
     },
     ratingRegularLabel: function() {
         return pe;
@@ -169,7 +175,7 @@ _export(exports, {
         return ue;
     },
     ratingVeryGoodLabel: function() {
-        return Ce;
+        return be;
     },
     sheetConfirmButton: function() {
         return R;
@@ -199,13 +205,13 @@ _export(exports, {
         return te;
     },
     timerHoursLongLabel: function() {
-        return oe;
+        return se;
     },
     timerHoursShortLabel: function() {
         return U;
     },
     timerMinuteLongLabel: function() {
-        return se;
+        return oe;
     },
     timerMinutesLongLabel: function() {
         return re;
@@ -238,12 +244,12 @@ const e = {
     en: "Hide password",
     de: "Passwort verbergen",
     pt: "esconder a senha"
-}, o = {
+}, s = {
     es: "Cargando",
     en: "Loading",
     de: "Wird gespeichert",
     pt: "Carregando"
-}, s = {
+}, o = {
     es: "Se abre en ventana nueva",
     en: "Opens in a new window",
     de: "Wird in neuem Fenster ge\xf6ffnet",
@@ -298,12 +304,12 @@ const e = {
     en: "CVV",
     de: "CVV",
     pt: "CVV"
-}, C = {
+}, b = {
     es: "CVV incorrecto",
     en: "Incorrect CVV",
     de: "Falsche CVV",
     pt: "CVV incorreto"
-}, b = {
+}, C = {
     es: "Mostrar ayuda CVV",
     en: "Show CVV help",
     de: "CVV-Hilfe anzeigen",
@@ -328,27 +334,27 @@ const e = {
     en: "Invalid date",
     de: "Datum ung\xfcltig",
     pt: "Data inv\xe1lida"
-}, L = {
+}, $ = {
     es: "No es un n\xfamero de tarjeta v\xe1lido",
     en: "The card number is not valid",
     de: "Kartennummer ung\xfcltig",
     pt: "N\xe3o \xe9 um n\xfamero de cart\xe3o v\xe1lido"
-}, A = {
+}, L = {
     es: "Fecha no permitida",
     en: "Invalid date",
     de: "Unzul\xe4ssiges Datum",
     pt: "Data n\xe3o permitida"
-}, S = {
+}, A = {
     es: "Email incorrecto",
     en: "Invalid email",
     de: "Falsche E-Mail-Adresse",
     pt: "Email incorreto"
-}, M = {
+}, S = {
     es: "IBAN incorrecto",
     en: "Incorrect IBAN",
     de: "Falsche IBAN",
     pt: "IBAN incorreto"
-}, $ = {
+}, M = {
     es: "1$s de 2$s caracteres",
     en: "1$s of 2$s characters",
     de: "1$s von 2$s Zeichen",
@@ -373,12 +379,12 @@ const e = {
     en: "Open navigation menu",
     de: "Navigationsmen\xfc \xf6ffnen",
     pt: "Abrir menu de navega\xe7\xe3o"
-}, D = {
+}, I = {
     es: "Cerrar men\xfa de navegaci\xf3n",
     en: "Close navigation menu",
     de: "Navigationsmen\xfc schlie\xdfen",
     pt: "Fechar menu de navega\xe7\xe3o"
-}, I = {
+}, D = {
     es: "Abrir submen\xfa",
     en: "Open submenu",
     de: "Untermen\xfc \xf6ffnen",
@@ -423,12 +429,12 @@ const e = {
     en: "Continue",
     de: "Fortfahren",
     pt: "Continuar"
-}, H = {
+}, z = {
     es: "completo",
     en: "completed",
     de: "vollendet",
     pt: "conclu\xeddo"
-}, z = {
+}, H = {
     es: "Paso 1$s de 2$s",
     en: "Step 1$s of 2$s",
     de: "Schritt 1$s von 2$s",
@@ -453,12 +459,12 @@ const e = {
     en: "Decrease value",
     de: "Wert verringern",
     pt: "diminuir valor"
-}, K = {
+}, G = {
     es: "cantidad",
     en: "quantity",
     de: "menge",
     pt: "quantidade"
-}, G = {
+}, K = {
     es: "m\xednimo",
     en: "minimum of",
     de: "minimal",
@@ -508,12 +514,12 @@ const e = {
     en: "hour",
     de: "Stunde",
     pt: "hora"
-}, oe = {
+}, se = {
     es: "horas",
     en: "hours",
     de: "Stunden",
     pt: "horas"
-}, se = {
+}, oe = {
     es: "minuto",
     en: "minute",
     de: "Minute",
@@ -568,14 +574,24 @@ const e = {
     en: "good",
     de: "gut",
     pt: "bom"
-}, Ce = {
+}, be = {
     es: "muy bueno",
     en: "very good",
     de: "sehr gut",
     pt: "muito bom"
-}, be = {
+}, Ce = {
     es: "1$s de 2$s",
     en: "1$s out of 2$s",
     de: "1$s von 2$s",
     pt: "1$s de 2$s"
+}, he = {
+    es: "Indicador de progreso con 1$s secciones, total 2$s% de 100%.",
+    en: "Gauge chart 1$s segments, total 2$s% out of 100%.",
+    de: "Fortschrittsanzeige mit 1$s Abschnitten, insgesamt 2$s% von 100%.",
+    pt: "Indicador de progresso com 1$s se\xe7\xf5es, total 2$s% de 100%."
+}, ve = {
+    es: "Secci\xf3n 1$s: 2$s%",
+    en: "Segment 1$s: 2$s%",
+    de: "Abschnitt 1$s: 2$s%",
+    pt: "Se\xe7\xe3o 1$s: 2$s%"
 };