rbro-tat-uds 2.2.27 → 2.2.29
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/components/ConfigurationProcessInfo/ConfigurationProcessInfo.cjs +73 -0
- package/build/cjs/components/ConfigurationProcessInfo/index.cjs +12 -0
- package/build/cjs/components/ProductTeaserOwned/ProductTeaserOwned.cjs +95 -0
- package/build/cjs/components/ProductTeaserOwned/index.cjs +12 -0
- package/build/cjs/components/index.cjs +4 -0
- package/build/cjs/index.cjs +140 -0
- package/build/esm/components/ConfigurationProcessInfo/ConfigurationProcessInfo.js +69 -0
- package/build/esm/components/ConfigurationProcessInfo/index.js +8 -0
- package/build/esm/components/ProductTeaserOwned/ProductTeaserOwned.js +91 -0
- package/build/esm/components/ProductTeaserOwned/index.js +8 -0
- package/build/esm/components/index.js +2 -0
- package/build/esm/index.js +139 -1
- package/build/types/components/ConfigurationProcessInfo/ConfigurationProcessInfo.d.ts +11 -0
- package/build/types/components/ConfigurationProcessInfo/index.d.ts +6 -0
- package/build/types/components/ProductTeaserOwned/ProductTeaserOwned.d.ts +19 -0
- package/build/types/components/ProductTeaserOwned/index.d.ts +6 -0
- package/build/types/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
'use strict';
|
|
5
|
+
|
|
6
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
|
+
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
var utils = require('../../utils');
|
|
10
|
+
require('react');
|
|
11
|
+
var styled = require('styled-components');
|
|
12
|
+
var Button = require('../Button/Button.cjs');
|
|
13
|
+
|
|
14
|
+
const ConfigurationProcessInfoStyled = styled.div`
|
|
15
|
+
border-radius: 16px;
|
|
16
|
+
background-color: ${utils.colors.gray_60};
|
|
17
|
+
height: 48px;
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
gap: 16px;
|
|
21
|
+
padding: 0px 16px 0px 8px;
|
|
22
|
+
width: fit-content;
|
|
23
|
+
|
|
24
|
+
& > div {
|
|
25
|
+
display: flex;
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
gap: 2px;
|
|
28
|
+
|
|
29
|
+
& > span:first-child {
|
|
30
|
+
font-size: 12px;
|
|
31
|
+
font-weight: 400;
|
|
32
|
+
line-height: 120%;
|
|
33
|
+
color: ${utils.colors.gray_700};
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
& > span:last-child {
|
|
37
|
+
font-size: 14px;
|
|
38
|
+
font-weight: 400;
|
|
39
|
+
line-height: 120%;
|
|
40
|
+
color: ${utils.colors.gray_950};
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
`;
|
|
44
|
+
const ConfigurationProcessInfo = ({
|
|
45
|
+
date = "N/A",
|
|
46
|
+
branchName = "",
|
|
47
|
+
buttonOnClick,
|
|
48
|
+
...rest
|
|
49
|
+
}) => {
|
|
50
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(ConfigurationProcessInfoStyled, { ...rest, children: [
|
|
51
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
52
|
+
Button.default,
|
|
53
|
+
{
|
|
54
|
+
leftIcon: "trash",
|
|
55
|
+
intent: "danger",
|
|
56
|
+
variant: "secondaryOutlined",
|
|
57
|
+
size: "small",
|
|
58
|
+
onClick: buttonOnClick,
|
|
59
|
+
label: "Anuleaza procesul"
|
|
60
|
+
}
|
|
61
|
+
),
|
|
62
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
63
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Proces din data" }),
|
|
64
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: date.length ? date : "N/A" })
|
|
65
|
+
] }),
|
|
66
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
67
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Initializat din sucursala" }),
|
|
68
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: branchName ? branchName : "-" })
|
|
69
|
+
] })
|
|
70
|
+
] });
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
exports.default = ConfigurationProcessInfo;
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
'use strict';
|
|
5
|
+
|
|
6
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
|
+
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
require('react');
|
|
10
|
+
var styled = require('styled-components');
|
|
11
|
+
var utils = require('../../utils');
|
|
12
|
+
var Pill = require('../Pill/Pill.cjs');
|
|
13
|
+
var LabeledText = require('../LabeledText/LabeledText.cjs');
|
|
14
|
+
var Icon = require('../Icon/Icon.cjs');
|
|
15
|
+
|
|
16
|
+
const ProductTeaserOwnedStyled = styled.div`
|
|
17
|
+
border: 1px solid ${utils.colors.gray_1000_10};
|
|
18
|
+
border-radius: 8px;
|
|
19
|
+
display: flex;
|
|
20
|
+
align-items: stretch;
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
|
|
23
|
+
& > div:first-of-type {
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
gap: 16px;
|
|
27
|
+
padding: 12px 16px;
|
|
28
|
+
flex: 1;
|
|
29
|
+
|
|
30
|
+
& > div {
|
|
31
|
+
flex: 1;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
& > div:nth-of-type(2) {
|
|
36
|
+
background-color: ${utils.colors.info_100};
|
|
37
|
+
width: 60px;
|
|
38
|
+
display: flex;
|
|
39
|
+
align-items: center;
|
|
40
|
+
justify-content: center;
|
|
41
|
+
cursor: pointer;
|
|
42
|
+
}
|
|
43
|
+
`;
|
|
44
|
+
const ProductTeaserOwned = ({
|
|
45
|
+
labeledTexts = [],
|
|
46
|
+
status = "activ",
|
|
47
|
+
buttonOnClick = () => {
|
|
48
|
+
},
|
|
49
|
+
...rest
|
|
50
|
+
}) => {
|
|
51
|
+
const statusText = {
|
|
52
|
+
activ: {
|
|
53
|
+
text: "ACTIV",
|
|
54
|
+
bgColor: "success_100",
|
|
55
|
+
textColor: "success_600"
|
|
56
|
+
},
|
|
57
|
+
restant: {
|
|
58
|
+
text: "RESTANT",
|
|
59
|
+
bgColor: "danger_500",
|
|
60
|
+
textColor: "white"
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(ProductTeaserOwnedStyled, { ...rest, children: [
|
|
64
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
65
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
66
|
+
Pill.default,
|
|
67
|
+
{
|
|
68
|
+
radius: "4px",
|
|
69
|
+
text: statusText[status].text,
|
|
70
|
+
bgColor: statusText[status].bgColor,
|
|
71
|
+
textColor: statusText[status].textColor
|
|
72
|
+
}
|
|
73
|
+
) }),
|
|
74
|
+
labeledTexts.map((labeledText, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
75
|
+
LabeledText.default,
|
|
76
|
+
{
|
|
77
|
+
style: {
|
|
78
|
+
flex: 1
|
|
79
|
+
},
|
|
80
|
+
label: labeledText.label,
|
|
81
|
+
text: labeledText.text || "-",
|
|
82
|
+
labelColor: labeledText.labelColor || "gray_700",
|
|
83
|
+
textColor: labeledText.textColor || "gray_950",
|
|
84
|
+
labelFontSize: 12,
|
|
85
|
+
textFontSize: 14,
|
|
86
|
+
textFontWeight: labeledText.textFontWeight || 500
|
|
87
|
+
},
|
|
88
|
+
index
|
|
89
|
+
) }, index))
|
|
90
|
+
] }),
|
|
91
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { onClick: buttonOnClick, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.default, { icon: "new_tab", color: utils.colors.info_800, size: 20 }) })
|
|
92
|
+
] });
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
exports.default = ProductTeaserOwned;
|
|
@@ -97,6 +97,8 @@ var Textarea = require('./Textarea/Textarea.cjs');
|
|
|
97
97
|
var FeedbackCard = require('./FeedbackCard/FeedbackCard.cjs');
|
|
98
98
|
var ConfigurationStickyBar = require('./ConfigurationStickyBar/ConfigurationStickyBar.cjs');
|
|
99
99
|
var PropunereUniqaProtect = require('./PropunereUniqaProtect/PropunereUniqaProtect.cjs');
|
|
100
|
+
var ConfigurationProcessInfo = require('./ConfigurationProcessInfo/ConfigurationProcessInfo.cjs');
|
|
101
|
+
var ProductTeaserOwned = require('./ProductTeaserOwned/ProductTeaserOwned.cjs');
|
|
100
102
|
|
|
101
103
|
|
|
102
104
|
|
|
@@ -194,3 +196,5 @@ exports.Textarea = Textarea.default;
|
|
|
194
196
|
exports.FeedbackCard = FeedbackCard.default;
|
|
195
197
|
exports.ConfigurationStickyBar = ConfigurationStickyBar.default;
|
|
196
198
|
exports.PropunereUniqaProtect = PropunereUniqaProtect.default;
|
|
199
|
+
exports.ConfigurationProcessInfo = ConfigurationProcessInfo.default;
|
|
200
|
+
exports.ProductTeaserOwned = ProductTeaserOwned.default;
|
package/build/cjs/index.cjs
CHANGED
|
@@ -82960,6 +82960,144 @@ const PropunereUniqaProtect = ({
|
|
|
82960
82960
|
const ContentSlot = ({ children }) => children;
|
|
82961
82961
|
PropunereUniqaProtect.ContentSlot = ContentSlot;
|
|
82962
82962
|
|
|
82963
|
+
const ConfigurationProcessInfoStyled = styled__default.default.div`
|
|
82964
|
+
border-radius: 16px;
|
|
82965
|
+
background-color: ${utils.colors.gray_60};
|
|
82966
|
+
height: 48px;
|
|
82967
|
+
display: flex;
|
|
82968
|
+
align-items: center;
|
|
82969
|
+
gap: 16px;
|
|
82970
|
+
padding: 0px 16px 0px 8px;
|
|
82971
|
+
width: fit-content;
|
|
82972
|
+
|
|
82973
|
+
& > div {
|
|
82974
|
+
display: flex;
|
|
82975
|
+
flex-direction: column;
|
|
82976
|
+
gap: 2px;
|
|
82977
|
+
|
|
82978
|
+
& > span:first-child {
|
|
82979
|
+
font-size: 12px;
|
|
82980
|
+
font-weight: 400;
|
|
82981
|
+
line-height: 120%;
|
|
82982
|
+
color: ${utils.colors.gray_700};
|
|
82983
|
+
}
|
|
82984
|
+
|
|
82985
|
+
& > span:last-child {
|
|
82986
|
+
font-size: 14px;
|
|
82987
|
+
font-weight: 400;
|
|
82988
|
+
line-height: 120%;
|
|
82989
|
+
color: ${utils.colors.gray_950};
|
|
82990
|
+
}
|
|
82991
|
+
}
|
|
82992
|
+
`;
|
|
82993
|
+
const ConfigurationProcessInfo = ({
|
|
82994
|
+
date = "N/A",
|
|
82995
|
+
branchName = "",
|
|
82996
|
+
buttonOnClick,
|
|
82997
|
+
...rest
|
|
82998
|
+
}) => {
|
|
82999
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(ConfigurationProcessInfoStyled, { ...rest, children: [
|
|
83000
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
83001
|
+
Button,
|
|
83002
|
+
{
|
|
83003
|
+
leftIcon: "trash",
|
|
83004
|
+
intent: "danger",
|
|
83005
|
+
variant: "secondaryOutlined",
|
|
83006
|
+
size: "small",
|
|
83007
|
+
onClick: buttonOnClick,
|
|
83008
|
+
label: "Anuleaza procesul"
|
|
83009
|
+
}
|
|
83010
|
+
),
|
|
83011
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
83012
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Proces din data" }),
|
|
83013
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: date.length ? date : "N/A" })
|
|
83014
|
+
] }),
|
|
83015
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
83016
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: "Initializat din sucursala" }),
|
|
83017
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { children: branchName ? branchName : "-" })
|
|
83018
|
+
] })
|
|
83019
|
+
] });
|
|
83020
|
+
};
|
|
83021
|
+
|
|
83022
|
+
const ProductTeaserOwnedStyled = styled__default.default.div`
|
|
83023
|
+
border: 1px solid ${utils.colors.gray_1000_10};
|
|
83024
|
+
border-radius: 8px;
|
|
83025
|
+
display: flex;
|
|
83026
|
+
align-items: stretch;
|
|
83027
|
+
overflow: hidden;
|
|
83028
|
+
|
|
83029
|
+
& > div:first-of-type {
|
|
83030
|
+
display: flex;
|
|
83031
|
+
align-items: center;
|
|
83032
|
+
gap: 16px;
|
|
83033
|
+
padding: 12px 16px;
|
|
83034
|
+
flex: 1;
|
|
83035
|
+
|
|
83036
|
+
& > div {
|
|
83037
|
+
flex: 1;
|
|
83038
|
+
}
|
|
83039
|
+
}
|
|
83040
|
+
|
|
83041
|
+
& > div:nth-of-type(2) {
|
|
83042
|
+
background-color: ${utils.colors.info_100};
|
|
83043
|
+
width: 60px;
|
|
83044
|
+
display: flex;
|
|
83045
|
+
align-items: center;
|
|
83046
|
+
justify-content: center;
|
|
83047
|
+
cursor: pointer;
|
|
83048
|
+
}
|
|
83049
|
+
`;
|
|
83050
|
+
const ProductTeaserOwned = ({
|
|
83051
|
+
labeledTexts = [],
|
|
83052
|
+
status = "activ",
|
|
83053
|
+
buttonOnClick = () => {
|
|
83054
|
+
},
|
|
83055
|
+
...rest
|
|
83056
|
+
}) => {
|
|
83057
|
+
const statusText = {
|
|
83058
|
+
activ: {
|
|
83059
|
+
text: "ACTIV",
|
|
83060
|
+
bgColor: "success_100",
|
|
83061
|
+
textColor: "success_600"
|
|
83062
|
+
},
|
|
83063
|
+
restant: {
|
|
83064
|
+
text: "RESTANT",
|
|
83065
|
+
bgColor: "danger_500",
|
|
83066
|
+
textColor: "white"
|
|
83067
|
+
}
|
|
83068
|
+
};
|
|
83069
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(ProductTeaserOwnedStyled, { ...rest, children: [
|
|
83070
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
83071
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
83072
|
+
Pill,
|
|
83073
|
+
{
|
|
83074
|
+
radius: "4px",
|
|
83075
|
+
text: statusText[status].text,
|
|
83076
|
+
bgColor: statusText[status].bgColor,
|
|
83077
|
+
textColor: statusText[status].textColor
|
|
83078
|
+
}
|
|
83079
|
+
) }),
|
|
83080
|
+
labeledTexts.map((labeledText, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
83081
|
+
LabeledText,
|
|
83082
|
+
{
|
|
83083
|
+
style: {
|
|
83084
|
+
flex: 1
|
|
83085
|
+
},
|
|
83086
|
+
label: labeledText.label,
|
|
83087
|
+
text: labeledText.text || "-",
|
|
83088
|
+
labelColor: labeledText.labelColor || "gray_700",
|
|
83089
|
+
textColor: labeledText.textColor || "gray_950",
|
|
83090
|
+
labelFontSize: 12,
|
|
83091
|
+
textFontSize: 14,
|
|
83092
|
+
textFontWeight: labeledText.textFontWeight || 500
|
|
83093
|
+
},
|
|
83094
|
+
index
|
|
83095
|
+
) }, index))
|
|
83096
|
+
] }),
|
|
83097
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { onClick: buttonOnClick, children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { icon: "new_tab", color: utils.colors.info_800, size: 20 }) })
|
|
83098
|
+
] });
|
|
83099
|
+
};
|
|
83100
|
+
|
|
82963
83101
|
exports.Accordion = Accordion;
|
|
82964
83102
|
exports.Alert = Alert;
|
|
82965
83103
|
exports.AppBranding = AppBranding;
|
|
@@ -82972,6 +83110,7 @@ exports.ButtonLink = ButtonLink;
|
|
|
82972
83110
|
exports.Card = Card;
|
|
82973
83111
|
exports.Checkbox = Checkbox;
|
|
82974
83112
|
exports.CityPicker = CityPicker;
|
|
83113
|
+
exports.ConfigurationProcessInfo = ConfigurationProcessInfo;
|
|
82975
83114
|
exports.ConfigurationSaveInfo = ConfigurationSaveInfo;
|
|
82976
83115
|
exports.ConfigurationStickyBar = ConfigurationStickyBar;
|
|
82977
83116
|
exports.Container = Container;
|
|
@@ -83020,6 +83159,7 @@ exports.PlanFinanciarAUMGraph = PlanFinanciarAUMGraph;
|
|
|
83020
83159
|
exports.PlanulFinanciarTeaser = PlanulFinanciarTeaser;
|
|
83021
83160
|
exports.ProductTeaser = ProductTeaser;
|
|
83022
83161
|
exports.ProductTeaserButton = ProductTeaserButton;
|
|
83162
|
+
exports.ProductTeaserOwned = ProductTeaserOwned;
|
|
83023
83163
|
exports.ProductTeaserParameters = ProductTeaserParameters;
|
|
83024
83164
|
exports.ProductTeaserStep = ProductTeaserStep;
|
|
83025
83165
|
exports.ProposalPensii = ProposalPensii;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
+
import { colors } from '../../utils';
|
|
6
|
+
import 'react';
|
|
7
|
+
import styled from 'styled-components';
|
|
8
|
+
import Button from '../Button/Button.js';
|
|
9
|
+
|
|
10
|
+
const ConfigurationProcessInfoStyled = styled.div`
|
|
11
|
+
border-radius: 16px;
|
|
12
|
+
background-color: ${colors.gray_60};
|
|
13
|
+
height: 48px;
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
gap: 16px;
|
|
17
|
+
padding: 0px 16px 0px 8px;
|
|
18
|
+
width: fit-content;
|
|
19
|
+
|
|
20
|
+
& > div {
|
|
21
|
+
display: flex;
|
|
22
|
+
flex-direction: column;
|
|
23
|
+
gap: 2px;
|
|
24
|
+
|
|
25
|
+
& > span:first-child {
|
|
26
|
+
font-size: 12px;
|
|
27
|
+
font-weight: 400;
|
|
28
|
+
line-height: 120%;
|
|
29
|
+
color: ${colors.gray_700};
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
& > span:last-child {
|
|
33
|
+
font-size: 14px;
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
line-height: 120%;
|
|
36
|
+
color: ${colors.gray_950};
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
`;
|
|
40
|
+
const ConfigurationProcessInfo = ({
|
|
41
|
+
date = "N/A",
|
|
42
|
+
branchName = "",
|
|
43
|
+
buttonOnClick,
|
|
44
|
+
...rest
|
|
45
|
+
}) => {
|
|
46
|
+
return /* @__PURE__ */ jsxs(ConfigurationProcessInfoStyled, { ...rest, children: [
|
|
47
|
+
/* @__PURE__ */ jsx(
|
|
48
|
+
Button,
|
|
49
|
+
{
|
|
50
|
+
leftIcon: "trash",
|
|
51
|
+
intent: "danger",
|
|
52
|
+
variant: "secondaryOutlined",
|
|
53
|
+
size: "small",
|
|
54
|
+
onClick: buttonOnClick,
|
|
55
|
+
label: "Anuleaza procesul"
|
|
56
|
+
}
|
|
57
|
+
),
|
|
58
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
59
|
+
/* @__PURE__ */ jsx("span", { children: "Proces din data" }),
|
|
60
|
+
/* @__PURE__ */ jsx("span", { children: date.length ? date : "N/A" })
|
|
61
|
+
] }),
|
|
62
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
63
|
+
/* @__PURE__ */ jsx("span", { children: "Initializat din sucursala" }),
|
|
64
|
+
/* @__PURE__ */ jsx("span", { children: branchName ? branchName : "-" })
|
|
65
|
+
] })
|
|
66
|
+
] });
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export { ConfigurationProcessInfo as default };
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
+
import 'react';
|
|
6
|
+
import styled from 'styled-components';
|
|
7
|
+
import { colors } from '../../utils';
|
|
8
|
+
import Pill from '../Pill/Pill.js';
|
|
9
|
+
import LabeledText from '../LabeledText/LabeledText.js';
|
|
10
|
+
import Icon from '../Icon/Icon.js';
|
|
11
|
+
|
|
12
|
+
const ProductTeaserOwnedStyled = styled.div`
|
|
13
|
+
border: 1px solid ${colors.gray_1000_10};
|
|
14
|
+
border-radius: 8px;
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: stretch;
|
|
17
|
+
overflow: hidden;
|
|
18
|
+
|
|
19
|
+
& > div:first-of-type {
|
|
20
|
+
display: flex;
|
|
21
|
+
align-items: center;
|
|
22
|
+
gap: 16px;
|
|
23
|
+
padding: 12px 16px;
|
|
24
|
+
flex: 1;
|
|
25
|
+
|
|
26
|
+
& > div {
|
|
27
|
+
flex: 1;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
& > div:nth-of-type(2) {
|
|
32
|
+
background-color: ${colors.info_100};
|
|
33
|
+
width: 60px;
|
|
34
|
+
display: flex;
|
|
35
|
+
align-items: center;
|
|
36
|
+
justify-content: center;
|
|
37
|
+
cursor: pointer;
|
|
38
|
+
}
|
|
39
|
+
`;
|
|
40
|
+
const ProductTeaserOwned = ({
|
|
41
|
+
labeledTexts = [],
|
|
42
|
+
status = "activ",
|
|
43
|
+
buttonOnClick = () => {
|
|
44
|
+
},
|
|
45
|
+
...rest
|
|
46
|
+
}) => {
|
|
47
|
+
const statusText = {
|
|
48
|
+
activ: {
|
|
49
|
+
text: "ACTIV",
|
|
50
|
+
bgColor: "success_100",
|
|
51
|
+
textColor: "success_600"
|
|
52
|
+
},
|
|
53
|
+
restant: {
|
|
54
|
+
text: "RESTANT",
|
|
55
|
+
bgColor: "danger_500",
|
|
56
|
+
textColor: "white"
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
return /* @__PURE__ */ jsxs(ProductTeaserOwnedStyled, { ...rest, children: [
|
|
60
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
61
|
+
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
62
|
+
Pill,
|
|
63
|
+
{
|
|
64
|
+
radius: "4px",
|
|
65
|
+
text: statusText[status].text,
|
|
66
|
+
bgColor: statusText[status].bgColor,
|
|
67
|
+
textColor: statusText[status].textColor
|
|
68
|
+
}
|
|
69
|
+
) }),
|
|
70
|
+
labeledTexts.map((labeledText, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
71
|
+
LabeledText,
|
|
72
|
+
{
|
|
73
|
+
style: {
|
|
74
|
+
flex: 1
|
|
75
|
+
},
|
|
76
|
+
label: labeledText.label,
|
|
77
|
+
text: labeledText.text || "-",
|
|
78
|
+
labelColor: labeledText.labelColor || "gray_700",
|
|
79
|
+
textColor: labeledText.textColor || "gray_950",
|
|
80
|
+
labelFontSize: 12,
|
|
81
|
+
textFontSize: 14,
|
|
82
|
+
textFontWeight: labeledText.textFontWeight || 500
|
|
83
|
+
},
|
|
84
|
+
index
|
|
85
|
+
) }, index))
|
|
86
|
+
] }),
|
|
87
|
+
/* @__PURE__ */ jsx("div", { onClick: buttonOnClick, children: /* @__PURE__ */ jsx(Icon, { icon: "new_tab", color: colors.info_800, size: 20 }) })
|
|
88
|
+
] });
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
export { ProductTeaserOwned as default };
|
|
@@ -95,3 +95,5 @@ export { default as Textarea } from './Textarea/Textarea.js';
|
|
|
95
95
|
export { default as FeedbackCard } from './FeedbackCard/FeedbackCard.js';
|
|
96
96
|
export { default as ConfigurationStickyBar } from './ConfigurationStickyBar/ConfigurationStickyBar.js';
|
|
97
97
|
export { default as PropunereUniqaProtect } from './PropunereUniqaProtect/PropunereUniqaProtect.js';
|
|
98
|
+
export { default as ConfigurationProcessInfo } from './ConfigurationProcessInfo/ConfigurationProcessInfo.js';
|
|
99
|
+
export { default as ProductTeaserOwned } from './ProductTeaserOwned/ProductTeaserOwned.js';
|
package/build/esm/index.js
CHANGED
|
@@ -82937,4 +82937,142 @@ const PropunereUniqaProtect = ({
|
|
|
82937
82937
|
const ContentSlot = ({ children }) => children;
|
|
82938
82938
|
PropunereUniqaProtect.ContentSlot = ContentSlot;
|
|
82939
82939
|
|
|
82940
|
-
|
|
82940
|
+
const ConfigurationProcessInfoStyled = styled.div`
|
|
82941
|
+
border-radius: 16px;
|
|
82942
|
+
background-color: ${colors.gray_60};
|
|
82943
|
+
height: 48px;
|
|
82944
|
+
display: flex;
|
|
82945
|
+
align-items: center;
|
|
82946
|
+
gap: 16px;
|
|
82947
|
+
padding: 0px 16px 0px 8px;
|
|
82948
|
+
width: fit-content;
|
|
82949
|
+
|
|
82950
|
+
& > div {
|
|
82951
|
+
display: flex;
|
|
82952
|
+
flex-direction: column;
|
|
82953
|
+
gap: 2px;
|
|
82954
|
+
|
|
82955
|
+
& > span:first-child {
|
|
82956
|
+
font-size: 12px;
|
|
82957
|
+
font-weight: 400;
|
|
82958
|
+
line-height: 120%;
|
|
82959
|
+
color: ${colors.gray_700};
|
|
82960
|
+
}
|
|
82961
|
+
|
|
82962
|
+
& > span:last-child {
|
|
82963
|
+
font-size: 14px;
|
|
82964
|
+
font-weight: 400;
|
|
82965
|
+
line-height: 120%;
|
|
82966
|
+
color: ${colors.gray_950};
|
|
82967
|
+
}
|
|
82968
|
+
}
|
|
82969
|
+
`;
|
|
82970
|
+
const ConfigurationProcessInfo = ({
|
|
82971
|
+
date = "N/A",
|
|
82972
|
+
branchName = "",
|
|
82973
|
+
buttonOnClick,
|
|
82974
|
+
...rest
|
|
82975
|
+
}) => {
|
|
82976
|
+
return /* @__PURE__ */ jsxs(ConfigurationProcessInfoStyled, { ...rest, children: [
|
|
82977
|
+
/* @__PURE__ */ jsx(
|
|
82978
|
+
Button,
|
|
82979
|
+
{
|
|
82980
|
+
leftIcon: "trash",
|
|
82981
|
+
intent: "danger",
|
|
82982
|
+
variant: "secondaryOutlined",
|
|
82983
|
+
size: "small",
|
|
82984
|
+
onClick: buttonOnClick,
|
|
82985
|
+
label: "Anuleaza procesul"
|
|
82986
|
+
}
|
|
82987
|
+
),
|
|
82988
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
82989
|
+
/* @__PURE__ */ jsx("span", { children: "Proces din data" }),
|
|
82990
|
+
/* @__PURE__ */ jsx("span", { children: date.length ? date : "N/A" })
|
|
82991
|
+
] }),
|
|
82992
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
82993
|
+
/* @__PURE__ */ jsx("span", { children: "Initializat din sucursala" }),
|
|
82994
|
+
/* @__PURE__ */ jsx("span", { children: branchName ? branchName : "-" })
|
|
82995
|
+
] })
|
|
82996
|
+
] });
|
|
82997
|
+
};
|
|
82998
|
+
|
|
82999
|
+
const ProductTeaserOwnedStyled = styled.div`
|
|
83000
|
+
border: 1px solid ${colors.gray_1000_10};
|
|
83001
|
+
border-radius: 8px;
|
|
83002
|
+
display: flex;
|
|
83003
|
+
align-items: stretch;
|
|
83004
|
+
overflow: hidden;
|
|
83005
|
+
|
|
83006
|
+
& > div:first-of-type {
|
|
83007
|
+
display: flex;
|
|
83008
|
+
align-items: center;
|
|
83009
|
+
gap: 16px;
|
|
83010
|
+
padding: 12px 16px;
|
|
83011
|
+
flex: 1;
|
|
83012
|
+
|
|
83013
|
+
& > div {
|
|
83014
|
+
flex: 1;
|
|
83015
|
+
}
|
|
83016
|
+
}
|
|
83017
|
+
|
|
83018
|
+
& > div:nth-of-type(2) {
|
|
83019
|
+
background-color: ${colors.info_100};
|
|
83020
|
+
width: 60px;
|
|
83021
|
+
display: flex;
|
|
83022
|
+
align-items: center;
|
|
83023
|
+
justify-content: center;
|
|
83024
|
+
cursor: pointer;
|
|
83025
|
+
}
|
|
83026
|
+
`;
|
|
83027
|
+
const ProductTeaserOwned = ({
|
|
83028
|
+
labeledTexts = [],
|
|
83029
|
+
status = "activ",
|
|
83030
|
+
buttonOnClick = () => {
|
|
83031
|
+
},
|
|
83032
|
+
...rest
|
|
83033
|
+
}) => {
|
|
83034
|
+
const statusText = {
|
|
83035
|
+
activ: {
|
|
83036
|
+
text: "ACTIV",
|
|
83037
|
+
bgColor: "success_100",
|
|
83038
|
+
textColor: "success_600"
|
|
83039
|
+
},
|
|
83040
|
+
restant: {
|
|
83041
|
+
text: "RESTANT",
|
|
83042
|
+
bgColor: "danger_500",
|
|
83043
|
+
textColor: "white"
|
|
83044
|
+
}
|
|
83045
|
+
};
|
|
83046
|
+
return /* @__PURE__ */ jsxs(ProductTeaserOwnedStyled, { ...rest, children: [
|
|
83047
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
83048
|
+
/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
83049
|
+
Pill,
|
|
83050
|
+
{
|
|
83051
|
+
radius: "4px",
|
|
83052
|
+
text: statusText[status].text,
|
|
83053
|
+
bgColor: statusText[status].bgColor,
|
|
83054
|
+
textColor: statusText[status].textColor
|
|
83055
|
+
}
|
|
83056
|
+
) }),
|
|
83057
|
+
labeledTexts.map((labeledText, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
83058
|
+
LabeledText,
|
|
83059
|
+
{
|
|
83060
|
+
style: {
|
|
83061
|
+
flex: 1
|
|
83062
|
+
},
|
|
83063
|
+
label: labeledText.label,
|
|
83064
|
+
text: labeledText.text || "-",
|
|
83065
|
+
labelColor: labeledText.labelColor || "gray_700",
|
|
83066
|
+
textColor: labeledText.textColor || "gray_950",
|
|
83067
|
+
labelFontSize: 12,
|
|
83068
|
+
textFontSize: 14,
|
|
83069
|
+
textFontWeight: labeledText.textFontWeight || 500
|
|
83070
|
+
},
|
|
83071
|
+
index
|
|
83072
|
+
) }, index))
|
|
83073
|
+
] }),
|
|
83074
|
+
/* @__PURE__ */ jsx("div", { onClick: buttonOnClick, children: /* @__PURE__ */ jsx(Icon$1, { icon: "new_tab", color: colors.info_800, size: 20 }) })
|
|
83075
|
+
] });
|
|
83076
|
+
};
|
|
83077
|
+
|
|
83078
|
+
export { Accordion, Alert, AppBranding, AutosaveStatus, Bar, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, Card, Checkbox, CityPicker, ConfigurationProcessInfo, ConfigurationSaveInfo, ConfigurationStickyBar, Container, Content, ContentDropdown, CreditCard, DashboardCard, DashboardCategory, DashboardSmallShortcut, Datepicker, Divider, DonutGraph, Dropdown, FeedbackCard, Flex, FormField, GraficConfiguratiePensii, GraficContributieUnitlinked, GraficFondInvestitii, GraficFondInvestitiiInflatie, GraficPensii, GraficPlanInvestitii, GraficPropunerePensii, Icon$1 as Icon, IconButton, IconCard, Illustration, ImageCard, InPageTab, InvestmentFundItem, LabeledText, LabeledTextInLine, Layout, Logo, Modal, ObjectiveCard, ObjectiveCardSmall, OfferCard, OperationsDashboardCard, OperationsDashboardCategory, PageMessage, PageTitle, Pill, PlanFinanciarAUMBar, PlanFinanciarAUMGraph, PlanulFinanciarTeaser, ProductTeaser, ProductTeaserButton, ProductTeaserOwned, ProductTeaserParameters, ProductTeaserStep, ProposalPensii, ProposalUnitlinked, PropunereAsigurareLocuinta, PropunereAsigurariCalatorie, PropunereFlexicredit, PropunereFondInvestitii, PropunuerePlanInvestitii as PropunerePlanInvestitii, PropunereUniqaProtect, Radio, RatesCalculator, Section, SegmentedTabs, SelectionAppCard, SelectionButton, SelectionPill, ShortcutCard, Sidebar, SidebarItem, Slider, Spinner, StepTab, StepsBar, Switch, Tab, TextInput, Textarea, TimedButton, TimelineSteps, TimelineStepsItem, Timer, UnitLinkGraph as UnitlinkGraph, VerticalHeat };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
interface ConfigurationProcessInfoProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
date?: string;
|
|
5
|
+
branchName?: string;
|
|
6
|
+
buttonOnClick?(): void;
|
|
7
|
+
}
|
|
8
|
+
declare const ConfigurationProcessInfo: React.FC<ConfigurationProcessInfoProps>;
|
|
9
|
+
|
|
10
|
+
export { ConfigurationProcessInfo as default };
|
|
11
|
+
export type { ConfigurationProcessInfoProps };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import { colors } from '../../utils/colors.js';
|
|
3
|
+
|
|
4
|
+
interface ProductTeaserOwnedProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
labeledTexts?: {
|
|
6
|
+
label: string;
|
|
7
|
+
text?: string;
|
|
8
|
+
width?: string;
|
|
9
|
+
labelColor?: keyof typeof colors;
|
|
10
|
+
textColor?: keyof typeof colors;
|
|
11
|
+
textFontWeight?: 200 | 300 | 400 | 500 | 700 | 800;
|
|
12
|
+
}[];
|
|
13
|
+
status: "activ" | "restant";
|
|
14
|
+
buttonOnClick?: () => void;
|
|
15
|
+
}
|
|
16
|
+
declare const ProductTeaserOwned: React.FC<ProductTeaserOwnedProps>;
|
|
17
|
+
|
|
18
|
+
export { ProductTeaserOwned as default };
|
|
19
|
+
export type { ProductTeaserOwnedProps };
|
package/build/types/index.d.ts
CHANGED
|
@@ -93,3 +93,5 @@ export { default as Textarea, TextareaProps } from './components/Textarea/Textar
|
|
|
93
93
|
export { default as FeedbackCard, FeedbackCardProps } from './components/FeedbackCard/FeedbackCard.js';
|
|
94
94
|
export { default as ConfigurationStickyBar, ConfigurationStickyBarProps } from './components/ConfigurationStickyBar/ConfigurationStickyBar.js';
|
|
95
95
|
export { default as PropunereUniqaProtect, PropunereUniqaProtectProps } from './components/PropunereUniqaProtect/PropunereUniqaProtect.js';
|
|
96
|
+
export { default as ConfigurationProcessInfo, ConfigurationProcessInfoProps } from './components/ConfigurationProcessInfo/ConfigurationProcessInfo.js';
|
|
97
|
+
export { default as ProductTeaserOwned, ProductTeaserOwnedProps } from './components/ProductTeaserOwned/ProductTeaserOwned.js';
|