rbro-tat-uds 1.6.36 → 2.0.0

package/build/esm/components/ProposalPensii/ProposalPensii.js

@@ -0,0 +1,309 @@
+"use strict";
+"use client";
+
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Children } from 'react';
+import styled, { css } from 'styled-components';
+import Icon from '../Icon/Icon.js';
+import IconButton from '../IconButton/IconButton.js';
+import { colors } from '../../utils';
+
+const ProposalPensiiStyled = styled.div`
+  border-radius: 8px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: ${({ $selected }) => $selected ? colors.purple_500 : colors.gray_200};
+  overflow: hidden;
+  min-height: ${({ $hideButton }) => $hideButton ? "274px" : "314px"};
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+
+  ${({ $empty }) => !$empty ? css`
+          & > div:first-of-type {
+            & > div:first-child {
+              background-color: ${({ $selected, $refused }) => $selected || $refused ? $selected && colors.purple_50 || $refused && colors.gray_30 : "transparent"};
+              padding: 6px 6px 0px 16px;
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              gap: 8px;
+              height: 46px;
+
+              & > span {
+                font-size: 18px;
+                font-weight: 700;
+                line-height: 120%;
+                color: ${({ $refused }) => $refused ? colors.gray_300 : colors.purple_600};
+              }
+            }
+
+            & > div:nth-child(2) {
+              background-color: ${({ $selected, $refused }) => $selected || $refused ? $selected && colors.purple_50 || $refused && colors.gray_30 : "transparent"};
+              height: 63px;
+              display: flex;
+              align-items: stretch;
+              gap: 8px;
+              padding: 8px 16px 12px 16px;
+
+              & > div {
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                gap: 2px;
+
+                & > span:first-child {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 120%;
+                  color: ${({ $refused }) => $refused ? colors.gray_200 : colors.gray_700};
+                }
+              }
+
+              & > div:first-child {
+                & > span:last-of-type {
+                  font-size: 20px;
+                  font-weight: 700;
+                  line-height: 120%;
+                  color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                }
+              }
+
+              & > div:last-of-type {
+                & > span:last-of-type {
+                  font-size: 20px;
+                  font-weight: 500;
+                  line-height: 120%;
+                  color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                }
+              }
+            }
+
+            & > div:last-child {
+              border-top: 1px solid ${colors.gray_200};
+              border-bottom: 1px solid ${colors.gray_200};
+              display: flex;
+              align-items: stretch;
+              height: 57px;
+
+              & > div {
+                flex: 1;
+                display: flex;
+                align-items: center;
+                padding: 0px 16px;
+                background-color: ${({ $refused }) => $refused ? colors.gray_60 : colors.gray_30};
+                & > div {
+                  display: flex;
+                  align-items: flex-start;
+                  gap: 8px;
+
+                  & > div {
+                    display: flex;
+                    flex-direction: column;
+                    gap: 2px;
+
+                    & > span:first-child {
+                      font-size: 12px;
+                      font-weight: 400;
+                      line-height: 120%;
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
+                    }
+
+                    & > span:last-child {
+                      font-size: 14px;
+                      font-weight: 500;
+                      line-height: 120%;
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                    }
+                  }
+                }
+              }
+
+              & > div:first-of-type {
+                border-right: 0.5px solid ${colors.gray_200};
+              }
+
+              & > div:last-of-type {
+                border-left: 0.5px solid ${colors.gray_200};
+              }
+            }
+          }
+
+          & > 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 ProposalPensii = ({
+  title = "Fix ce ai cerut!",
+  venit = "",
+  contributie = "",
+  perioada_acumulare = "",
+  perioada_incasare = "",
+  selected = false,
+  refused = false,
+  disabled = false,
+  hideButton = false,
+  hideHeaderButton = false,
+  empty = false,
+  emptyText = "Indisponibil",
+  iconButtonOnClick,
+  buttonOnClick,
+  children,
+  ...rest
+}) => {
+  let _contentSlot = null;
+  Children.toArray(children).filter(Boolean).forEach((child) => {
+    const element = child;
+    if (element.type === ContentSlot) {
+      _contentSlot = child;
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    ProposalPensiiStyled,
+    {
+      $empty: empty,
+      $selected: selected,
+      $refused: refused,
+      $disabled: disabled,
+      $hideButton: hideButton,
+      ...rest,
+      children: !empty ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { children: title }),
+            !hideHeaderButton && /* @__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__ */ jsx("span", { children: "Venit la pensie" }),
+              /* @__PURE__ */ jsx("span", { children: venit || "-" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { children: "Contributie lunara" }),
+              /* @__PURE__ */ jsx("span", { children: contributie || "-" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "calendar",
+                  size: 16,
+                  color: refused ? colors.gray_200 : colors.gray_500
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Acumulare" }),
+                /* @__PURE__ */ jsx("span", { children: perioada_acumulare || "-" })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "calendar",
+                  size: 16,
+                  color: refused ? colors.gray_200 : colors.gray_500
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Incasare" }),
+                /* @__PURE__ */ jsx("span", { children: perioada_incasare || "-" })
+              ] })
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: _contentSlot }),
+        !hideButton && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            disabled,
+            type: "button",
+            onClick: !disabled ? buttonOnClick : () => {
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  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 ? "Oferta selectata" : "Vreau aceasta oferta!" })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Icon, { size: 20, icon: "rejected", color: colors.gray_500 }),
+        /* @__PURE__ */ jsx("span", { children: emptyText })
+      ] })
+    }
+  );
+};
+const ContentSlot = ({ children }) => children;
+ProposalPensii.ContentSlot = ContentSlot;
+
+export { ProposalPensii as default };

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

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

package/build/esm/components/ProposalUnitlinked/ProposalUnitlinked.js

@@ -0,0 +1,304 @@
+"use strict";
+"use client";
+
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Children } from 'react';
+import styled, { css } from 'styled-components';
+import { colors } from '../../utils';
+import IconButton from '../IconButton/IconButton.js';
+import Icon from '../Icon/Icon.js';
+
+const ProposalUnitlinkedStyled = styled.div`
+  border-radius: 8px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: ${({ $selected }) => $selected ? colors.purple_500 : colors.gray_200};
+  overflow: hidden;
+  min-height: ${({ $hideButton }) => $hideButton ? "274px" : "314px"};
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+
+  ${({ $empty }) => !$empty ? css`
+          & > div:first-of-type {
+            & > div:first-child {
+              background-color: ${({ $selected, $refused }) => $selected || $refused ? $selected && colors.purple_50 || $refused && colors.gray_30 : "transparent"};
+              padding: 6px 6px 0px 16px;
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              gap: 8px;
+
+              & > span {
+                font-size: 18px;
+                font-weight: 700;
+                line-height: 120%;
+                color: ${({ $refused }) => $refused ? colors.gray_300 : colors.purple_600};
+              }
+            }
+
+            & > div:nth-child(2) {
+              background-color: ${({ $selected, $refused }) => $selected || $refused ? $selected && colors.purple_50 || $refused && colors.gray_30 : "transparent"};
+              height: 63px;
+              display: flex;
+              align-items: stretch;
+              gap: 8px;
+              padding: 8px 16px 12px 16px;
+
+              & > div {
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                gap: 2px;
+
+                & > span:first-child {
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 120%;
+                  color: ${({ $refused }) => $refused ? colors.gray_200 : colors.gray_700};
+                }
+              }
+
+              & > div:first-child {
+                & > span:last-of-type {
+                  font-size: 20px;
+                  font-weight: 700;
+                  line-height: 120%;
+                  color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                }
+              }
+
+              & > div:last-of-type {
+                & > span:last-of-type {
+                  font-size: 20px;
+                  font-weight: 500;
+                  line-height: 120%;
+                  color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                }
+              }
+            }
+
+            & > div:last-child {
+              border-top: 1px solid ${colors.gray_200};
+              border-bottom: 1px solid ${colors.gray_200};
+              display: flex;
+              align-items: stretch;
+              height: 57px;
+
+              & > div {
+                flex: 1;
+                display: flex;
+                align-items: center;
+                padding: 0px 16px;
+                background-color: ${({ $refused }) => $refused ? colors.gray_60 : colors.gray_30};
+
+                & > div {
+                  display: flex;
+                  align-items: flex-start;
+                  gap: 8px;
+
+                  & > div {
+                    display: flex;
+                    flex-direction: column;
+                    gap: 2px;
+
+                    & > div {
+                      display: flex;
+                      align-items: center;
+                      gap: 4px;
+
+                      & > span:first-child {
+                        font-size: 12px;
+                        font-weight: 400;
+                        line-height: 120%;
+                        color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
+                      }
+                    }
+
+                    & > span:last-child {
+                      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 ProposalUnitlinked = ({
+  title = "Fix ce ai cerut!",
+  prima_lunara = "",
+  durata = "",
+  taxa_polita = "",
+  selected = false,
+  refused = false,
+  disabled = false,
+  hideButton = false,
+  empty = false,
+  emptyText = "Indisponibil",
+  iconButtonOnClick,
+  buttonOnClick,
+  hintOnClick,
+  children,
+  ...rest
+}) => {
+  let _contentSlot = null;
+  Children.toArray(children).filter(Boolean).forEach((child) => {
+    const element = child;
+    if (element.type === ContentSlot) {
+      _contentSlot = child;
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    ProposalUnitlinkedStyled,
+    {
+      $empty: empty,
+      $selected: selected,
+      $refused: refused,
+      $disabled: disabled,
+      $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__ */ jsx("span", { children: "Prima lunara" }),
+              /* @__PURE__ */ jsx("span", { children: prima_lunara || "-" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { children: "Durata" }),
+              /* @__PURE__ */ jsx("span", { children: durata || "-" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                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,
+                  {
+                    onClick: hintOnClick,
+                    icon: "hint",
+                    size: 16,
+                    color: colors.info_700,
+                    style: {
+                      cursor: "pointer"
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("span", { children: taxa_polita || "-" })
+            ] })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { children: _contentSlot }),
+        !hideButton && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            disabled,
+            type: "button",
+            onClick: !disabled ? buttonOnClick : () => {
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  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, { size: 20, icon: "rejected", color: colors.gray_500 }),
+        /* @__PURE__ */ jsx("span", { children: emptyText })
+      ] })
+    }
+  );
+};
+const ContentSlot = ({ children }) => children;
+ProposalUnitlinked.ContentSlot = ContentSlot;
+
+export { ProposalUnitlinked as default };

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

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