rbro-tat-uds 2.2.21 → 2.2.23

package/build/esm/index.js

@@ -61172,7 +61172,7 @@ const ConfigurationSaveInfo = ({
     ),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsxs("span", { children: [
-        isSimulator ? "Simluare" : "Configuratie",
+        isSimulator ? "Simulare" : "Configuratie",
         " din data"
       ] }),
       /* @__PURE__ */ jsx("span", { children: date.length ? date : "N/A" })
@@ -62193,7 +62193,7 @@ const Modal = ({
   let _footerSlot = null;
   Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$8) {
+    if (element.type === ContentSlot$9) {
       _contentSlot = child;
     }
     if (element.type === FooterSlot) {
@@ -62232,9 +62232,9 @@ const Modal = ({
     }
   );
 };
-const ContentSlot$8 = ({ children }) => children;
+const ContentSlot$9 = ({ children }) => children;
 const FooterSlot = ({ children }) => children;
-Modal.ContentSlot = ContentSlot$8;
+Modal.ContentSlot = ContentSlot$9;
 Modal.FooterSlot = FooterSlot;
 
 const DashboardCategoryStyled$1 = styled.div`
@@ -76410,7 +76410,7 @@ const ProductTeaser = ({
     if (element.type === StepsSlot) {
       _stepsSlot = child;
     }
-    if (element.type === ContentSlot$7) {
+    if (element.type === ContentSlot$8) {
       _contentSlot = child;
     }
   });
@@ -76434,9 +76434,9 @@ const ProductTeaser = ({
   ] });
 };
 const StepsSlot = ({ children }) => children;
-const ContentSlot$7 = ({ children }) => children;
+const ContentSlot$8 = ({ children }) => children;
 ProductTeaser.StepsSlot = StepsSlot;
-ProductTeaser.ContentSlot = ContentSlot$7;
+ProductTeaser.ContentSlot = ContentSlot$8;
 
 const ProductTeaserParametersStyled = styled.div`
   display: flex;
@@ -76920,7 +76920,7 @@ const ProposalPensii = ({
   let _contentSlot = null;
   Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$6) {
+    if (element.type === ContentSlot$7) {
       _contentSlot = child;
     }
   });
@@ -77022,8 +77022,8 @@ const ProposalPensii = ({
     }
   );
 };
-const ContentSlot$6 = ({ children }) => children;
-ProposalPensii.ContentSlot = ContentSlot$6;
+const ContentSlot$7 = ({ children }) => children;
+ProposalPensii.ContentSlot = ContentSlot$7;
 
 const ProposalUnitlinkedStyled = styled.div`
   border-radius: 8px;
@@ -77215,7 +77215,7 @@ const ProposalUnitlinked = ({
   let _contentSlot = null;
   Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$5) {
+    if (element.type === ContentSlot$6) {
       _contentSlot = child;
     }
   });
@@ -77315,8 +77315,8 @@ const ProposalUnitlinked = ({
     }
   );
 };
-const ContentSlot$5 = ({ children }) => children;
-ProposalUnitlinked.ContentSlot = ContentSlot$5;
+const ContentSlot$6 = ({ children }) => children;
+ProposalUnitlinked.ContentSlot = ContentSlot$6;
 
 const PropunereAsigurariCalatorieStyled = styled.div`
   border-radius: 8px;
@@ -77510,7 +77510,7 @@ const PropunereAsigurariCalatorie = ({
   let _contentSlot = null;
   Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$4) {
+    if (element.type === ContentSlot$5) {
       _contentSlot = child;
     }
   });
@@ -77612,8 +77612,8 @@ const PropunereAsigurariCalatorie = ({
     }
   );
 };
-const ContentSlot$4 = ({ children }) => children;
-PropunereAsigurariCalatorie.ContentSlot = ContentSlot$4;
+const ContentSlot$5 = ({ children }) => children;
+PropunereAsigurariCalatorie.ContentSlot = ContentSlot$5;
 
 const PropunereFlexicreditStyled = styled.div`
   border-radius: 8px;
@@ -77851,7 +77851,7 @@ const PropunereFlexicredit = ({
   let _contentSlot = null;
   Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$3) {
+    if (element.type === ContentSlot$4) {
       _contentSlot = child;
     }
   });
@@ -77967,8 +77967,8 @@ const PropunereFlexicredit = ({
     }
   );
 };
-const ContentSlot$3 = ({ children }) => children;
-PropunereFlexicredit.ContentSlot = ContentSlot$3;
+const ContentSlot$4 = ({ children }) => children;
+PropunereFlexicredit.ContentSlot = ContentSlot$4;
 
 const PropunereFondInvestitiiStyled = styled.div`
   border-radius: 8px;
@@ -78173,7 +78173,7 @@ const PropunereFondInvestitii = ({
   let _contentSlot = null;
   Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$2) {
+    if (element.type === ContentSlot$3) {
       _contentSlot = child;
     }
   });
@@ -78249,8 +78249,8 @@ const PropunereFondInvestitii = ({
     }
   );
 };
-const ContentSlot$2 = ({ children }) => children;
-PropunereFondInvestitii.ContentSlot = ContentSlot$2;
+const ContentSlot$3 = ({ children }) => children;
+PropunereFondInvestitii.ContentSlot = ContentSlot$3;
 
 const PropunuerePlanInvestitiiStyled = styled.div`
   border-radius: 8px;
@@ -78455,7 +78455,7 @@ const PropunuerePlanInvestitii = ({
   let _contentSlot = null;
   Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$1) {
+    if (element.type === ContentSlot$2) {
       _contentSlot = child;
     }
   });
@@ -78531,8 +78531,8 @@ const PropunuerePlanInvestitii = ({
     }
   );
 };
-const ContentSlot$1 = ({ children }) => children;
-PropunuerePlanInvestitii.ContentSlot = ContentSlot$1;
+const ContentSlot$2 = ({ children }) => children;
+PropunuerePlanInvestitii.ContentSlot = ContentSlot$2;
 
 const styledSizesWrapper = {
   small: css`
@@ -80780,7 +80780,6 @@ const UnitLinkGraphStyled = styled.svg`
   .text-contribution {
     font-size: 12px;
     font-weight: 500;
-    fill: ${colors.blue_600};
   }
   .text-action {
     font-size: 12px;
@@ -80809,6 +80808,7 @@ const UnitLinkGraph = ({
     header: "Placeholder",
     color_primary: colors.purple_600,
     color_secondary: colors.purple_50,
+    outline_color: colors.white,
     percentage: 50,
     place_at_ani: 7,
     actions: [
@@ -80831,6 +80831,11 @@ const UnitLinkGraph = ({
   timeline_texts = {
     left: "Placeholder"
   },
+  timeline_text_color = {
+    left: colors.blue_600,
+    right: colors.blue_600
+  },
+  lineGraphAreaColor,
   ...rest
 }) => {
   const sliderActive = useMemo(() => {
@@ -80966,7 +80971,9 @@ const UnitLinkGraph = ({
             wrappedLabel,
             sublabel: item.sublabel,
             sublabel_x,
-            sublabel_y
+            sublabel_y,
+            bgColor: item.bgColor || void 0,
+            textColor: item.textColor || void 0
           };
         }
         return {
@@ -80998,7 +81005,8 @@ const UnitLinkGraph = ({
       const dynamic_pos_secondary_x = get_position_at_indicator - APPROXIMATE_BAR_STROKE_WIDTH - configurations.bars.width - configurations.area.indicators.margin;
       const dynamic_pos_main_x = get_position_at_indicator + APPROXIMATE_BAR_STROKE_WIDTH + configurations.area.indicators.strokeWidth + configurations.area.indicators.margin;
       const h = mainHeightGraph - configurations.bars.actionsGap - START_Y;
-      const calculate_filled_bar = floorToHalf(config.percentage / 100 * h);
+      const mainPercentage = (config?.secondary_percentage || 0) > 0 ? config.percentage - (config?.secondary_percentage || 0) : config.percentage;
+      const calculate_filled_bar = floorToHalf(mainPercentage / 100 * h);
       const x = floorToHalf(main ? dynamic_pos_main_x : dynamic_pos_secondary_x);
       const w = floorToHalf(configurations.bars.width);
       const outlined_y = START_Y + APPROXIMATE_BAR_STROKE_WIDTH + configurations.bars.actionsGap;
@@ -81023,7 +81031,9 @@ const UnitLinkGraph = ({
         filled_h: Math.max(filled_h, 0),
         colorPrimary: config.color_primary,
         colorSecondary: config.color_secondary,
+        outlineColor: config.outline_color || colors.white,
         strokeWidth: configurations.bars.strokeWidth,
+        percentage: config.percentage,
         barActions: {
           header: {
             title: config.header,
@@ -81054,7 +81064,7 @@ const UnitLinkGraph = ({
         x1: floorToHalf(mainStart + configurations.area.outersPartsWidth),
         x2: floorToHalf(barMain.x - configurations.area.outersPartsWidth),
         y1: mainHeightGraph - configurations.area.strokeWidth,
-        y2: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
+        y2: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
         strokeWidth: barMainConfiguration.percentage === 0 ? 0 : configurations.area.graphLineStrokeWidth
       };
       const part_3 = {
@@ -81062,8 +81072,8 @@ const UnitLinkGraph = ({
           barMain.x - configurations.area.outersPartsWidth - configurations.area.additionalSpaceVisualize
         ),
         x2: floorToHalf(barMain.x),
-        y1: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
-        y2: barMain.filled_y + 1 - configurations.area.additionalSpaceVisualize,
+        y1: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
+        y2: (barMain.percentage === 100 ? barMain.outlined_y : barMain.filled_y) + 1 - configurations.area.additionalSpaceVisualize,
         strokeWidth: barMainConfiguration.percentage === 0 ? 0 : configurations.area.graphLineStrokeWidth
       };
       return {
@@ -81269,7 +81279,7 @@ const UnitLinkGraph = ({
               y1: graph.main.area.part_1.y1,
               y2: graph.main.area.part_1.y2,
               strokeWidth: graph.main.area.part_1.strokeWidth,
-              stroke: graph.main.bars.main.colorPrimary
+              stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
             }
           ),
           /* @__PURE__ */ jsx(
@@ -81280,7 +81290,7 @@ const UnitLinkGraph = ({
               y1: graph.main.area.part_2.y1,
               y2: graph.main.area.part_2.y2,
               strokeWidth: graph.main.area.part_2.strokeWidth,
-              stroke: graph.main.bars.main.colorPrimary
+              stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
             }
           ),
           /* @__PURE__ */ jsx(
@@ -81291,15 +81301,15 @@ const UnitLinkGraph = ({
               y1: graph.main.area.part_3.y1,
               y2: graph.main.area.part_3.y2,
               strokeWidth: graph.main.area.part_3.strokeWidth,
-              stroke: graph.main.bars.main.colorPrimary
+              stroke: lineGraphAreaColor || graph.main.bars.main.colorPrimary
             }
           ),
           /* @__PURE__ */ jsx(
             "polygon",
             {
               points: `
-            ${graph.main.area.part_2.x2},${graph.main.bars.main.filled_y + 1.5} 
-            ${graph.main.area.part_3.x2},${graph.main.bars.main.filled_y + 1.5}
+            ${graph.main.area.part_2.x2},${(graph.main.bars.main.percentage === 100 ? graph.main.bars.main.outlined_y : graph.main.bars.main.filled_y) + 1.5} 
+            ${graph.main.area.part_3.x2},${(graph.main.bars.main.percentage === 100 ? graph.main.bars.main.outlined_y : graph.main.bars.main.filled_y) + 1.5}
             ${graph.main.area.part_3.x2},${graph.mainHeightGraph} 
             ${graph.main.area.part_2.x1},${graph.mainHeightGraph}`,
               fill: graph.main.bars.main.colorSecondary
@@ -81359,6 +81369,7 @@ const UnitLinkGraph = ({
             className: "text-contribution",
             y: graph.timeline.text.left.y,
             x: graph.timeline.text.left.x,
+            fill: timeline_text_color.left,
             textAnchor: "end",
             children: timeline_texts.left
           }
@@ -81369,6 +81380,7 @@ const UnitLinkGraph = ({
             className: "text-contribution",
             y: graph.timeline.text.right.y,
             x: graph.timeline.text.right.x,
+            fill: timeline_text_color.right,
             textAnchor: "start",
             children: timeline_texts.right
           }
@@ -81453,7 +81465,7 @@ const RenderBar = ({
         y: bar.outlined_y,
         width: bar.w,
         height: bar.outlined_h,
-        fill: colors.white,
+        fill: bar.outlineColor,
         stroke: bar.colorPrimary,
         strokeWidth: bar.strokeWidth
       }
@@ -81481,6 +81493,8 @@ const RenderBar = ({
     ),
     bar.barActions.actions.map((action, index) => {
       const isActive = activeAction === index;
+      const rectColor = isActive ? bar.colorPrimary : action.bgColor ? action.bgColor : bar.colorSecondary;
+      const textColor = isActive ? colors.white : action.textColor ? action.textColor : bar.colorPrimary;
       return /* @__PURE__ */ jsxs(
         "g",
         {
@@ -81490,7 +81504,7 @@ const RenderBar = ({
             /* @__PURE__ */ jsx(
               "rect",
               {
-                fill: isActive ? bar.colorPrimary : bar.colorSecondary,
+                fill: rectColor,
                 rx: 4,
                 ry: 4,
                 height: action.actions_h,
@@ -81505,7 +81519,7 @@ const RenderBar = ({
                 className: "text-bar-actions-label",
                 x: action.label_x,
                 y: action.label_y,
-                fill: isActive ? colors.white : bar.colorPrimary,
+                fill: textColor,
                 children: action.wrappedLabel?.map((line, lineIndex) => /* @__PURE__ */ jsx(
                   "tspan",
                   {
@@ -81520,7 +81534,7 @@ const RenderBar = ({
             action.sublabel && /* @__PURE__ */ jsx(
               "text",
               {
-                fill: isActive ? colors.white : bar.colorPrimary,
+                fill: textColor,
                 className: "text-bar-actions-sublabel",
                 x: action.sublabel_x,
                 y: action.sublabel_y,
@@ -82207,7 +82221,7 @@ const PropunereAsigurareLocuinta = ({
   let _contentSlot = null;
   Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot) {
+    if (element.type === ContentSlot$1) {
       _contentSlot = child;
     }
   });
@@ -82348,8 +82362,8 @@ const PropunereAsigurareLocuinta = ({
     }
   );
 };
-const ContentSlot = ({ children }) => children;
-PropunereAsigurareLocuinta.ContentSlot = ContentSlot;
+const ContentSlot$1 = ({ children }) => children;
+PropunereAsigurareLocuinta.ContentSlot = ContentSlot$1;
 
 const TextareaStyled = styled.textarea`
   box-sizing: border-box;
@@ -82523,4 +82537,378 @@ const ConfigurationStickyBar = ({
   return /* @__PURE__ */ jsx(ConfigurationStickyBarStyled, { $visible: isVisible, ...rest, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { children }) }) });
 };
 
-export { Accordion, Alert, AppBranding, AutosaveStatus, Bar, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, Card, Checkbox, CityPicker, 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, 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 PropunereUniqaProtectStyled = styled.div`
+  border-radius: 8px;
+  border: 1px solid
+    ${({ $featured, $selected }) => $selected ? colors.purple_500 : $featured ? colors.accent_600 : colors.gray_200};
+  overflow: hidden;
+  min-height: ${({ $hideButton }) => $hideButton ? "294px" : "334px"};
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+
+  ${(props) => !props.$empty ? css`
+          outline: ${props.$featured ? `3px solid ${colors.accent_300}` : "none"};
+
+          & > div:first-of-type {
+            & > div:first-child {
+              padding: 6px 6px 0px 16px;
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              gap: 8px;
+              background-color: ${props.$refused ? colors.gray_30 : props.$selected ? colors.purple_50 : props.$featured ? colors.accent_100 : "transparent"};
+
+              & > span {
+                font-size: 18px;
+                font-weight: 700;
+                line-height: 120%;
+                color: ${({ $refused }) => $refused ? colors.gray_300 : colors.purple_600};
+              }
+            }
+
+            & > div:nth-child(2) {
+              box-sizing: border-box;
+              display: flex;
+              align-items: stretch;
+              height: 80px;
+
+              & > div:first-of-type {
+                padding: 8px 4px 12px 16px;
+                flex: 1;
+                box-sizing: border-box;
+                display: flex;
+                flex-direction: column;
+                gap: 2px;
+                background-color: ${props.$refused ? colors.gray_30 : props.$selected ? colors.purple_50 : props.$featured ? colors.accent_100 : "transparent"};
+
+                & > div {
+                  display: flex;
+                  align-items: flex-start;
+                  gap: 8px;
+
+                  & > svg {
+                    cursor: pointer;
+                  }
+
+                  & > span:first-of-type {
+                    flex: 1;
+                    font-size: 14px;
+                    font-weight: ${({ $includePad }) => $includePad ? 700 : 400};
+                    color: ${({ $refused }) => $refused ? colors.gray_200 : colors.gray_700};
+                  }
+                }
+
+                & > span {
+                  font-size: 20px;
+                  font-weight: 700;
+                  color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                }
+              }
+
+              & > div:nth-of-type(2) {
+                padding: 8px 16px 12px 4px;
+                flex: 1;
+                box-sizing: border-box;
+                display: flex;
+                flex-direction: column;
+                gap: 2px;
+                background-color: ${props.$refused ? colors.gray_30 : props.$selected ? colors.purple_50 : props.$featured ? colors.accent_100 : "transparent"};
+
+                & > span:first-of-type {
+                  font-size: 14px;
+                  font-weight: ${({ $includePad }) => $includePad ? 700 : 400};
+                  color: ${({ $refused }) => $refused ? colors.gray_200 : colors.gray_700};
+                }
+
+                & > span:nth-of-type(2) {
+                  font-size: 20px;
+                  font-weight: 500;
+                  color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                }
+              }
+            }
+
+            & > div:last-child {
+              display: flex;
+              border-top: 1px solid ${colors.gray_200};
+              border-bottom: 1px solid ${colors.gray_200};
+              display: flex;
+              align-items: stretch;
+              box-sizing: border-box;
+
+              & > div:first-of-type {
+                box-sizing: border-box;
+                flex: 1;
+                height: 58px;
+                display: flex;
+                align-items: flex-start;
+                padding: 12px 16px;
+                gap: 8px;
+                border-right: 0.5px solid ${colors.gray_200};
+                background-color: ${props.$refused ? colors.gray_60 : props.$featured ? colors.white : colors.gray_30};
+
+                & > div {
+                  display: flex;
+                  flex-direction: column;
+                  gap: 2px;
+
+                  & > div:first-of-type {
+                    display: flex;
+                    align-items: center;
+                    gap: 4px;
+
+                    & > span:first-of-type {
+                      font-size: 12px;
+                      font-weight: 400;
+                      line-height: 120%;
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
+                    }
+                  }
+
+                  & > span {
+                    font-size: 14px;
+                    font-weight: 500;
+                    line-height: 120%;
+                    color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                  }
+                }
+              }
+
+              & > div:last-of-type {
+                box-sizing: border-box;
+                flex: 1;
+                height: 58px;
+                display: flex;
+                align-items: flex-start;
+                padding: 12px 16px;
+                gap: 8px;
+                border-left: 0.5px solid ${colors.gray_200};
+                background-color: ${(props2) => props2.$refused ? colors.gray_60 : colors.gray_30};
+
+                & > div {
+                  display: flex;
+                  flex-direction: column;
+                  gap: 2px;
+
+                  & > span:first-of-type {
+                    font-size: 12px;
+                    font-weight: 400;
+                    line-height: 120%;
+                    color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
+                  }
+
+                  & > span:nth-of-type(2) {
+                    font-size: 14px;
+                    font-weight: 500;
+                    line-height: 120%;
+                    color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                  }
+                }
+              }
+            }
+          }
+
+          & > div:last-of-type {
+            height: 106px;
+            box-sizing: border-box;
+          }
+
+          & > button {
+            appearance: none;
+            border: none;
+            outline: none;
+            background-color: ${({ $selected, $disabled }) => $selected ? $disabled ? colors.gray_100 : colors.purple_600 : "transparent"};
+            padding: 0px;
+            width: 100%;
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 8px;
+            border-top: 1px solid ${colors.gray_200};
+            cursor: pointer;
+
+            & > span {
+              font-size: 14px;
+              font-weight: 500;
+              line-height: 120%;
+              color: ${({ $selected, $disabled }) => $selected ? $disabled ? colors.gray_600 : colors.white : $disabled ? colors.gray_300 : colors.purple_600};
+            }
+          }
+        ` : css`
+          background-color: ${colors.gray_30};
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          padding: 16px;
+
+          & > div {
+            display: flex;
+            flex-direction: column;
+            gap: 16px;
+            justify-content: center;
+            align-items: center;
+
+            & > span {
+              font-size: 14px;
+              font-weight: 400;
+              line-height: 120%;
+              color: ${colors.gray_500};
+              text-align: center;
+            }
+          }
+        `}
+`;
+const PropunereUniqaProtect = ({
+  title = "Fix ce ai cerut!",
+  contributiaLunara = "",
+  durata = "",
+  taxaDePolita = "",
+  numarPolite = "",
+  featured = false,
+  selected = false,
+  disabled = false,
+  refused = false,
+  hideButton = false,
+  empty = false,
+  emptyText = "Indisponibil",
+  iconButtonOnClick,
+  buttonOnClick,
+  contributiaLunaraHintOnClick,
+  taxaDePolitaHintOnClick,
+  children,
+  ...rest
+}) => {
+  let _contentSlot = null;
+  Children.toArray(children).filter(Boolean).forEach((child) => {
+    const element = child;
+    if (element.type === ContentSlot) {
+      _contentSlot = child;
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    PropunereUniqaProtectStyled,
+    {
+      $empty: empty,
+      $featured: featured,
+      $selected: selected,
+      $disabled: disabled,
+      $refused: refused,
+      $hideButton: hideButton,
+      ...rest,
+      children: !empty ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { children: title }),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: iconButtonOnClick,
+                icon: "new_tab",
+                intent: "accent",
+                variant: "tertiary",
+                shape: "rounded",
+                color: colors.info_800,
+                size: "medium"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Contributia lunara" }),
+                /* @__PURE__ */ jsx(
+                  Icon$1,
+                  {
+                    onClick: contributiaLunaraHintOnClick,
+                    icon: "hint_filled",
+                    size: 16,
+                    color: refused ? colors.gray_200 : colors.info_700
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("span", { children: contributiaLunara || "-" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { children: "Durata" }),
+              /* @__PURE__ */ jsx("span", { children: durata || "-" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                Icon$1,
+                {
+                  icon: "invoice_seal",
+                  size: 16,
+                  color: refused ? colors.gray_200 : colors.gray_500
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("span", { children: "Taxa de polita" }),
+                  /* @__PURE__ */ jsx(
+                    Icon$1,
+                    {
+                      onClick: taxaDePolitaHintOnClick,
+                      icon: "hint_filled",
+                      size: 16,
+                      color: refused ? colors.gray_200 : colors.info_700
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("span", { children: taxaDePolita || "-" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                Icon$1,
+                {
+                  icon: "docs",
+                  size: 16,
+                  color: refused ? colors.gray_200 : colors.gray_500
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Numar polite" }),
+                /* @__PURE__ */ jsx("span", { children: numarPolite || "-" })
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: _contentSlot }),
+        !hideButton && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            disabled,
+            type: "button",
+            onClick: !disabled ? buttonOnClick : () => {
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Icon$1,
+                {
+                  icon: selected ? "checkmark_filled" : "checkmark-part",
+                  size: 16,
+                  color: selected ? disabled ? colors.gray_600 : colors.white : colors.purple_600,
+                  style: {
+                    opacity: disabled && !selected ? "0.25" : "1"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { children: selected ? "Varianta selectata" : "Vreau aceasta varianta!" })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Icon$1, { size: 20, icon: "rejected", color: colors.gray_500 }),
+        /* @__PURE__ */ jsx("span", { children: emptyText })
+      ] })
+    }
+  );
+};
+const ContentSlot = ({ children }) => children;
+PropunereUniqaProtect.ContentSlot = ContentSlot;
+
+export { Accordion, Alert, AppBranding, AutosaveStatus, Bar, BreadcrumbItem, Breadcrumbs, Button, ButtonLink, Card, Checkbox, CityPicker, 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 };