rbro-tat-uds 2.2.22 → 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`
@@ -82244,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;
     }
   });
@@ -82385,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;
@@ -82560,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;
@@ -82629,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;

package/build/esm/components/ConfigurationSaveInfo/ConfigurationSaveInfo.js

@@ -58,7 +58,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" })