rbro-tat-uds 2.2.8 → 2.2.10

package/build/esm/components/PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.js

@@ -0,0 +1,429 @@
+"use strict";
+"use client";
+
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { colors } from '../../utils';
+import { Children } from 'react';
+import styled, { css } from 'styled-components';
+import IconButton from '../IconButton/IconButton.js';
+import Icon from '../Icon/Icon.js';
+
+const PropunereAsigurareLocuintaStyled = styled.div`
+  border-radius: 8px;
+  border: 1px solid
+    ${({ $featured, $selected }) => $selected ? colors.purple_500 : $featured ? colors.accent_600 : colors.gray_200};
+  overflow: hidden;
+  min-height: ${({ $hideButton }) => $hideButton ? "387px" : "427px"};
+  box-sizing: border-box;
+  height: 100%;
+  width: 100%;
+
+  ${(props) => !props.$empty ? css`
+          outline: ${props.$featured ? `3px solid ${colors.accent_300}` : "none"};
+
+          & > div:first-of-type {
+            & > div:first-child {
+              padding: 6px 6px 0px 16px;
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              gap: 8px;
+              background-color: ${props.$refused ? colors.gray_30 : props.$selected ? colors.purple_50 : props.$featured ? colors.accent_100 : "transparent"};
+
+              & > span {
+                font-size: 18px;
+                font-weight: 700;
+                line-height: 120%;
+                color: ${({ $refused }) => $refused ? colors.gray_300 : colors.purple_600};
+              }
+            }
+
+            & > div:nth-child(2) {
+              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 ? colors.gray_30 : props.$selected ? colors.purple_50 : props.$featured ? 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 ? colors.gray_200 : colors.gray_700};
+                  }
+
+                  & > span:last-of-type {
+                    font-size: 16px;
+                    font-weight: 500;
+                    color: ${({ $refused }) => $refused ? colors.gray_300 : 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 ? colors.gray_30 : props.$selected ? colors.purple_50 : props.$featured ? colors.accent_100 : "transparent"};
+
+                & > span:first-of-type {
+                  font-size: 14px;
+                  font-weight: 400;
+                  color: ${({ $refused }) => $refused ? colors.gray_200 : colors.gray_700};
+                }
+
+                & > span:last-of-type {
+                  font-size: 20px;
+                  font-weight: 700;
+                  color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                }
+
+                & > div {
+                  display: flex;
+                  align-items: center;
+                  gap: 4px;
+
+                  & > span {
+                    font-size: 12px;
+                    font-weight: 400;
+                    color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
+                  }
+                }
+              }
+            }
+
+            & > div:last-child {
+              box-sizing: border-box;
+              border-top: 1px solid ${colors.gray_200};
+              border-bottom: 1px solid ${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 ${colors.gray_200};
+                background-color: ${props.$refused ? colors.gray_60 : props.$featured ? colors.white : colors.gray_30};
+
+                & > div {
+                  & > div {
+                    & > span:first-of-type {
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
+                    }
+
+                    & > span:nth-of-type(2) {
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                    }
+
+                    & > span:nth-of-type(3) {
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : colors.info_800};
+                    }
+
+                    & > span:nth-of-type(4) {
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : colors.info_800};
+                    }
+                  }
+                }
+              }
+
+              & > div:last-of-type {
+                border-left: 0.5px solid ${colors.gray_200};
+                background-color: ${(props2) => props2.$refused ? colors.gray_60 : colors.gray_30};
+
+                & > div {
+                  & > div {
+                    & > span:first-of-type {
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_700};
+                    }
+
+                    & > span:nth-of-type(2) {
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : colors.gray_950};
+                    }
+
+                    & > span:nth-of-type(3) {
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : colors.info_800};
+                    }
+
+                    & > span:nth-of-type(4) {
+                      color: ${({ $refused }) => $refused ? colors.gray_300 : 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 ? 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 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;
+  Children.toArray(children).filter(Boolean).forEach((child) => {
+    const element = child;
+    if (element.type === ContentSlot) {
+      _contentSlot = child;
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    PropunereAsigurareLocuintaStyled,
+    {
+      $empty: empty,
+      $featured: featured,
+      $selected: selected,
+      $disabled: disabled,
+      $refused: refused,
+      $hideButton: hideButton,
+      ...rest,
+      children: !empty ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { children: title }),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                onClick: buttonOnClick,
+                icon: "new_tab",
+                intent: "accent",
+                variant: "tertiary",
+                shape: "rounded",
+                color: colors.info_800,
+                size: "medium"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Valoare asigurata imobil" }),
+                /* @__PURE__ */ jsx("span", { children: valoareAsigurataImobil || "-" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Prima asigurare imobil pe an" }),
+                /* @__PURE__ */ jsx("span", { children: primaAsigurareImobilPeAn || "-" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Valoare asigurata bunuri" }),
+                /* @__PURE__ */ jsx("span", { children: valoareAsigurataBunuri || "-" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Prima asigurare bunuri pe an" }),
+                /* @__PURE__ */ jsx("span", { children: primaAsigurareBunuriPeAn || "-" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { children: "Total de plata anual" }),
+              /* @__PURE__ */ jsx("span", { children: totalDePlataAnual || "-" }),
+              includePad && /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: "info_filled",
+                    size: 14,
+                    color: refused ? colors.gray_200 : colors.gray_500
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { children: "Include PAD" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "house-wap",
+                  size: 16,
+                  color: refused ? colors.gray_200 : colors.gray_500
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Prima asigurare anexe imobil" }),
+                /* @__PURE__ */ jsx("span", { children: primaAsigurareAnexeImobil || "-" }),
+                /* @__PURE__ */ jsx("span", { children: "Valoare asigurata" }),
+                /* @__PURE__ */ jsx("span", { children: valoareAsigurataAnexeImobil || "-" })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "bulb",
+                  size: 16,
+                  color: refused ? colors.gray_200 : colors.gray_500
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("span", { children: "Prima asigurare echipamente" }),
+                /* @__PURE__ */ jsx("span", { children: primaAsigurareEchipamente || "-" }),
+                /* @__PURE__ */ jsx("span", { children: "Valoare asigurata" }),
+                /* @__PURE__ */ jsx("span", { children: valoareAsigurataEchipamente || "-" })
+              ] })
+            ] }) })
+          ] })
+        ] }),
+        /* @__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;
+PropunereAsigurareLocuinta.ContentSlot = ContentSlot;
+
+export { PropunereAsigurareLocuinta as default };

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

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

package/build/esm/components/TextInput/TextInput.js

@@ -146,6 +146,9 @@ import '../../assets/icons/hint-outlined.svg.js';
 import '../../assets/icons/face-happy.svg.js';
 import '../../assets/icons/person-level.svg.js';
 import '../../assets/icons/star-reward.svg.js';
+import '../../assets/icons/brand-logo.svg.js';
+import '../../assets/icons/house-wap.svg.js';
+import '../../assets/icons/bulb.svg.js';
 import { createPortal } from 'react-dom';
 import Icon from '../Icon/Icon.js';
 import Numpad from '../Numpad/Numpad.js';

package/build/esm/components/index.js

@@ -89,3 +89,5 @@ export { default as Icon } from './Icon/Icon.js';
 export { default as Spinner } from './Spinner/Spinner.js';
 export { default as GraficContributieUnitlinked } from './GraficContributieUnitlinked/GraficContributieUnitlinked.js';
 export { default as SelectionAppCard } from './SelectionAppCard/SelectionAppCard.js';
+export { default as Accordion } from './Accordion/Accordion.js';
+export { default as PropunereAsigurareLocuinta } from './PropunereAsigurareLocuinta/PropunereAsigurareLocuinta.js';