rbro-tat-uds 2.2.28 → 2.2.29

package/build/cjs/components/ProductTeaserOwned/ProductTeaserOwned.cjs

@@ -0,0 +1,95 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var styled = require('styled-components');
+var utils = require('../../utils');
+var Pill = require('../Pill/Pill.cjs');
+var LabeledText = require('../LabeledText/LabeledText.cjs');
+var Icon = require('../Icon/Icon.cjs');
+
+const ProductTeaserOwnedStyled = styled.div`
+  border: 1px solid ${utils.colors.gray_1000_10};
+  border-radius: 8px;
+  display: flex;
+  align-items: stretch;
+  overflow: hidden;
+
+  & > div:first-of-type {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 12px 16px;
+    flex: 1;
+
+    & > div {
+      flex: 1;
+    }
+  }
+
+  & > div:nth-of-type(2) {
+    background-color: ${utils.colors.info_100};
+    width: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  }
+`;
+const ProductTeaserOwned = ({
+  labeledTexts = [],
+  status = "activ",
+  buttonOnClick = () => {
+  },
+  ...rest
+}) => {
+  const statusText = {
+    activ: {
+      text: "ACTIV",
+      bgColor: "success_100",
+      textColor: "success_600"
+    },
+    restant: {
+      text: "RESTANT",
+      bgColor: "danger_500",
+      textColor: "white"
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ProductTeaserOwnedStyled, { ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        Pill.default,
+        {
+          radius: "4px",
+          text: statusText[status].text,
+          bgColor: statusText[status].bgColor,
+          textColor: statusText[status].textColor
+        }
+      ) }),
+      labeledTexts.map((labeledText, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        LabeledText.default,
+        {
+          style: {
+            flex: 1
+          },
+          label: labeledText.label,
+          text: labeledText.text || "-",
+          labelColor: labeledText.labelColor || "gray_700",
+          textColor: labeledText.textColor || "gray_950",
+          labelFontSize: 12,
+          textFontSize: 14,
+          textFontWeight: labeledText.textFontWeight || 500
+        },
+        index
+      ) }, index))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: buttonOnClick, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.default, { icon: "new_tab", color: utils.colors.info_800, size: 20 }) })
+  ] });
+};
+
+exports.default = ProductTeaserOwned;

package/build/cjs/components/ProductTeaserOwned/index.cjs

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ProductTeaserOwned = require('./ProductTeaserOwned.cjs');
+
+
+
+exports.default = ProductTeaserOwned.default;

package/build/cjs/components/index.cjs

@@ -98,6 +98,7 @@ var FeedbackCard = require('./FeedbackCard/FeedbackCard.cjs');
 var ConfigurationStickyBar = require('./ConfigurationStickyBar/ConfigurationStickyBar.cjs');
 var PropunereUniqaProtect = require('./PropunereUniqaProtect/PropunereUniqaProtect.cjs');
 var ConfigurationProcessInfo = require('./ConfigurationProcessInfo/ConfigurationProcessInfo.cjs');
+var ProductTeaserOwned = require('./ProductTeaserOwned/ProductTeaserOwned.cjs');
 
 
 
@@ -196,3 +197,4 @@ exports.FeedbackCard = FeedbackCard.default;
 exports.ConfigurationStickyBar = ConfigurationStickyBar.default;
 exports.PropunereUniqaProtect = PropunereUniqaProtect.default;
 exports.ConfigurationProcessInfo = ConfigurationProcessInfo.default;
+exports.ProductTeaserOwned = ProductTeaserOwned.default;

package/build/cjs/index.cjs

@@ -83019,6 +83019,85 @@ const ConfigurationProcessInfo = ({
   ] });
 };
 
+const ProductTeaserOwnedStyled = styled__default.default.div`
+  border: 1px solid ${utils.colors.gray_1000_10};
+  border-radius: 8px;
+  display: flex;
+  align-items: stretch;
+  overflow: hidden;
+
+  & > div:first-of-type {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 12px 16px;
+    flex: 1;
+
+    & > div {
+      flex: 1;
+    }
+  }
+
+  & > div:nth-of-type(2) {
+    background-color: ${utils.colors.info_100};
+    width: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  }
+`;
+const ProductTeaserOwned = ({
+  labeledTexts = [],
+  status = "activ",
+  buttonOnClick = () => {
+  },
+  ...rest
+}) => {
+  const statusText = {
+    activ: {
+      text: "ACTIV",
+      bgColor: "success_100",
+      textColor: "success_600"
+    },
+    restant: {
+      text: "RESTANT",
+      bgColor: "danger_500",
+      textColor: "white"
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ProductTeaserOwnedStyled, { ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        Pill,
+        {
+          radius: "4px",
+          text: statusText[status].text,
+          bgColor: statusText[status].bgColor,
+          textColor: statusText[status].textColor
+        }
+      ) }),
+      labeledTexts.map((labeledText, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        LabeledText,
+        {
+          style: {
+            flex: 1
+          },
+          label: labeledText.label,
+          text: labeledText.text || "-",
+          labelColor: labeledText.labelColor || "gray_700",
+          textColor: labeledText.textColor || "gray_950",
+          labelFontSize: 12,
+          textFontSize: 14,
+          textFontWeight: labeledText.textFontWeight || 500
+        },
+        index
+      ) }, index))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: buttonOnClick, children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { icon: "new_tab", color: utils.colors.info_800, size: 20 }) })
+  ] });
+};
+
 exports.Accordion = Accordion;
 exports.Alert = Alert;
 exports.AppBranding = AppBranding;
@@ -83080,6 +83159,7 @@ exports.PlanFinanciarAUMGraph = PlanFinanciarAUMGraph;
 exports.PlanulFinanciarTeaser = PlanulFinanciarTeaser;
 exports.ProductTeaser = ProductTeaser;
 exports.ProductTeaserButton = ProductTeaserButton;
+exports.ProductTeaserOwned = ProductTeaserOwned;
 exports.ProductTeaserParameters = ProductTeaserParameters;
 exports.ProductTeaserStep = ProductTeaserStep;
 exports.ProposalPensii = ProposalPensii;

package/build/esm/components/ProductTeaserOwned/ProductTeaserOwned.js

@@ -0,0 +1,91 @@
+"use strict";
+"use client";
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import styled from 'styled-components';
+import { colors } from '../../utils';
+import Pill from '../Pill/Pill.js';
+import LabeledText from '../LabeledText/LabeledText.js';
+import Icon from '../Icon/Icon.js';
+
+const ProductTeaserOwnedStyled = styled.div`
+  border: 1px solid ${colors.gray_1000_10};
+  border-radius: 8px;
+  display: flex;
+  align-items: stretch;
+  overflow: hidden;
+
+  & > div:first-of-type {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 12px 16px;
+    flex: 1;
+
+    & > div {
+      flex: 1;
+    }
+  }
+
+  & > div:nth-of-type(2) {
+    background-color: ${colors.info_100};
+    width: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  }
+`;
+const ProductTeaserOwned = ({
+  labeledTexts = [],
+  status = "activ",
+  buttonOnClick = () => {
+  },
+  ...rest
+}) => {
+  const statusText = {
+    activ: {
+      text: "ACTIV",
+      bgColor: "success_100",
+      textColor: "success_600"
+    },
+    restant: {
+      text: "RESTANT",
+      bgColor: "danger_500",
+      textColor: "white"
+    }
+  };
+  return /* @__PURE__ */ jsxs(ProductTeaserOwnedStyled, { ...rest, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        Pill,
+        {
+          radius: "4px",
+          text: statusText[status].text,
+          bgColor: statusText[status].bgColor,
+          textColor: statusText[status].textColor
+        }
+      ) }),
+      labeledTexts.map((labeledText, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        LabeledText,
+        {
+          style: {
+            flex: 1
+          },
+          label: labeledText.label,
+          text: labeledText.text || "-",
+          labelColor: labeledText.labelColor || "gray_700",
+          textColor: labeledText.textColor || "gray_950",
+          labelFontSize: 12,
+          textFontSize: 14,
+          textFontWeight: labeledText.textFontWeight || 500
+        },
+        index
+      ) }, index))
+    ] }),
+    /* @__PURE__ */ jsx("div", { onClick: buttonOnClick, children: /* @__PURE__ */ jsx(Icon, { icon: "new_tab", color: colors.info_800, size: 20 }) })
+  ] });
+};
+
+export { ProductTeaserOwned as default };

package/build/esm/components/ProductTeaserOwned/index.js

@@ -0,0 +1,8 @@
+"use strict";
+"use client";
+
+import ProductTeaserOwned from './ProductTeaserOwned.js';
+
+
+
+export { ProductTeaserOwned as default };

package/build/esm/components/index.js

@@ -96,3 +96,4 @@ export { default as FeedbackCard } from './FeedbackCard/FeedbackCard.js';
 export { default as ConfigurationStickyBar } from './ConfigurationStickyBar/ConfigurationStickyBar.js';
 export { default as PropunereUniqaProtect } from './PropunereUniqaProtect/PropunereUniqaProtect.js';
 export { default as ConfigurationProcessInfo } from './ConfigurationProcessInfo/ConfigurationProcessInfo.js';
+export { default as ProductTeaserOwned } from './ProductTeaserOwned/ProductTeaserOwned.js';

package/build/esm/index.js

@@ -82996,4 +82996,83 @@ const ConfigurationProcessInfo = ({
   ] });
 };
 
-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, 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 };
+const ProductTeaserOwnedStyled = styled.div`
+  border: 1px solid ${colors.gray_1000_10};
+  border-radius: 8px;
+  display: flex;
+  align-items: stretch;
+  overflow: hidden;
+
+  & > div:first-of-type {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 12px 16px;
+    flex: 1;
+
+    & > div {
+      flex: 1;
+    }
+  }
+
+  & > div:nth-of-type(2) {
+    background-color: ${colors.info_100};
+    width: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+  }
+`;
+const ProductTeaserOwned = ({
+  labeledTexts = [],
+  status = "activ",
+  buttonOnClick = () => {
+  },
+  ...rest
+}) => {
+  const statusText = {
+    activ: {
+      text: "ACTIV",
+      bgColor: "success_100",
+      textColor: "success_600"
+    },
+    restant: {
+      text: "RESTANT",
+      bgColor: "danger_500",
+      textColor: "white"
+    }
+  };
+  return /* @__PURE__ */ jsxs(ProductTeaserOwnedStyled, { ...rest, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        Pill,
+        {
+          radius: "4px",
+          text: statusText[status].text,
+          bgColor: statusText[status].bgColor,
+          textColor: statusText[status].textColor
+        }
+      ) }),
+      labeledTexts.map((labeledText, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        LabeledText,
+        {
+          style: {
+            flex: 1
+          },
+          label: labeledText.label,
+          text: labeledText.text || "-",
+          labelColor: labeledText.labelColor || "gray_700",
+          textColor: labeledText.textColor || "gray_950",
+          labelFontSize: 12,
+          textFontSize: 14,
+          textFontWeight: labeledText.textFontWeight || 500
+        },
+        index
+      ) }, index))
+    ] }),
+    /* @__PURE__ */ jsx("div", { onClick: buttonOnClick, children: /* @__PURE__ */ jsx(Icon$1, { icon: "new_tab", color: colors.info_800, size: 20 }) })
+  ] });
+};
+
+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 };

package/build/types/components/ProductTeaserOwned/ProductTeaserOwned.d.ts

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes } from 'react';
+import { colors } from '../../utils/colors.js';
+
+interface ProductTeaserOwnedProps extends HTMLAttributes<HTMLDivElement> {
+    labeledTexts?: {
+        label: string;
+        text?: string;
+        width?: string;
+        labelColor?: keyof typeof colors;
+        textColor?: keyof typeof colors;
+        textFontWeight?: 200 | 300 | 400 | 500 | 700 | 800;
+    }[];
+    status: "activ" | "restant";
+    buttonOnClick?: () => void;
+}
+declare const ProductTeaserOwned: React.FC<ProductTeaserOwnedProps>;
+
+export { ProductTeaserOwned as default };
+export type { ProductTeaserOwnedProps };

package/build/types/components/ProductTeaserOwned/index.d.ts

@@ -0,0 +1,6 @@
+import ProductTeaserOwned from './ProductTeaserOwned.js';
+export { ProductTeaserOwnedProps } from './ProductTeaserOwned.js';
+
+
+
+export { ProductTeaserOwned as default };

package/build/types/index.d.ts

@@ -94,3 +94,4 @@ export { default as FeedbackCard, FeedbackCardProps } from './components/Feedbac
 export { default as ConfigurationStickyBar, ConfigurationStickyBarProps } from './components/ConfigurationStickyBar/ConfigurationStickyBar.js';
 export { default as PropunereUniqaProtect, PropunereUniqaProtectProps } from './components/PropunereUniqaProtect/PropunereUniqaProtect.js';
 export { default as ConfigurationProcessInfo, ConfigurationProcessInfoProps } from './components/ConfigurationProcessInfo/ConfigurationProcessInfo.js';
+export { default as ProductTeaserOwned, ProductTeaserOwnedProps } from './components/ProductTeaserOwned/ProductTeaserOwned.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rbro-tat-uds",
-  "version": "2.2.28",
+  "version": "2.2.29",
   "type": "module",
   "main": "build/cjs/index.cjs",
   "module": "build/esm/index.js",