@telefonica/mistica 14.1.0 → 14.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/mistica.css +1 -1
- package/dist/dialog.js +17 -17
- package/dist/feedback.js +15 -15
- package/dist/generated/mistica-icons/icon-meatball-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-meatball-filled.js +108 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -0
- package/dist/package-version.js +1 -1
- package/dist/select.js +53 -51
- package/dist/skins/movistar.d.ts +1 -1
- package/dist/skins/movistar.js +10 -10
- package/dist/utils/animation.js +12 -12
- package/dist/utils/platform.d.ts +0 -1
- package/dist/utils/platform.js +8 -12
- package/dist-es/dialog.js +32 -32
- package/dist-es/feedback.js +32 -32
- package/dist-es/generated/mistica-icons/icon-meatball-filled.js +101 -0
- package/dist-es/index.js +675 -674
- package/dist-es/package-version.js +1 -1
- package/dist-es/select.js +87 -85
- package/dist-es/skins/movistar.js +10 -10
- package/dist-es/style.css +1 -1
- package/dist-es/utils/animation.js +10 -10
- package/dist-es/utils/platform.js +4 -7
- package/package.json +1 -1
package/dist-es/feedback.js
CHANGED
|
@@ -88,21 +88,21 @@ import z from "./icons/icon-success-vivo.js";
|
|
|
88
88
|
import ne from "./icons/icon-error.js";
|
|
89
89
|
import ce from "./icons/icon-info.js";
|
|
90
90
|
import { isWebViewBridgeAvailable as se, requestVibration as ae } from "@tef-novum/webview-bridge";
|
|
91
|
-
import {
|
|
92
|
-
import { Text2 as
|
|
91
|
+
import { isRunningAcceptanceTest as ie } from "./utils/platform.js";
|
|
92
|
+
import { Text2 as de, Text6 as me, Text3 as le } from "./text.js";
|
|
93
93
|
import A from "./box.js";
|
|
94
|
-
import { Boxed as
|
|
95
|
-
import
|
|
94
|
+
import { Boxed as ue } from "./boxed.js";
|
|
95
|
+
import F from "./responsive-layout.js";
|
|
96
96
|
import b from "./stack.js";
|
|
97
|
-
import
|
|
98
|
-
import
|
|
97
|
+
import pe from "classnames";
|
|
98
|
+
import be from "./button-group.js";
|
|
99
99
|
import { vars as s } from "./skins/skin-contract.css-mistica.js";
|
|
100
|
-
import { innerContainer as R, feedbackData as
|
|
101
|
-
import { jsxs as i, Fragment as
|
|
102
|
-
const W = (r)=>!ie(r)
|
|
100
|
+
import { innerContainer as R, feedbackData as fe, feedbackDataAppear as he, feedbackDataAppearActive as ke, desktopContainer as ge, desktopContent as Se, container as ve } from "./feedback.css-mistica.js";
|
|
101
|
+
import { jsxs as i, Fragment as Fe, jsx as e } from "./_virtual/jsx-runtime.js";
|
|
102
|
+
const W = (r)=>!ie(r), j = (param)=>{
|
|
103
103
|
let { primaryButton: r , secondaryButton: o } = param;
|
|
104
104
|
return !!r || !!o;
|
|
105
|
-
},
|
|
105
|
+
}, Ie = ()=>{
|
|
106
106
|
const o = `body {background:${q() ? s.colors.backgroundBrand : s.colors.background}}`;
|
|
107
107
|
return /* @__PURE__ */ e("style", {
|
|
108
108
|
children: o
|
|
@@ -140,13 +140,13 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
140
140
|
r,
|
|
141
141
|
/* @__PURE__ */ i(b, {
|
|
142
142
|
space: 16,
|
|
143
|
-
className:
|
|
143
|
+
className: pe(fe, c && he, c && a && ke),
|
|
144
144
|
children: [
|
|
145
|
-
/* @__PURE__ */ e(
|
|
145
|
+
/* @__PURE__ */ e(me, {
|
|
146
146
|
as: "h1",
|
|
147
147
|
children: o
|
|
148
148
|
}),
|
|
149
|
-
d && /* @__PURE__ */ e(
|
|
149
|
+
d && /* @__PURE__ */ e(le, {
|
|
150
150
|
regular: !0,
|
|
151
151
|
color: s.colors.textSecondary,
|
|
152
152
|
children: d
|
|
@@ -162,18 +162,18 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
162
162
|
space: 24,
|
|
163
163
|
children: [
|
|
164
164
|
r,
|
|
165
|
-
t && /* @__PURE__ */ e(
|
|
165
|
+
t && /* @__PURE__ */ e(be, _objectSpread({}, o))
|
|
166
166
|
]
|
|
167
167
|
});
|
|
168
168
|
}, U = (param)=>/* @__PURE__ */ {
|
|
169
169
|
let { isInverse: r , inlineFeedbackBody: o , imageFit: t , imageUrl: n , dataAttributes: c } = param;
|
|
170
|
-
return i(
|
|
171
|
-
className:
|
|
170
|
+
return i(ue, {
|
|
171
|
+
className: ge,
|
|
172
172
|
isInverse: r,
|
|
173
173
|
dataAttributes: c,
|
|
174
174
|
children: [
|
|
175
175
|
/* @__PURE__ */ e("div", {
|
|
176
|
-
className:
|
|
176
|
+
className: Se,
|
|
177
177
|
children: /* @__PURE__ */ e(A, {
|
|
178
178
|
padding: 64,
|
|
179
179
|
children: o
|
|
@@ -194,7 +194,7 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
194
194
|
}, x = (param)=>{
|
|
195
195
|
let { title: r , description: o , children: t , primaryButton: n , secondaryButton: c , link: a , hapticFeedback: d , icon: u , animateText: m = !1 , unstable_inlineInDesktop: h , imageUrl: k , imageFit: g , dataAttributes: S } = param;
|
|
196
196
|
K(d);
|
|
197
|
-
const l = q(), { platformOverrides:
|
|
197
|
+
const l = q(), { platformOverrides: v , isDarkMode: p , skinName: T } = I(), J = oe(), { isTabletOrSmaller: y } = B(), [Q, X] = f.useState(typeof self < "u"), [C, Y] = f.useState(0), N = Q ? "100vh" : `${J - C}px`, V = j({
|
|
198
198
|
primaryButton: n,
|
|
199
199
|
secondaryButton: c,
|
|
200
200
|
link: a
|
|
@@ -207,7 +207,7 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
207
207
|
title: r,
|
|
208
208
|
description: o,
|
|
209
209
|
children: t
|
|
210
|
-
}, m && W(
|
|
210
|
+
}, m && W(v), Z), H = P(w, {
|
|
211
211
|
primaryButton: n,
|
|
212
212
|
secondaryButton: c,
|
|
213
213
|
link: a
|
|
@@ -215,14 +215,14 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
215
215
|
if (!y && h) return H;
|
|
216
216
|
const ee = /* @__PURE__ */ e("div", {
|
|
217
217
|
className: ve,
|
|
218
|
-
children: /* @__PURE__ */ e(
|
|
218
|
+
children: /* @__PURE__ */ e(F, {
|
|
219
219
|
children: /* @__PURE__ */ e("div", {
|
|
220
220
|
className: R,
|
|
221
221
|
children: w
|
|
222
222
|
})
|
|
223
223
|
})
|
|
224
224
|
});
|
|
225
|
-
return y ? /* @__PURE__ */ i(
|
|
225
|
+
return y ? /* @__PURE__ */ i(Fe, {
|
|
226
226
|
children: [
|
|
227
227
|
l && /* @__PURE__ */ e(E, {}),
|
|
228
228
|
/* @__PURE__ */ e("div", {
|
|
@@ -251,9 +251,9 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
251
251
|
background: l ? s.colors.backgroundBrand : s.colors.background
|
|
252
252
|
}
|
|
253
253
|
}),
|
|
254
|
-
T !== O && /* @__PURE__ */ e(
|
|
254
|
+
T !== O && /* @__PURE__ */ e(Ie, {})
|
|
255
255
|
]
|
|
256
|
-
}) : /* @__PURE__ */ e(
|
|
256
|
+
}) : /* @__PURE__ */ e(F, {
|
|
257
257
|
children: /* @__PURE__ */ e(A, {
|
|
258
258
|
paddingTop: 64,
|
|
259
259
|
children: U({
|
|
@@ -265,7 +265,7 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
265
265
|
})
|
|
266
266
|
})
|
|
267
267
|
});
|
|
268
|
-
},
|
|
268
|
+
}, Ke = (_param)=>{
|
|
269
269
|
var { dataAttributes: r } = _param, o = _objectWithoutProperties(_param, [
|
|
270
270
|
"dataAttributes"
|
|
271
271
|
]);
|
|
@@ -283,7 +283,7 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
283
283
|
}, r)
|
|
284
284
|
}))
|
|
285
285
|
});
|
|
286
|
-
},
|
|
286
|
+
}, Ge = (_param)=>/* @__PURE__ */ {
|
|
287
287
|
var { children: r , errorReference: o , dataAttributes: t } = _param, n = _objectWithoutProperties(_param, [
|
|
288
288
|
"children",
|
|
289
289
|
"errorReference",
|
|
@@ -298,14 +298,14 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
298
298
|
}, t),
|
|
299
299
|
children: [
|
|
300
300
|
r,
|
|
301
|
-
o && /* @__PURE__ */ e(
|
|
301
|
+
o && /* @__PURE__ */ e(de, {
|
|
302
302
|
color: s.colors.textSecondary,
|
|
303
303
|
regular: !0,
|
|
304
304
|
children: o
|
|
305
305
|
})
|
|
306
306
|
]
|
|
307
307
|
}));
|
|
308
|
-
},
|
|
308
|
+
}, Me = (_param)=>/* @__PURE__ */ {
|
|
309
309
|
var { dataAttributes: r } = _param, o = _objectWithoutProperties(_param, [
|
|
310
310
|
"dataAttributes"
|
|
311
311
|
]);
|
|
@@ -315,20 +315,20 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
315
315
|
}, r),
|
|
316
316
|
icon: /* @__PURE__ */ e(ce, {})
|
|
317
317
|
}, o));
|
|
318
|
-
},
|
|
318
|
+
}, Pe = (param)=>{
|
|
319
319
|
let { title: r , description: o , children: t , primaryButton: n , secondaryButton: c , link: a , imageUrl: d , imageFit: u , dataAttributes: m } = param;
|
|
320
320
|
K("success");
|
|
321
|
-
const { isTabletOrSmaller: h } = B(), { skinName: k , platformOverrides: g } = I(), S = G(),
|
|
321
|
+
const { isTabletOrSmaller: h } = B(), { skinName: k , platformOverrides: g } = I(), S = G(), v = M({
|
|
322
322
|
icon: k === L ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(_, {}),
|
|
323
323
|
title: r,
|
|
324
324
|
description: o,
|
|
325
325
|
children: t
|
|
326
|
-
}, W(g), S), p = P(
|
|
326
|
+
}, W(g), S), p = P(v, {
|
|
327
327
|
primaryButton: n,
|
|
328
328
|
secondaryButton: c,
|
|
329
329
|
link: a
|
|
330
330
|
});
|
|
331
|
-
return h ? /* @__PURE__ */ i(
|
|
331
|
+
return h ? /* @__PURE__ */ i(F, {
|
|
332
332
|
isInverse: !0,
|
|
333
333
|
children: [
|
|
334
334
|
/* @__PURE__ */ e(E, {}),
|
|
@@ -353,4 +353,4 @@ const W = (r)=>!ie(r) && !de(r), j = (param)=>{
|
|
|
353
353
|
}, m)
|
|
354
354
|
});
|
|
355
355
|
};
|
|
356
|
-
export {
|
|
356
|
+
export { Ge as ErrorFeedbackScreen, x as FeedbackScreen, Me as InfoFeedbackScreen, Pe as SuccessFeedback, Ke as SuccessFeedbackScreen };
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
function _defineProperty(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _objectSpread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_defineProperty(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
function ownKeys(object, enumerableOnly) {
|
|
30
|
+
var keys = Object.keys(object);
|
|
31
|
+
if (Object.getOwnPropertySymbols) {
|
|
32
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
33
|
+
if (enumerableOnly) {
|
|
34
|
+
symbols = symbols.filter(function(sym) {
|
|
35
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
keys.push.apply(keys, symbols);
|
|
39
|
+
}
|
|
40
|
+
return keys;
|
|
41
|
+
}
|
|
42
|
+
function _objectSpreadProps(target, source) {
|
|
43
|
+
source = source != null ? source : {};
|
|
44
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
45
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
46
|
+
} else {
|
|
47
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
48
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
return target;
|
|
52
|
+
}
|
|
53
|
+
function _objectWithoutProperties(source, excluded) {
|
|
54
|
+
if (source == null) return {};
|
|
55
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
56
|
+
var key, i;
|
|
57
|
+
if (Object.getOwnPropertySymbols) {
|
|
58
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
59
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
60
|
+
key = sourceSymbolKeys[i];
|
|
61
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
62
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
63
|
+
target[key] = source[key];
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
return target;
|
|
67
|
+
}
|
|
68
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
69
|
+
if (source == null) return {};
|
|
70
|
+
var target = {};
|
|
71
|
+
var sourceKeys = Object.keys(source);
|
|
72
|
+
var key, i;
|
|
73
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
74
|
+
key = sourceKeys[i];
|
|
75
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
76
|
+
target[key] = source[key];
|
|
77
|
+
}
|
|
78
|
+
return target;
|
|
79
|
+
}
|
|
80
|
+
import { useIsInverseVariant as l } from "../../theme-variant-context.js";
|
|
81
|
+
import { vars as t } from "../../skins/skin-contract.css-mistica.js";
|
|
82
|
+
import { jsx as s } from "../../_virtual/jsx-runtime.js";
|
|
83
|
+
const f = (_param)=>{
|
|
84
|
+
var { color: e , size: r = 24 } = _param, i = _objectWithoutProperties(_param, [
|
|
85
|
+
"color",
|
|
86
|
+
"size"
|
|
87
|
+
]);
|
|
88
|
+
const n = l(), o = e != null ? e : n ? t.colors.inverse : t.colors.neutralHigh;
|
|
89
|
+
return /* @__PURE__ */ s("svg", _objectSpreadProps(_objectSpread({
|
|
90
|
+
width: r,
|
|
91
|
+
height: r,
|
|
92
|
+
viewBox: "0 0 24 24",
|
|
93
|
+
role: "presentation"
|
|
94
|
+
}, i), {
|
|
95
|
+
children: /* @__PURE__ */ s("path", {
|
|
96
|
+
fill: o,
|
|
97
|
+
d: "M16.745 12.314c0-1.277 1.1-2.314 2.459-2.314 1.36 0 2.456 1.037 2.456 2.314 0 1.277-1.1 2.312-2.459 2.312-1.36 0-2.456-1.035-2.456-2.312zm-7.374 0c0-1.277 1.1-2.314 2.459-2.314 1.36 0 2.459 1.035 2.459 2.314 0 1.277-1.1 2.312-2.459 2.312-1.36 0-2.459-1.035-2.459-2.312zM4.456 10C3.1 10 2 11.037 2 12.314c0 1.277 1.097 2.312 2.456 2.312 1.36 0 2.459-1.035 2.459-2.312 0-1.28-1.102-2.314-2.459-2.314z"
|
|
98
|
+
})
|
|
99
|
+
}));
|
|
100
|
+
};
|
|
101
|
+
export { f as default };
|