rbro-tat-uds 2.2.4 → 2.2.6
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/build/cjs/assets/icons/star-reward.svg.cjs +37 -0
- package/build/cjs/components/Button/Button.cjs +1 -0
- package/build/cjs/components/DashboardCard/DashboardCard.cjs +18 -1
- package/build/cjs/components/DashboardSmallShortcut/DashboardSmallShortcut.cjs +17 -0
- package/build/cjs/components/Icon/IconsList.cjs +3 -1
- package/build/cjs/components/IconButton/IconButton.cjs +1 -0
- package/build/cjs/components/PageMessage/PageMessage.cjs +1 -0
- package/build/cjs/components/TextInput/TextInput.cjs +1 -0
- package/build/cjs/index.cjs +605 -558
- package/build/esm/assets/icons/star-reward.svg.js +16 -0
- package/build/esm/components/Button/Button.js +1 -0
- package/build/esm/components/DashboardCard/DashboardCard.js +18 -1
- package/build/esm/components/DashboardSmallShortcut/DashboardSmallShortcut.js +17 -0
- package/build/esm/components/Icon/IconsList.js +3 -1
- package/build/esm/components/IconButton/IconButton.js +1 -0
- package/build/esm/components/PageMessage/PageMessage.js +1 -0
- package/build/esm/components/TextInput/TextInput.js +1 -0
- package/build/esm/index.js +605 -558
- package/build/types/components/DashboardCard/DashboardCard.d.ts +1 -0
- package/build/types/components/DashboardSmallShortcut/DashboardSmallShortcut.d.ts +1 -0
- package/build/types/components/Icon/Icon.types.d.ts +1 -1
- package/build/types/components/Icon/IconsList.d.ts +1 -0
- package/package.json +1 -1
@@ -0,0 +1,37 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
var React = require('react');
|
4
|
+
|
5
|
+
function _interopNamespaceDefault(e) {
|
6
|
+
var n = Object.create(null);
|
7
|
+
if (e) {
|
8
|
+
Object.keys(e).forEach(function (k) {
|
9
|
+
if (k !== 'default') {
|
10
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
11
|
+
Object.defineProperty(n, k, d.get ? d : {
|
12
|
+
enumerable: true,
|
13
|
+
get: function () { return e[k]; }
|
14
|
+
});
|
15
|
+
}
|
16
|
+
});
|
17
|
+
}
|
18
|
+
n.default = e;
|
19
|
+
return Object.freeze(n);
|
20
|
+
}
|
21
|
+
|
22
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
23
|
+
|
24
|
+
var _path;
|
25
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
26
|
+
var SvgStarReward = function SvgStarReward(props) {
|
27
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
28
|
+
xmlns: "http://www.w3.org/2000/svg",
|
29
|
+
viewBox: "0 0 24 24"
|
30
|
+
}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
31
|
+
fillRule: "evenodd",
|
32
|
+
d: "M11.75 2.095c-.046.054-.12.278-.164.497-.27 1.352-.57 2.306-1.062 3.369-1.366 2.951-3.616 4.807-6.758 5.572-.465.114-.628.177-.688.266-.201.303-.01.543.531.666 4.078.927 6.868 3.892 7.847 8.338l.173.791c.07.314.235.453.467.392.18-.048.258-.235.399-.964.242-1.258.863-2.912 1.498-3.989 1.383-2.347 3.611-3.943 6.381-4.57.48-.108.626-.214.626-.453 0-.231-.15-.335-.658-.454-.726-.17-1.19-.32-1.845-.597-3.124-1.322-5.18-4.059-6.01-8.002-.089-.423-.198-.812-.242-.864-.104-.125-.386-.124-.495.002",
|
33
|
+
clipRule: "evenodd"
|
34
|
+
})));
|
35
|
+
};
|
36
|
+
|
37
|
+
module.exports = SvgStarReward;
|
@@ -149,6 +149,7 @@ require('../../assets/icons/info-outlined.svg.cjs');
|
|
149
149
|
require('../../assets/icons/hint-outlined.svg.cjs');
|
150
150
|
require('../../assets/icons/face-happy.svg.cjs');
|
151
151
|
require('../../assets/icons/person-level.svg.cjs');
|
152
|
+
require('../../assets/icons/star-reward.svg.cjs');
|
152
153
|
var Icon = require('../Icon/Icon.cjs');
|
153
154
|
var Spinner = require('../Spinner/Spinner.cjs');
|
154
155
|
var utils = require('../../utils');
|
@@ -138,6 +138,19 @@ const DashboardCardStyled = styled.div`
|
|
138
138
|
height: 100%;
|
139
139
|
object-fit: cover;
|
140
140
|
}
|
141
|
+
|
142
|
+
& > .j348adk20fka94 {
|
143
|
+
position: absolute;
|
144
|
+
left: 12px;
|
145
|
+
bottom: 12px;
|
146
|
+
width: 16px;
|
147
|
+
height: 16px;
|
148
|
+
border-radius: 999px;
|
149
|
+
display: flex;
|
150
|
+
justify-content: center;
|
151
|
+
align-items: center;
|
152
|
+
background-color: ${utils.colors.gray_600};
|
153
|
+
}
|
141
154
|
}
|
142
155
|
|
143
156
|
& > div:nth-of-type(2) {
|
@@ -268,6 +281,7 @@ const DashboardCard = ({
|
|
268
281
|
disabled = false,
|
269
282
|
loading = false,
|
270
283
|
statusConfiguratii = 0,
|
284
|
+
retention = false,
|
271
285
|
...rest
|
272
286
|
}) => {
|
273
287
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
@@ -288,7 +302,10 @@ const DashboardCard = ({
|
|
288
302
|
/* @__PURE__ */ jsxRuntime.jsx(Icon.default, { icon: "grocery-2", size: 14, color: utils.colors.white })
|
289
303
|
] }),
|
290
304
|
!loading ? variant === "default" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "j8k2m5n9p4q7r3", children: [
|
291
|
-
/* @__PURE__ */ jsxRuntime.
|
305
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
306
|
+
/* @__PURE__ */ jsxRuntime.jsx("img", { src: imgSrc, alt: title }),
|
307
|
+
retention && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "j348adk20fka94", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.default, { icon: "star-reward", size: 12, color: utils.colors.white }) })
|
308
|
+
] }),
|
292
309
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
293
310
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
|
294
311
|
(callToAction !== "null" || tagType !== void 0 || tagText !== "") && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
@@ -9,6 +9,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
var React = require('react');
|
10
10
|
var styled = require('styled-components');
|
11
11
|
var utils = require('../../utils');
|
12
|
+
var Icon = require('../Icon/Icon.cjs');
|
12
13
|
|
13
14
|
const DashboardSmallShortcutStyled = styled.button`
|
14
15
|
appearance: none;
|
@@ -16,6 +17,7 @@ const DashboardSmallShortcutStyled = styled.button`
|
|
16
17
|
outline: none;
|
17
18
|
width: 100%;
|
18
19
|
max-width: 117px;
|
20
|
+
position: relative;
|
19
21
|
|
20
22
|
padding: 12px;
|
21
23
|
background-color: ${utils.colors.white};
|
@@ -35,6 +37,19 @@ const DashboardSmallShortcutStyled = styled.button`
|
|
35
37
|
color: ${utils.colors.gray_950};
|
36
38
|
text-align: left;
|
37
39
|
}
|
40
|
+
|
41
|
+
& > div {
|
42
|
+
position: absolute;
|
43
|
+
right: 12px;
|
44
|
+
top: 12px;
|
45
|
+
width: 16px;
|
46
|
+
height: 16px;
|
47
|
+
border-radius: 999px;
|
48
|
+
display: flex;
|
49
|
+
justify-content: center;
|
50
|
+
align-items: center;
|
51
|
+
background-color: ${utils.colors.gray_600};
|
52
|
+
}
|
38
53
|
`;
|
39
54
|
const PacheteContCurentIcon = () => {
|
40
55
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
@@ -471,6 +486,7 @@ const ServiciiSiOperatiuniIcon = () => {
|
|
471
486
|
const DashboardSmallShortcut = ({
|
472
487
|
intent = "PlanFinanciar",
|
473
488
|
buttonOnClick,
|
489
|
+
retention = false,
|
474
490
|
...rest
|
475
491
|
}) => {
|
476
492
|
const intentView = React.useMemo(() => {
|
@@ -496,6 +512,7 @@ const DashboardSmallShortcut = ({
|
|
496
512
|
type: "button",
|
497
513
|
...rest,
|
498
514
|
children: [
|
515
|
+
retention && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Icon.default, { icon: "star-reward", size: 12, color: utils.colors.white }) }),
|
499
516
|
intent ? intentView[intent].icon : intentView["PlanFinanciar"].icon,
|
500
517
|
/* @__PURE__ */ jsxRuntime.jsx("span", { children: intent ? intentView[intent].label : intentView["PlanFinanciar"].label })
|
501
518
|
]
|
@@ -146,6 +146,7 @@ var InfoOutlinedIcon = require('../../assets/icons/info-outlined.svg.cjs');
|
|
146
146
|
var HintOutlinedIcon = require('../../assets/icons/hint-outlined.svg.cjs');
|
147
147
|
var FaceHappyIcon = require('../../assets/icons/face-happy.svg.cjs');
|
148
148
|
var PersonLevelIcon = require('../../assets/icons/person-level.svg.cjs');
|
149
|
+
var StarRewardIcon = require('../../assets/icons/star-reward.svg.cjs');
|
149
150
|
|
150
151
|
const IconsList = {
|
151
152
|
asterix: AsterixIcon,
|
@@ -288,7 +289,8 @@ const IconsList = {
|
|
288
289
|
"info-outlined": InfoOutlinedIcon,
|
289
290
|
"hint-outlined": HintOutlinedIcon,
|
290
291
|
"face-happy": FaceHappyIcon,
|
291
|
-
"person-level": PersonLevelIcon
|
292
|
+
"person-level": PersonLevelIcon,
|
293
|
+
"star-reward": StarRewardIcon
|
292
294
|
};
|
293
295
|
|
294
296
|
exports.default = IconsList;
|
@@ -148,6 +148,7 @@ require('../../assets/icons/info-outlined.svg.cjs');
|
|
148
148
|
require('../../assets/icons/hint-outlined.svg.cjs');
|
149
149
|
require('../../assets/icons/face-happy.svg.cjs');
|
150
150
|
require('../../assets/icons/person-level.svg.cjs');
|
151
|
+
require('../../assets/icons/star-reward.svg.cjs');
|
151
152
|
var styled = require('styled-components');
|
152
153
|
var Icon = require('../Icon/Icon.cjs');
|
153
154
|
var Spinner = require('../Spinner/Spinner.cjs');
|
@@ -148,6 +148,7 @@ require('../../assets/icons/info-outlined.svg.cjs');
|
|
148
148
|
require('../../assets/icons/hint-outlined.svg.cjs');
|
149
149
|
require('../../assets/icons/face-happy.svg.cjs');
|
150
150
|
require('../../assets/icons/person-level.svg.cjs');
|
151
|
+
require('../../assets/icons/star-reward.svg.cjs');
|
151
152
|
var styled = require('styled-components');
|
152
153
|
var Icon = require('../Icon/Icon.cjs');
|
153
154
|
var utils = require('../../utils');
|
@@ -149,6 +149,7 @@ require('../../assets/icons/info-outlined.svg.cjs');
|
|
149
149
|
require('../../assets/icons/hint-outlined.svg.cjs');
|
150
150
|
require('../../assets/icons/face-happy.svg.cjs');
|
151
151
|
require('../../assets/icons/person-level.svg.cjs');
|
152
|
+
require('../../assets/icons/star-reward.svg.cjs');
|
152
153
|
var reactDom = require('react-dom');
|
153
154
|
var Icon = require('../Icon/Icon.cjs');
|
154
155
|
var Numpad = require('../Numpad/Numpad.cjs');
|