@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.
@@ -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 { isOldChrome as ie, isRunningAcceptanceTest as de } from "./utils/platform.js";
92
- import { Text2 as me, Text6 as le, Text3 as ue } from "./text.js";
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 pe } from "./boxed.js";
95
- import v from "./responsive-layout.js";
94
+ import { Boxed as ue } from "./boxed.js";
95
+ import F from "./responsive-layout.js";
96
96
  import b from "./stack.js";
97
- import be from "classnames";
98
- import fe from "./button-group.js";
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 he, feedbackDataAppear as ke, feedbackDataAppearActive as ge, desktopContainer as Se, desktopContent as Fe, container as ve } from "./feedback.css-mistica.js";
101
- import { jsxs as i, Fragment as Ie, jsx as e } from "./_virtual/jsx-runtime.js";
102
- const W = (r)=>!ie(r) && !de(r), j = (param)=>{
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
- }, Be = ()=>{
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: be(he, c && ke, c && a && ge),
143
+ className: pe(fe, c && he, c && a && ke),
144
144
  children: [
145
- /* @__PURE__ */ e(le, {
145
+ /* @__PURE__ */ e(me, {
146
146
  as: "h1",
147
147
  children: o
148
148
  }),
149
- d && /* @__PURE__ */ e(ue, {
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(fe, _objectSpread({}, o))
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(pe, {
171
- className: Se,
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: Fe,
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: F , 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({
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(F), Z), H = P(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(v, {
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(Ie, {
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(Be, {})
254
+ T !== O && /* @__PURE__ */ e(Ie, {})
255
255
  ]
256
- }) : /* @__PURE__ */ e(v, {
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
- }, Ge = (_param)=>{
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
- }, Me = (_param)=>/* @__PURE__ */ {
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(me, {
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
- }, Pe = (_param)=>/* @__PURE__ */ {
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
- }, Ue = (param)=>{
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(), F = M({
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(F, {
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(v, {
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 { Me as ErrorFeedbackScreen, x as FeedbackScreen, Pe as InfoFeedbackScreen, Ue as SuccessFeedback, Ge as SuccessFeedbackScreen };
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 };