@telefonica/mistica 14.42.1 → 14.44.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/accordion.d.ts +0 -2
- package/dist/carousel.d.ts +5 -5
- package/dist/carousel.js +169 -153
- package/dist/cvv-field.js +85 -40
- package/dist/feedback.js +36 -36
- package/dist/index.d.ts +7 -3
- package/dist/index.js +17 -1
- package/dist/logo.d.ts +1 -0
- package/dist/logo.js +110 -68
- package/dist/package-version.js +1 -1
- package/dist/popover.css-mistica.js +4 -43
- package/dist/popover.css.d.ts +1 -12
- package/dist/popover.d.ts +6 -2
- package/dist/popover.js +71 -226
- package/dist/select.js +176 -172
- package/dist/skins/constants.d.ts +1 -0
- package/dist/skins/constants.js +4 -1
- package/dist/skins/tu.d.ts +47 -0
- package/dist/skins/tu.js +362 -0
- package/dist/skins/types/index.d.ts +1 -1
- package/dist/skins/utils.js +7 -4
- package/dist/theme.d.ts +2 -1
- package/dist/theme.js +17 -13
- package/dist/tooltip.css-mistica.js +15 -6
- package/dist/tooltip.css.d.ts +3 -0
- package/dist/tooltip.d.ts +15 -1
- package/dist/tooltip.js +213 -140
- package/dist-es/carousel.js +193 -176
- package/dist-es/cvv-field.js +73 -69
- package/dist-es/feedback.js +58 -58
- package/dist-es/index.js +1744 -1743
- package/dist-es/logo.js +128 -89
- package/dist-es/package-version.js +1 -1
- package/dist-es/popover.css-mistica.js +2 -3
- package/dist-es/popover.js +75 -191
- package/dist-es/select.js +182 -178
- package/dist-es/skins/constants.js +2 -2
- package/dist-es/skins/tu.js +345 -0
- package/dist-es/skins/utils.js +21 -18
- package/dist-es/style.css +1 -1
- package/dist-es/theme.js +16 -12
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/tooltip.js +234 -169
- package/package.json +4 -4
package/dist/cvv-field.js
CHANGED
|
@@ -6,14 +6,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "default", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function() {
|
|
9
|
-
return
|
|
9
|
+
return gr;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
const _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
13
14
|
const _hooks = require("./hooks.js");
|
|
14
15
|
const _iconcvvvisamc = /*#__PURE__*/ _interop_require_default(require("./icons/icon-cvv-visa-mc.js"));
|
|
15
16
|
const _iconcvvamex = /*#__PURE__*/ _interop_require_default(require("./icons/icon-cvv-amex.js"));
|
|
16
|
-
const
|
|
17
|
+
const _popover = /*#__PURE__*/ _interop_require_default(require("./popover.js"));
|
|
17
18
|
const _iconbutton = /*#__PURE__*/ _interop_require_default(require("./icon-button.js"));
|
|
18
19
|
const _iconinformationregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-information-regular.js"));
|
|
19
20
|
const _formcontext = require("./form-context.js");
|
|
@@ -32,6 +33,47 @@ function _interop_require_default(obj) {
|
|
|
32
33
|
default: obj
|
|
33
34
|
};
|
|
34
35
|
}
|
|
36
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
37
|
+
if (typeof WeakMap !== "function") return null;
|
|
38
|
+
var cacheBabelInterop = new WeakMap();
|
|
39
|
+
var cacheNodeInterop = new WeakMap();
|
|
40
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
41
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
42
|
+
})(nodeInterop);
|
|
43
|
+
}
|
|
44
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
45
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
46
|
+
return obj;
|
|
47
|
+
}
|
|
48
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
49
|
+
return {
|
|
50
|
+
default: obj
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
54
|
+
if (cache && cache.has(obj)) {
|
|
55
|
+
return cache.get(obj);
|
|
56
|
+
}
|
|
57
|
+
var newObj = {
|
|
58
|
+
__proto__: null
|
|
59
|
+
};
|
|
60
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
61
|
+
for(var key in obj){
|
|
62
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
63
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
64
|
+
if (desc && (desc.get || desc.set)) {
|
|
65
|
+
Object.defineProperty(newObj, key, desc);
|
|
66
|
+
} else {
|
|
67
|
+
newObj[key] = obj[key];
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
newObj.default = obj;
|
|
72
|
+
if (cache) {
|
|
73
|
+
cache.set(obj, newObj);
|
|
74
|
+
}
|
|
75
|
+
return newObj;
|
|
76
|
+
}
|
|
35
77
|
function _define_property(obj, key, value) {
|
|
36
78
|
if (key in obj) {
|
|
37
79
|
Object.defineProperty(obj, key, {
|
|
@@ -111,8 +153,8 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
111
153
|
}
|
|
112
154
|
return target;
|
|
113
155
|
}
|
|
114
|
-
const
|
|
115
|
-
let { acceptedCards:
|
|
156
|
+
const Z = (param)=>{
|
|
157
|
+
let { acceptedCards: e } = param;
|
|
116
158
|
const { texts: i } = (0, _hooks.useTheme)();
|
|
117
159
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
118
160
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
|
|
@@ -134,7 +176,7 @@ const X = (param)=>{
|
|
|
134
176
|
]
|
|
135
177
|
}),
|
|
136
178
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {}),
|
|
137
|
-
(
|
|
179
|
+
(e == null ? void 0 : e.americanExpress) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
|
|
138
180
|
space: 16,
|
|
139
181
|
alignItems: "center",
|
|
140
182
|
children: [
|
|
@@ -151,12 +193,12 @@ const X = (param)=>{
|
|
|
151
193
|
})
|
|
152
194
|
})
|
|
153
195
|
});
|
|
154
|
-
},
|
|
155
|
-
var { disabled:
|
|
196
|
+
}, _ = (_param)=>{
|
|
197
|
+
var { disabled: e, error: i, helperText: z, name: m, optional: u, validate: c, onChange: B, onChangeValue: M, onBlur: V, acceptedCards: y = {
|
|
156
198
|
americanExpress: !0,
|
|
157
199
|
visa: !0,
|
|
158
200
|
masterCard: !0
|
|
159
|
-
}, maxLength:
|
|
201
|
+
}, maxLength: l = 4, value: E, autoComplete: $ = "cc-csc", defaultValue: j, dataAttributes: A } = _param, S = _object_without_properties(_param, [
|
|
160
202
|
"disabled",
|
|
161
203
|
"error",
|
|
162
204
|
"helperText",
|
|
@@ -173,42 +215,44 @@ const X = (param)=>{
|
|
|
173
215
|
"defaultValue",
|
|
174
216
|
"dataAttributes"
|
|
175
217
|
]);
|
|
176
|
-
const { texts:
|
|
218
|
+
const { texts: n } = (0, _hooks.useTheme)(), { setFormError: O, jumpToNext: R } = (0, _formcontext.useForm)(), [p, d] = _react.useState(!1), v = (o, s)=>o ? o.length !== l ? n.formCreditCardCvvError : c == null ? void 0 : c(o, s) : u ? "" : n.formFieldErrorIsMandatory, C = (o)=>o, g = (0, _formcontext.useFieldProps)({
|
|
177
219
|
name: m,
|
|
178
220
|
value: E,
|
|
179
|
-
defaultValue:
|
|
180
|
-
processValue:
|
|
181
|
-
helperText:
|
|
182
|
-
optional:
|
|
221
|
+
defaultValue: j,
|
|
222
|
+
processValue: C,
|
|
223
|
+
helperText: z,
|
|
224
|
+
optional: u,
|
|
183
225
|
error: i,
|
|
184
|
-
disabled:
|
|
185
|
-
onBlur:
|
|
186
|
-
validate:
|
|
187
|
-
onChange:
|
|
188
|
-
onChangeValue:
|
|
189
|
-
}),
|
|
190
|
-
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({},
|
|
191
|
-
maxLength:
|
|
226
|
+
disabled: e,
|
|
227
|
+
onBlur: V,
|
|
228
|
+
validate: v,
|
|
229
|
+
onChange: B,
|
|
230
|
+
onChangeValue: M
|
|
231
|
+
}), t = (0, _css.pxToRem)(16);
|
|
232
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, S, g), {
|
|
233
|
+
maxLength: l,
|
|
192
234
|
onChange: (o)=>{
|
|
193
|
-
|
|
194
|
-
const
|
|
195
|
-
if (
|
|
196
|
-
const
|
|
197
|
-
|
|
235
|
+
g.onChange(o);
|
|
236
|
+
const s = o.currentTarget.value, h = C(s);
|
|
237
|
+
if (h.length === l) {
|
|
238
|
+
const I = v(h, s);
|
|
239
|
+
I ? O({
|
|
198
240
|
name: m,
|
|
199
|
-
error:
|
|
200
|
-
}) :
|
|
241
|
+
error: I
|
|
242
|
+
}) : R(m);
|
|
201
243
|
}
|
|
202
244
|
},
|
|
203
|
-
endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
245
|
+
endIcon: /* @__PURE__ */ (0, _jsxruntime.jsx)(_popover.default, {
|
|
204
246
|
position: "top",
|
|
205
|
-
|
|
206
|
-
|
|
247
|
+
open: p,
|
|
248
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(Z, {
|
|
249
|
+
acceptedCards: y
|
|
207
250
|
}),
|
|
251
|
+
onClose: ()=>d(!1),
|
|
208
252
|
target: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
209
253
|
style: {
|
|
210
|
-
width:
|
|
211
|
-
height:
|
|
254
|
+
width: t,
|
|
255
|
+
height: t
|
|
212
256
|
},
|
|
213
257
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.default, {
|
|
214
258
|
size: _textfieldbasecssmistica.iconButtonSize,
|
|
@@ -217,21 +261,22 @@ const X = (param)=>{
|
|
|
217
261
|
alignItems: "center",
|
|
218
262
|
justifyContent: "center",
|
|
219
263
|
position: "relative",
|
|
220
|
-
left: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${
|
|
221
|
-
top: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${
|
|
264
|
+
left: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${t}) / 2)`,
|
|
265
|
+
top: `calc(-1 * (${_textfieldbasecssmistica.iconButtonSize} - ${t}) / 2)`
|
|
222
266
|
},
|
|
223
|
-
|
|
267
|
+
onPress: ()=>d(!p),
|
|
268
|
+
"aria-label": p ? n.formCreditCardCvvTooltipVisaMcButtonClose : n.formCreditCardCvvTooltipVisaMcButtonOpen,
|
|
224
269
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconinformationregular.default, {
|
|
225
|
-
size:
|
|
270
|
+
size: t,
|
|
226
271
|
color: _skincontractcssmistica.vars.colors.neutralMedium
|
|
227
272
|
})
|
|
228
273
|
})
|
|
229
274
|
})
|
|
230
275
|
}),
|
|
231
|
-
autoComplete:
|
|
276
|
+
autoComplete: $,
|
|
232
277
|
inputComponent: _integerfield.IntegerInput,
|
|
233
278
|
dataAttributes: _object_spread({
|
|
234
279
|
"component-name": "CvvField"
|
|
235
|
-
},
|
|
280
|
+
}, A)
|
|
236
281
|
}));
|
|
237
|
-
},
|
|
282
|
+
}, gr = _;
|
package/dist/feedback.js
CHANGED
|
@@ -175,34 +175,34 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
175
175
|
}
|
|
176
176
|
return target;
|
|
177
177
|
}
|
|
178
|
-
const
|
|
178
|
+
const D = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), R = (param)=>{
|
|
179
179
|
let { primaryButton: r, secondaryButton: o } = param;
|
|
180
180
|
return !!r || !!o;
|
|
181
|
-
},
|
|
181
|
+
}, Be = (param)=>{
|
|
182
182
|
let { isInverse: r } = param;
|
|
183
183
|
const o = `@media ${_mediaqueriescssmistica.tabletOrSmaller} {
|
|
184
|
-
body {background:${r ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background}}
|
|
184
|
+
body {background:${r ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background}; background-attachment: fixed;}
|
|
185
185
|
}`;
|
|
186
186
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
|
|
187
187
|
children: o
|
|
188
188
|
});
|
|
189
|
-
},
|
|
189
|
+
}, z = (r)=>{
|
|
190
190
|
(0, _webviewbridge.isWebViewBridgeAvailable)() && (0, _webviewbridge.requestVibration)(r).catch(()=>{});
|
|
191
|
-
},
|
|
191
|
+
}, W = (r)=>{
|
|
192
192
|
_react.useEffect(()=>{
|
|
193
193
|
let o;
|
|
194
|
-
return r === "success" && (o = setTimeout(()=>
|
|
194
|
+
return r === "success" && (o = setTimeout(()=>z("success"), 700)), r === "error" && (o = setTimeout(()=>z("error"), 1e3)), ()=>{
|
|
195
195
|
clearTimeout(o);
|
|
196
196
|
};
|
|
197
197
|
}, [
|
|
198
198
|
r
|
|
199
199
|
]);
|
|
200
|
-
},
|
|
200
|
+
}, L = (param, n)=>{
|
|
201
201
|
let { icon: r, title: o, description: t, extra: c } = param;
|
|
202
202
|
const i = t && Array.isArray(t) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_stack.default, {
|
|
203
203
|
space: 16,
|
|
204
|
-
children: t.map((
|
|
205
|
-
children:
|
|
204
|
+
children: t.map((s, m)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("p", {
|
|
205
|
+
children: s
|
|
206
206
|
}, m))
|
|
207
207
|
}) : t;
|
|
208
208
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
@@ -239,8 +239,8 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
|
|
|
239
239
|
})
|
|
240
240
|
]
|
|
241
241
|
});
|
|
242
|
-
},
|
|
243
|
-
const t =
|
|
242
|
+
}, q = (r, o)=>{
|
|
243
|
+
const t = R(o);
|
|
244
244
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
245
245
|
space: {
|
|
246
246
|
desktop: 40,
|
|
@@ -251,7 +251,7 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
|
|
|
251
251
|
t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttongroup.default, _object_spread({}, o))
|
|
252
252
|
]
|
|
253
253
|
});
|
|
254
|
-
},
|
|
254
|
+
}, K = (param)=>{
|
|
255
255
|
let { isInverse: r, body: o, imageFit: t, imageUrl: c, dataAttributes: n } = param;
|
|
256
256
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_boxed.InternalBoxed, {
|
|
257
257
|
borderRadius: _skincontractcssmistica.vars.borderRadii.legacyDisplay,
|
|
@@ -287,26 +287,26 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
|
|
|
287
287
|
})
|
|
288
288
|
});
|
|
289
289
|
}, x = (param)=>{
|
|
290
|
-
let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link:
|
|
291
|
-
|
|
292
|
-
const { platformOverrides:
|
|
290
|
+
let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, hapticFeedback: m, icon: f, animateText: h = !1, isInverse: a = !1, unstable_inlineInDesktop: k, imageUrl: I, imageFit: g, dataAttributes: S } = param;
|
|
291
|
+
W(m);
|
|
292
|
+
const { platformOverrides: j, isDarkMode: M, skinName: N } = (0, _hooks.useTheme)(), G = (0, _hooks.useWindowHeight)(), { isTabletOrSmaller: P } = (0, _hooks.useScreenSize)(), [U, X] = _react.useState(typeof self < "u"), [T, J] = _react.useState(0), B = U ? "100vh" : `${G - T}px`, y = R({
|
|
293
293
|
primaryButton: n,
|
|
294
294
|
secondaryButton: i,
|
|
295
|
-
link:
|
|
295
|
+
link: s
|
|
296
296
|
});
|
|
297
297
|
(0, _hooks.useIsomorphicLayoutEffect)(()=>{
|
|
298
298
|
X(!1);
|
|
299
299
|
}, []);
|
|
300
|
-
const
|
|
300
|
+
const A = L({
|
|
301
301
|
icon: f,
|
|
302
302
|
title: r,
|
|
303
303
|
description: o,
|
|
304
304
|
extra: c !== null && c !== void 0 ? c : t
|
|
305
|
-
}, h &&
|
|
306
|
-
return !P && k ?
|
|
305
|
+
}, h && D(j));
|
|
306
|
+
return !P && k ? q(A, {
|
|
307
307
|
primaryButton: n,
|
|
308
308
|
secondaryButton: i,
|
|
309
|
-
link:
|
|
309
|
+
link: s
|
|
310
310
|
}) : /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
311
311
|
style: {
|
|
312
312
|
position: "relative"
|
|
@@ -323,23 +323,23 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
|
|
|
323
323
|
desktop: 64,
|
|
324
324
|
mobile: 0
|
|
325
325
|
},
|
|
326
|
-
children:
|
|
326
|
+
children: K({
|
|
327
327
|
isInverse: a,
|
|
328
328
|
body: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonfixedfooterlayout.default, {
|
|
329
|
-
isFooterVisible:
|
|
329
|
+
isFooterVisible: y,
|
|
330
330
|
button: n,
|
|
331
331
|
secondaryButton: i,
|
|
332
|
-
link:
|
|
333
|
-
footerBgColor: a && !
|
|
334
|
-
containerBgColor:
|
|
332
|
+
link: s,
|
|
333
|
+
footerBgColor: a && !M ? _skincontractcssmistica.vars.colors.backgroundFeedbackBottom : void 0,
|
|
334
|
+
containerBgColor: "transparent",
|
|
335
335
|
onChangeFooterHeight: J,
|
|
336
336
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
337
337
|
className: _feedbackcssmistica.container,
|
|
338
338
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
339
339
|
className: (0, _classnames.default)(_feedbackcssmistica.innerContainer, {
|
|
340
|
-
[_feedbackcssmistica.innerContainerWithButtons]: n || i ||
|
|
340
|
+
[_feedbackcssmistica.innerContainerWithButtons]: n || i || s
|
|
341
341
|
}),
|
|
342
|
-
children:
|
|
342
|
+
children: A
|
|
343
343
|
})
|
|
344
344
|
})
|
|
345
345
|
}),
|
|
@@ -349,7 +349,7 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
|
|
|
349
349
|
})
|
|
350
350
|
})
|
|
351
351
|
}),
|
|
352
|
-
|
|
352
|
+
N === _constants.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
353
353
|
style: {
|
|
354
354
|
position: "absolute",
|
|
355
355
|
bottom: T,
|
|
@@ -358,11 +358,11 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
|
|
|
358
358
|
right: 0,
|
|
359
359
|
// This extra height is a workaround to make sure the background div is displayed *under* the fixed footer.
|
|
360
360
|
// Otherwise in some devices (Galaxy S20+) the background and the fixed footer are rendered with some distance between them
|
|
361
|
-
height:
|
|
361
|
+
height: y ? `calc(${B} + 1px)` : `calc(${B})`,
|
|
362
362
|
background: a ? _skincontractcssmistica.vars.colors.backgroundBrand : _skincontractcssmistica.vars.colors.background
|
|
363
363
|
}
|
|
364
364
|
}),
|
|
365
|
-
|
|
365
|
+
N !== _constants.O2_CLASSIC_SKIN && /* @__PURE__ */ (0, _jsxruntime.jsx)(Be, {
|
|
366
366
|
isInverse: a
|
|
367
367
|
})
|
|
368
368
|
]
|
|
@@ -430,9 +430,9 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
|
|
|
430
430
|
})
|
|
431
431
|
}, t));
|
|
432
432
|
}, Ze = (param)=>{
|
|
433
|
-
let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link:
|
|
434
|
-
|
|
435
|
-
const { skinName: a, platformOverrides: k } = (0, _hooks.useTheme)(), g =
|
|
433
|
+
let { title: r, description: o, children: t, extra: c, primaryButton: n, secondaryButton: i, link: s, imageUrl: m, imageFit: f, dataAttributes: h } = param;
|
|
434
|
+
W("success");
|
|
435
|
+
const { skinName: a, platformOverrides: k } = (0, _hooks.useTheme)(), g = L({
|
|
436
436
|
icon: a === _constants.VIVO_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivo.default, {
|
|
437
437
|
size: "100%"
|
|
438
438
|
}) : a === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccessvivonew.default, {
|
|
@@ -443,12 +443,12 @@ const R = (r)=>!(0, _platform.isRunningAcceptanceTest)(r), W = (param)=>{
|
|
|
443
443
|
title: r,
|
|
444
444
|
description: o,
|
|
445
445
|
extra: c !== null && c !== void 0 ? c : t
|
|
446
|
-
},
|
|
446
|
+
}, D(k)), S = q(g, {
|
|
447
447
|
primaryButton: n,
|
|
448
448
|
secondaryButton: i,
|
|
449
|
-
link:
|
|
449
|
+
link: s
|
|
450
450
|
});
|
|
451
|
-
return
|
|
451
|
+
return K({
|
|
452
452
|
isInverse: !0,
|
|
453
453
|
body: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
454
454
|
className: _feedbackcssmistica.backgroundBrand,
|
package/dist/index.d.ts
CHANGED
|
@@ -71,12 +71,14 @@ export {
|
|
|
71
71
|
/**
|
|
72
72
|
* @deprecated This component is deprecated, please use Logo instead
|
|
73
73
|
*/
|
|
74
|
-
Logo as NavigationBarLogo, Logo, MovistarLogo, VivoLogo, O2Logo, TelefonicaLogo, BlauLogo, } from './logo';
|
|
74
|
+
Logo as NavigationBarLogo, Logo, MovistarLogo, VivoLogo, O2Logo, TelefonicaLogo, BlauLogo, TuLogo, } from './logo';
|
|
75
75
|
export { default as Image } from './image';
|
|
76
76
|
export { default as Chip } from './chip';
|
|
77
77
|
export { default as Video } from './video';
|
|
78
78
|
export type { VideoElement } from './video';
|
|
79
|
-
export { Carousel, CenteredCarousel, Slideshow, PageBullets, CarouselContextProvider, useCarouselContext,
|
|
79
|
+
export { Carousel, CenteredCarousel, Slideshow, PageBullets, CarouselContextProvider, useCarouselContext,
|
|
80
|
+
/** @deprecated Contains a typo. Please use CarouselContextConsumer */
|
|
81
|
+
CarouselContextConsumer as CarouselContextConsummer, CarouselContextConsumer, } from './carousel';
|
|
80
82
|
export { Grid, GridItem } from './grid';
|
|
81
83
|
export { default as Sheet, ActionsSheet, InfoSheet, ActionsListSheet, RadioListSheet, SheetBody, } from './sheet';
|
|
82
84
|
export { default as SheetRoot, showSheet } from './sheet-root';
|
|
@@ -121,7 +123,7 @@ export { TrackingConfig, useTrackingConfig } from './utils/analytics';
|
|
|
121
123
|
export { useDocumentVisibility } from './utils/document-visibility';
|
|
122
124
|
export { ThemeVariant, useIsInverseVariant, useThemeVariant } from './theme-variant-context';
|
|
123
125
|
export type { Skin, KnownSkinName, SkinName } from './skins/types';
|
|
124
|
-
export { VIVO_SKIN, VIVO_NEW_SKIN, O2_CLASSIC_SKIN, O2_SKIN, MOVISTAR_SKIN, TELEFONICA_SKIN, BLAU_SKIN, } from './skins/constants';
|
|
126
|
+
export { VIVO_SKIN, VIVO_NEW_SKIN, O2_CLASSIC_SKIN, O2_SKIN, MOVISTAR_SKIN, TELEFONICA_SKIN, BLAU_SKIN, TU_SKIN, } from './skins/constants';
|
|
125
127
|
export { getSkinByName } from './skins/utils';
|
|
126
128
|
export { getVivoSkin } from './skins/vivo';
|
|
127
129
|
export { getVivoNewSkin } from './skins/vivo-new';
|
|
@@ -131,12 +133,14 @@ export { getO2Skin } from './skins/o2';
|
|
|
131
133
|
export { getO2ClassicSkin } from './skins/o2-classic';
|
|
132
134
|
export { getTelefonicaSkin } from './skins/telefonica';
|
|
133
135
|
export { getBlauSkin } from './skins/blau';
|
|
136
|
+
export { getTuSkin } from './skins/tu';
|
|
134
137
|
export { palette as vivoPalette } from './skins/vivo';
|
|
135
138
|
export { palette as movistarPalette } from './skins/movistar';
|
|
136
139
|
export { palette as o2Palette } from './skins/o2';
|
|
137
140
|
export { palette as o2ClassicPalette } from './skins/o2-classic';
|
|
138
141
|
export { palette as telefonicaPalette } from './skins/telefonica';
|
|
139
142
|
export { palette as blauPalette } from './skins/blau';
|
|
143
|
+
export { palette as tuPalette } from './skins/tu';
|
|
140
144
|
export type { Locale } from './utils/locale';
|
|
141
145
|
export type { TrackingEvent, IconProps } from './utils/types';
|
|
142
146
|
export type { RegionCode } from './utils/region-code';
|
package/dist/index.js
CHANGED
|
@@ -87,8 +87,11 @@ _export(exports, {
|
|
|
87
87
|
Carousel: function() {
|
|
88
88
|
return _carousel.Carousel;
|
|
89
89
|
},
|
|
90
|
+
CarouselContextConsumer: function() {
|
|
91
|
+
return _carousel.CarouselContextConsumer;
|
|
92
|
+
},
|
|
90
93
|
CarouselContextConsummer: function() {
|
|
91
|
-
return _carousel.
|
|
94
|
+
return _carousel.CarouselContextConsumer;
|
|
92
95
|
},
|
|
93
96
|
CarouselContextProvider: function() {
|
|
94
97
|
return _carousel.CarouselContextProvider;
|
|
@@ -5505,6 +5508,9 @@ _export(exports, {
|
|
|
5505
5508
|
TELEFONICA_SKIN: function() {
|
|
5506
5509
|
return _constants.TELEFONICA_SKIN;
|
|
5507
5510
|
},
|
|
5511
|
+
TU_SKIN: function() {
|
|
5512
|
+
return _constants.TU_SKIN;
|
|
5513
|
+
},
|
|
5508
5514
|
Tabs: function() {
|
|
5509
5515
|
return _tabs.default;
|
|
5510
5516
|
},
|
|
@@ -5586,6 +5592,9 @@ _export(exports, {
|
|
|
5586
5592
|
TrackingConfig: function() {
|
|
5587
5593
|
return _analytics.TrackingConfig;
|
|
5588
5594
|
},
|
|
5595
|
+
TuLogo: function() {
|
|
5596
|
+
return _logo.TuLogo;
|
|
5597
|
+
},
|
|
5589
5598
|
VIVO_NEW_SKIN: function() {
|
|
5590
5599
|
return _constants.VIVO_NEW_SKIN;
|
|
5591
5600
|
},
|
|
@@ -5643,6 +5652,9 @@ _export(exports, {
|
|
|
5643
5652
|
getTelefonicaSkin: function() {
|
|
5644
5653
|
return _telefonica.getTelefonicaSkin;
|
|
5645
5654
|
},
|
|
5655
|
+
getTuSkin: function() {
|
|
5656
|
+
return _tu.getTuSkin;
|
|
5657
|
+
},
|
|
5646
5658
|
getVivoNewSkin: function() {
|
|
5647
5659
|
return _vivonew.getVivoNewSkin;
|
|
5648
5660
|
},
|
|
@@ -5673,6 +5685,9 @@ _export(exports, {
|
|
|
5673
5685
|
telefonicaPalette: function() {
|
|
5674
5686
|
return _telefonica.palette;
|
|
5675
5687
|
},
|
|
5688
|
+
tuPalette: function() {
|
|
5689
|
+
return _tu.palette;
|
|
5690
|
+
},
|
|
5676
5691
|
useAriaId: function() {
|
|
5677
5692
|
return _hooks.useAriaId;
|
|
5678
5693
|
},
|
|
@@ -5852,6 +5867,7 @@ const _o2 = require("./skins/o2.js");
|
|
|
5852
5867
|
const _o2classic = require("./skins/o2-classic.js");
|
|
5853
5868
|
const _telefonica = require("./skins/telefonica.js");
|
|
5854
5869
|
const _blau = require("./skins/blau.js");
|
|
5870
|
+
const _tu = require("./skins/tu.js");
|
|
5855
5871
|
const _examplecomponent = /*#__PURE__*/ _interop_require_default(require("./community/example-component.js"));
|
|
5856
5872
|
const _advanceddatacard = /*#__PURE__*/ _interop_require_default(require("./community/advanced-data-card.js"));
|
|
5857
5873
|
const _blocks = require("./community/blocks.js");
|
package/dist/logo.d.ts
CHANGED
|
@@ -33,4 +33,5 @@ export declare const VivoLogo: React.FC<LogoProps>;
|
|
|
33
33
|
export declare const O2Logo: React.FC<LogoProps>;
|
|
34
34
|
export declare const TelefonicaLogo: React.FC<LogoProps>;
|
|
35
35
|
export declare const BlauLogo: React.FC<LogoProps>;
|
|
36
|
+
export declare const TuLogo: React.FC<LogoProps>;
|
|
36
37
|
export {};
|