rbro-tat-uds 2.2.8 → 2.2.10

package/build/cjs/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.cjs

@@ -0,0 +1,433 @@
+"use strict";
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('../../utils');
+var React = require('react');
+var styled = require('styled-components');
+var IconButton = require('../IconButton/IconButton.cjs');
+var Icon = require('../Icon/Icon.cjs');
+
+const PropunereAsigurareLocuintaStyled = styled.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 ? "387px" : "427px"};
+  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) {
+              display: flex;
+              flex-direction: column;
+
+              & > div:first-of-type,
+              & > div:nth-of-type(2) {
+                box-sizing: border-box;
+                display: flex;
+                align-items: stretch;
+                gap: 8px;
+                padding: 8px 16px 12px 16px;
+                height: 60px;
+                background-color: ${props.$refused ? utils.colors.gray_30 : props.$selected ? utils.colors.purple_50 : props.$featured ? utils.colors.accent_100 : "transparent"};
+
+                & > div {
+                  display: flex;
+                  flex-direction: column;
+                  gap: 2px;
+                  flex: 1;
+
+                  & > span:first-of-type {
+                    font-size: 14px;
+                    font-weight: 400;
+                    color: ${({ $refused }) => $refused ? utils.colors.gray_200 : utils.colors.gray_700};
+                  }
+
+                  & > span:last-of-type {
+                    font-size: 16px;
+                    font-weight: 500;
+                    color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.gray_950};
+                  }
+                }
+              }
+
+              & > div:last-of-type {
+                box-sizing: border-box;
+                display: flex;
+                flex-direction: column;
+                gap: 2px;
+                padding: 8px 16px 12px 16px;
+                min-height: 82px;
+                height: 100%;
+                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: 400;
+                  color: ${({ $refused }) => $refused ? utils.colors.gray_200 : utils.colors.gray_700};
+                }
+
+                & > span:last-of-type {
+                  font-size: 20px;
+                  font-weight: 700;
+                  color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.gray_950};
+                }
+
+                & > div {
+                  display: flex;
+                  align-items: center;
+                  gap: 4px;
+
+                  & > span {
+                    font-size: 12px;
+                    font-weight: 400;
+                    color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.gray_700};
+                  }
+                }
+              }
+            }
+
+            & > div:last-child {
+              box-sizing: border-box;
+              border-top: 1px solid ${utils.colors.gray_200};
+              border-bottom: 1px solid ${utils.colors.gray_200};
+              display: flex;
+              align-items: stretch;
+              height: 95px;
+
+              & > div {
+                flex: 1;
+                display: flex;
+                align-items: flex-start;
+                padding: 12px 16px;
+
+                & > div {
+                  display: flex;
+                  align-items: flex-start;
+                  gap: 8px;
+
+                  & > div {
+                    display: flex;
+                    flex-direction: column;
+                    gap: 2px;
+
+                    & > span:first-of-type {
+                      font-size: 12px;
+                      font-weight: 400;
+                      line-height: 120%;
+                    }
+
+                    & > span:nth-of-type(2) {
+                      font-size: 14px;
+                      font-weight: 500;
+                      line-height: 120%;
+                    }
+
+                    & > span:nth-of-type(3) {
+                      font-size: 14px;
+                      font-weight: 400;
+                      line-height: 120%;
+                    }
+
+                    & > span:nth-of-type(4) {
+                      font-size: 14px;
+                      font-weight: 400;
+                      line-height: 120%;
+                    }
+                  }
+                }
+              }
+
+              & > div:first-of-type {
+                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 {
+                  & > div {
+                    & > span:first-of-type {
+                      color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.gray_700};
+                    }
+
+                    & > span:nth-of-type(2) {
+                      color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.gray_950};
+                    }
+
+                    & > span:nth-of-type(3) {
+                      color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.info_800};
+                    }
+
+                    & > span:nth-of-type(4) {
+                      color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.info_800};
+                    }
+                  }
+                }
+              }
+
+              & > div:last-of-type {
+                border-left: 0.5px solid ${utils.colors.gray_200};
+                background-color: ${(props2) => props2.$refused ? utils.colors.gray_60 : utils.colors.gray_30};
+
+                & > div {
+                  & > div {
+                    & > span:first-of-type {
+                      color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.gray_700};
+                    }
+
+                    & > span:nth-of-type(2) {
+                      color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.gray_950};
+                    }
+
+                    & > span:nth-of-type(3) {
+                      color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.info_800};
+                    }
+
+                    & > span:nth-of-type(4) {
+                      color: ${({ $refused }) => $refused ? utils.colors.gray_300 : utils.colors.info_800};
+                    }
+                  }
+                }
+              }
+            }
+          }
+
+          & > div:last-of-type {
+            height: 42px;
+            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 PropunereAsigurareLocuinta = ({
+  title = "Fix ce ai cerut!",
+  valoareAsigurataImobil = "",
+  primaAsigurareImobilPeAn = "",
+  valoareAsigurataBunuri = "",
+  primaAsigurareBunuriPeAn = "",
+  totalDePlataAnual = "",
+  primaAsigurareAnexeImobil = "",
+  valoareAsigurataAnexeImobil = "",
+  primaAsigurareEchipamente = "",
+  valoareAsigurataEchipamente = "",
+  includePad = false,
+  featured = false,
+  selected = false,
+  disabled = false,
+  refused = false,
+  hideButton = false,
+  empty = false,
+  emptyText = "Indisponibil",
+  iconButtonOnClick,
+  buttonOnClick,
+  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(
+    PropunereAsigurareLocuintaStyled,
+    {
+      $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.default,
+              {
+                onClick: buttonOnClick,
+                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: "Valoare asigurata imobil" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: valoareAsigurataImobil || "-" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Prima asigurare imobil pe an" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: primaAsigurareImobilPeAn || "-" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Valoare asigurata bunuri" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: valoareAsigurataBunuri || "-" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Prima asigurare bunuri pe an" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: primaAsigurareBunuriPeAn || "-" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Total de plata anual" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: totalDePlataAnual || "-" }),
+              includePad && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Icon.default,
+                  {
+                    icon: "info_filled",
+                    size: 14,
+                    color: refused ? utils.colors.gray_200 : utils.colors.gray_500
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Include PAD" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Icon.default,
+                {
+                  icon: "house-wap",
+                  size: 16,
+                  color: refused ? utils.colors.gray_200 : utils.colors.gray_500
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Prima asigurare anexe imobil" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: primaAsigurareAnexeImobil || "-" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Valoare asigurata" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: valoareAsigurataAnexeImobil || "-" })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Icon.default,
+                {
+                  icon: "bulb",
+                  size: 16,
+                  color: refused ? utils.colors.gray_200 : utils.colors.gray_500
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Prima asigurare echipamente" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: primaAsigurareEchipamente || "-" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Valoare asigurata" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: valoareAsigurataEchipamente || "-" })
+              ] })
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: _contentSlot }),
+        !hideButton && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            disabled,
+            type: "button",
+            onClick: !disabled ? buttonOnClick : () => {
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Icon.default,
+                {
+                  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.default, { size: 20, icon: "rejected", color: utils.colors.gray_500 }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: emptyText })
+      ] })
+    }
+  );
+};
+const ContentSlot = ({ children }) => children;
+PropunereAsigurareLocuinta.ContentSlot = ContentSlot;
+
+exports.default = PropunereAsigurareLocuinta;

package/build/cjs/components/PropunereAsigurareLocuinta/index.cjs

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

package/build/cjs/components/TextInput/TextInput.cjs

@@ -150,6 +150,9 @@ require('../../assets/icons/hint-outlined.svg.cjs');
 require('../../assets/icons/face-happy.svg.cjs');
 require('../../assets/icons/person-level.svg.cjs');
 require('../../assets/icons/star-reward.svg.cjs');
+require('../../assets/icons/brand-logo.svg.cjs');
+require('../../assets/icons/house-wap.svg.cjs');
+require('../../assets/icons/bulb.svg.cjs');
 var reactDom = require('react-dom');
 var Icon = require('../Icon/Icon.cjs');
 var Numpad = require('../Numpad/Numpad.cjs');

package/build/cjs/components/index.cjs

@@ -91,6 +91,8 @@ var Icon = require('./Icon/Icon.cjs');
 var Spinner = require('./Spinner/Spinner.cjs');
 var GraficContributieUnitlinked = require('./GraficContributieUnitlinked/GraficContributieUnitlinked.cjs');
 var SelectionAppCard = require('./SelectionAppCard/SelectionAppCard.cjs');
+var Accordion = require('./Accordion/Accordion.cjs');
+var PropunereAsigurareLocuinta = require('./PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.cjs');
 
 
 
@@ -182,3 +184,5 @@ exports.Icon = Icon.default;
 exports.Spinner = Spinner.default;
 exports.GraficContributieUnitlinked = GraficContributieUnitlinked.default;
 exports.SelectionAppCard = SelectionAppCard.default;
+exports.Accordion = Accordion.default;
+exports.PropunereAsigurareLocuinta = PropunereAsigurareLocuinta.default;