rbro-tat-uds 2.2.21 → 2.2.23

package/build/cjs/index.cjs

@@ -61195,7 +61195,7 @@ const ConfigurationSaveInfo = ({
     ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-        isSimulator ? "Simluare" : "Configuratie",
+        isSimulator ? "Simulare" : "Configuratie",
         " din data"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: date.length ? date : "N/A" })
@@ -62216,7 +62216,7 @@ const Modal = ({
   let _footerSlot = null;
   React.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) {
@@ -62255,9 +62255,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__default.default.div`
@@ -76433,7 +76433,7 @@ const ProductTeaser = ({
     if (element.type === StepsSlot) {
       _stepsSlot = child;
     }
-    if (element.type === ContentSlot$7) {
+    if (element.type === ContentSlot$8) {
       _contentSlot = child;
     }
   });
@@ -76457,9 +76457,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__default.default.div`
   display: flex;
@@ -76943,7 +76943,7 @@ const ProposalPensii = ({
   let _contentSlot = null;
   React.Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$6) {
+    if (element.type === ContentSlot$7) {
       _contentSlot = child;
     }
   });
@@ -77045,8 +77045,8 @@ const ProposalPensii = ({
     }
   );
 };
-const ContentSlot$6 = ({ children }) => children;
-ProposalPensii.ContentSlot = ContentSlot$6;
+const ContentSlot$7 = ({ children }) => children;
+ProposalPensii.ContentSlot = ContentSlot$7;
 
 const ProposalUnitlinkedStyled = styled__default.default.div`
   border-radius: 8px;
@@ -77238,7 +77238,7 @@ const ProposalUnitlinked = ({
   let _contentSlot = null;
   React.Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$5) {
+    if (element.type === ContentSlot$6) {
       _contentSlot = child;
     }
   });
@@ -77338,8 +77338,8 @@ const ProposalUnitlinked = ({
     }
   );
 };
-const ContentSlot$5 = ({ children }) => children;
-ProposalUnitlinked.ContentSlot = ContentSlot$5;
+const ContentSlot$6 = ({ children }) => children;
+ProposalUnitlinked.ContentSlot = ContentSlot$6;
 
 const PropunereAsigurariCalatorieStyled = styled__default.default.div`
   border-radius: 8px;
@@ -77533,7 +77533,7 @@ const PropunereAsigurariCalatorie = ({
   let _contentSlot = null;
   React.Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$4) {
+    if (element.type === ContentSlot$5) {
       _contentSlot = child;
     }
   });
@@ -77635,8 +77635,8 @@ const PropunereAsigurariCalatorie = ({
     }
   );
 };
-const ContentSlot$4 = ({ children }) => children;
-PropunereAsigurariCalatorie.ContentSlot = ContentSlot$4;
+const ContentSlot$5 = ({ children }) => children;
+PropunereAsigurariCalatorie.ContentSlot = ContentSlot$5;
 
 const PropunereFlexicreditStyled = styled__default.default.div`
   border-radius: 8px;
@@ -77874,7 +77874,7 @@ const PropunereFlexicredit = ({
   let _contentSlot = null;
   React.Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$3) {
+    if (element.type === ContentSlot$4) {
       _contentSlot = child;
     }
   });
@@ -77990,8 +77990,8 @@ const PropunereFlexicredit = ({
     }
   );
 };
-const ContentSlot$3 = ({ children }) => children;
-PropunereFlexicredit.ContentSlot = ContentSlot$3;
+const ContentSlot$4 = ({ children }) => children;
+PropunereFlexicredit.ContentSlot = ContentSlot$4;
 
 const PropunereFondInvestitiiStyled = styled__default.default.div`
   border-radius: 8px;
@@ -78196,7 +78196,7 @@ const PropunereFondInvestitii = ({
   let _contentSlot = null;
   React.Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$2) {
+    if (element.type === ContentSlot$3) {
       _contentSlot = child;
     }
   });
@@ -78272,8 +78272,8 @@ const PropunereFondInvestitii = ({
     }
   );
 };
-const ContentSlot$2 = ({ children }) => children;
-PropunereFondInvestitii.ContentSlot = ContentSlot$2;
+const ContentSlot$3 = ({ children }) => children;
+PropunereFondInvestitii.ContentSlot = ContentSlot$3;
 
 const PropunuerePlanInvestitiiStyled = styled__default.default.div`
   border-radius: 8px;
@@ -78478,7 +78478,7 @@ const PropunuerePlanInvestitii = ({
   let _contentSlot = null;
   React.Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot$1) {
+    if (element.type === ContentSlot$2) {
       _contentSlot = child;
     }
   });
@@ -78554,8 +78554,8 @@ const PropunuerePlanInvestitii = ({
     }
   );
 };
-const ContentSlot$1 = ({ children }) => children;
-PropunuerePlanInvestitii.ContentSlot = ContentSlot$1;
+const ContentSlot$2 = ({ children }) => children;
+PropunuerePlanInvestitii.ContentSlot = ContentSlot$2;
 
 const styledSizesWrapper = {
   small: styled.css`
@@ -80803,7 +80803,6 @@ const UnitLinkGraphStyled = styled__default.default.svg`
   .text-contribution {
     font-size: 12px;
     font-weight: 500;
-    fill: ${utils.colors.blue_600};
   }
   .text-action {
     font-size: 12px;
@@ -80832,6 +80831,7 @@ const UnitLinkGraph = ({
     header: "Placeholder",
     color_primary: utils.colors.purple_600,
     color_secondary: utils.colors.purple_50,
+    outline_color: utils.colors.white,
     percentage: 50,
     place_at_ani: 7,
     actions: [
@@ -80854,6 +80854,11 @@ const UnitLinkGraph = ({
   timeline_texts = {
     left: "Placeholder"
   },
+  timeline_text_color = {
+    left: utils.colors.blue_600,
+    right: utils.colors.blue_600
+  },
+  lineGraphAreaColor,
   ...rest
 }) => {
   const sliderActive = React.useMemo(() => {
@@ -80989,7 +80994,9 @@ const UnitLinkGraph = ({
             wrappedLabel,
             sublabel: item.sublabel,
             sublabel_x,
-            sublabel_y
+            sublabel_y,
+            bgColor: item.bgColor || void 0,
+            textColor: item.textColor || void 0
           };
         }
         return {
@@ -81021,7 +81028,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;
@@ -81046,7 +81054,9 @@ const UnitLinkGraph = ({
         filled_h: Math.max(filled_h, 0),
         colorPrimary: config.color_primary,
         colorSecondary: config.color_secondary,
+        outlineColor: config.outline_color || utils.colors.white,
         strokeWidth: configurations.bars.strokeWidth,
+        percentage: config.percentage,
         barActions: {
           header: {
             title: config.header,
@@ -81077,7 +81087,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 = {
@@ -81085,8 +81095,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 {
@@ -81292,7 +81302,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__ */ jsxRuntime.jsx(
@@ -81303,7 +81313,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__ */ jsxRuntime.jsx(
@@ -81314,15 +81324,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__ */ jsxRuntime.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
@@ -81382,6 +81392,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
           }
@@ -81392,6 +81403,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
           }
@@ -81476,7 +81488,7 @@ const RenderBar = ({
         y: bar.outlined_y,
         width: bar.w,
         height: bar.outlined_h,
-        fill: utils.colors.white,
+        fill: bar.outlineColor,
         stroke: bar.colorPrimary,
         strokeWidth: bar.strokeWidth
       }
@@ -81504,6 +81516,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 ? utils.colors.white : action.textColor ? action.textColor : bar.colorPrimary;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "g",
         {
@@ -81513,7 +81527,7 @@ const RenderBar = ({
             /* @__PURE__ */ jsxRuntime.jsx(
               "rect",
               {
-                fill: isActive ? bar.colorPrimary : bar.colorSecondary,
+                fill: rectColor,
                 rx: 4,
                 ry: 4,
                 height: action.actions_h,
@@ -81528,7 +81542,7 @@ const RenderBar = ({
                 className: "text-bar-actions-label",
                 x: action.label_x,
                 y: action.label_y,
-                fill: isActive ? utils.colors.white : bar.colorPrimary,
+                fill: textColor,
                 children: action.wrappedLabel?.map((line, lineIndex) => /* @__PURE__ */ jsxRuntime.jsx(
                   "tspan",
                   {
@@ -81543,7 +81557,7 @@ const RenderBar = ({
             action.sublabel && /* @__PURE__ */ jsxRuntime.jsx(
               "text",
               {
-                fill: isActive ? utils.colors.white : bar.colorPrimary,
+                fill: textColor,
                 className: "text-bar-actions-sublabel",
                 x: action.sublabel_x,
                 y: action.sublabel_y,
@@ -82230,7 +82244,7 @@ const PropunereAsigurareLocuinta = ({
   let _contentSlot = null;
   React.Children.toArray(children).filter(Boolean).forEach((child) => {
     const element = child;
-    if (element.type === ContentSlot) {
+    if (element.type === ContentSlot$1) {
       _contentSlot = child;
     }
   });
@@ -82371,8 +82385,8 @@ const PropunereAsigurareLocuinta = ({
     }
   );
 };
-const ContentSlot = ({ children }) => children;
-PropunereAsigurareLocuinta.ContentSlot = ContentSlot;
+const ContentSlot$1 = ({ children }) => children;
+PropunereAsigurareLocuinta.ContentSlot = ContentSlot$1;
 
 const TextareaStyled = styled__default.default.textarea`
   box-sizing: border-box;
@@ -82546,6 +82560,380 @@ const ConfigurationStickyBar = ({
   return /* @__PURE__ */ jsxRuntime.jsx(ConfigurationStickyBarStyled, { $visible: isVisible, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { children }) }) });
 };
 
+const PropunereUniqaProtectStyled = styled__default.default.div`
+  border-radius: 8px;
+  border: 1px solid
+    ${({ $featured, $selected }) => $selected ? utils.colors.purple_500 : $featured ? utils.colors.accent_600 : utils.colors.gray_200};
+  overflow: hidden;
+  min-height: ${({ $hideButton }) => $hideButton ? "294px" : "334px"};
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+
+  ${(props) => !props.$empty ? styled.css`
+          outline: ${props.$featured ? `3px solid ${utils.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 ? utils.colors.gray_30 : props.$selected ? utils.colors.purple_50 : props.$featured ? utils.colors.accent_100 : "transparent"};
+
+              & > span {
+                font-size: 18px;
+                font-weight: 700;
+                line-height: 120%;
+                color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.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 ? utils.colors.gray_30 : props.$selected ? utils.colors.purple_50 : props.$featured ? utils.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 ? utils.colors.gray_200 : utils.colors.gray_700};
+                  }
+                }
+
+                & > span {
+                  font-size: 20px;
+                  font-weight: 700;
+                  color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.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 ? utils.colors.gray_30 : props.$selected ? utils.colors.purple_50 : props.$featured ? utils.colors.accent_100 : "transparent"};
+
+                & > span:first-of-type {
+                  font-size: 14px;
+                  font-weight: ${({ $includePad }) => $includePad ? 700 : 400};
+                  color: ${({ $refused }) => $refused ? utils.colors.gray_200 : utils.colors.gray_700};
+                }
+
+                & > span:nth-of-type(2) {
+                  font-size: 20px;
+                  font-weight: 500;
+                  color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.gray_950};
+                }
+              }
+            }
+
+            & > div:last-child {
+              display: flex;
+              border-top: 1px solid ${utils.colors.gray_200};
+              border-bottom: 1px solid ${utils.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 ${utils.colors.gray_200};
+                background-color: ${props.$refused ? utils.colors.gray_60 : props.$featured ? utils.colors.white : utils.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 ? utils.colors.gray_300 : utils.colors.gray_700};
+                    }
+                  }
+
+                  & > span {
+                    font-size: 14px;
+                    font-weight: 500;
+                    line-height: 120%;
+                    color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.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 ${utils.colors.gray_200};
+                background-color: ${(props2) => props2.$refused ? utils.colors.gray_60 : utils.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 ? utils.colors.gray_300 : utils.colors.gray_700};
+                  }
+
+                  & > span:nth-of-type(2) {
+                    font-size: 14px;
+                    font-weight: 500;
+                    line-height: 120%;
+                    color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.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 ? utils.colors.gray_100 : utils.colors.purple_600 : "transparent"};
+            padding: 0px;
+            width: 100%;
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 8px;
+            border-top: 1px solid ${utils.colors.gray_200};
+            cursor: pointer;
+
+            & > span {
+              font-size: 14px;
+              font-weight: 500;
+              line-height: 120%;
+              color: ${({ $selected, $disabled }) => $selected ? $disabled ? utils.colors.gray_600 : utils.colors.white : $disabled ? utils.colors.gray_300 : utils.colors.purple_600};
+            }
+          }
+        ` : styled.css`
+          background-color: ${utils.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: ${utils.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;
+  React.Children.toArray(children).filter(Boolean).forEach((child) => {
+    const element = child;
+    if (element.type === ContentSlot) {
+      _contentSlot = child;
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PropunereUniqaProtectStyled,
+    {
+      $empty: empty,
+      $featured: featured,
+      $selected: selected,
+      $disabled: disabled,
+      $refused: refused,
+      $hideButton: hideButton,
+      ...rest,
+      children: !empty ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              IconButton,
+              {
+                onClick: iconButtonOnClick,
+                icon: "new_tab",
+                intent: "accent",
+                variant: "tertiary",
+                shape: "rounded",
+                color: utils.colors.info_800,
+                size: "medium"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Contributia lunara" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Icon$1,
+                  {
+                    onClick: contributiaLunaraHintOnClick,
+                    icon: "hint_filled",
+                    size: 16,
+                    color: refused ? utils.colors.gray_200 : utils.colors.info_700
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: contributiaLunara || "-" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Durata" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: durata || "-" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Icon$1,
+                {
+                  icon: "invoice_seal",
+                  size: 16,
+                  color: refused ? utils.colors.gray_200 : utils.colors.gray_500
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Taxa de polita" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Icon$1,
+                    {
+                      onClick: taxaDePolitaHintOnClick,
+                      icon: "hint_filled",
+                      size: 16,
+                      color: refused ? utils.colors.gray_200 : utils.colors.info_700
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: taxaDePolita || "-" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Icon$1,
+                {
+                  icon: "docs",
+                  size: 16,
+                  color: refused ? utils.colors.gray_200 : utils.colors.gray_500
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Numar polite" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: numarPolite || "-" })
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: _contentSlot }),
+        !hideButton && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            disabled,
+            type: "button",
+            onClick: !disabled ? buttonOnClick : () => {
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Icon$1,
+                {
+                  icon: selected ? "checkmark_filled" : "checkmark-part",
+                  size: 16,
+                  color: selected ? disabled ? utils.colors.gray_600 : utils.colors.white : utils.colors.purple_600,
+                  style: {
+                    opacity: disabled && !selected ? "0.25" : "1"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: selected ? "Varianta selectata" : "Vreau aceasta varianta!" })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { size: 20, icon: "rejected", color: utils.colors.gray_500 }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: emptyText })
+      ] })
+    }
+  );
+};
+const ContentSlot = ({ children }) => children;
+PropunereUniqaProtect.ContentSlot = ContentSlot;
+
 exports.Accordion = Accordion;
 exports.Alert = Alert;
 exports.AppBranding = AppBranding;
@@ -82615,6 +83003,7 @@ exports.PropunereAsigurariCalatorie = PropunereAsigurariCalatorie;
 exports.PropunereFlexicredit = PropunereFlexicredit;
 exports.PropunereFondInvestitii = PropunereFondInvestitii;
 exports.PropunerePlanInvestitii = PropunuerePlanInvestitii;
+exports.PropunereUniqaProtect = PropunereUniqaProtect;
 exports.Radio = Radio;
 exports.RatesCalculator = RatesCalculator;
 exports.Section = Section;