@egov3/system-design 1.3.99 → 1.3.100

package/dist/esm/components/NotificationComponent/NotificationComponent.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".NotificationComponent-module_snackbar__KQKHo {\n  position: fixed;\n  top: 24px;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 16px 20px;\n  border-radius: 12px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n  z-index: 1000;\n  box-shadow: 0px 12px 32px 0px rgba(128, 130, 136, 0.12);\n}\n\n.NotificationComponent-module_snackbar__KQKHo .NotificationComponent-module_text__YNCyD {\n  color: var(--text-white-nonconvert-color);\n}\n\n.NotificationComponent-module_success__CSgbV {\n  background-color: var(--icon-success);\n}\n\n.NotificationComponent-module_error__xiTCd {\n  background-color: var(--icon-error-color);\n}\n\n.NotificationComponent-module_info__45pPe {\n  background-color: var(--icon-accent-color);\n}\n\n.NotificationComponent-module_warning__wNp3m {\n  background-color: var(--icon-warning-color);\n}\n";
+var styles = {"snackbar":"NotificationComponent-module_snackbar__KQKHo","text":"NotificationComponent-module_text__YNCyD","success":"NotificationComponent-module_success__CSgbV","error":"NotificationComponent-module_error__xiTCd","info":"NotificationComponent-module_info__45pPe","warning":"NotificationComponent-module_warning__wNp3m"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=NotificationComponent.module.css.js.map

package/dist/esm/components/NotificationComponent/NotificationComponent.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationComponent.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/NotificationComponent/index.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icons } from '@egov3/graphics';
+import { useEffect } from 'react';
+import { BaseComponents } from '../../baseComponents/index.js';
+import { joinClasses } from '../../utils/joinClasses.js';
+import { toPascalCase } from '../../utils/string/toPascalCase.js';
+import styles from './NotificationComponent.module.css.js';
+
+const notificationIconTypes = {
+    success: Icons.Basic.Check,
+    error: Icons.General.Clear,
+    warning: Icons.General.WarningFilled,
+    info: Icons.General.InfoFilled,
+};
+const NotificationComponent = ({ type = "info", text, toggleNotification, }) => {
+    const Icon = notificationIconTypes[type];
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            toggleNotification(false);
+        }, 5000);
+        return () => clearTimeout(timer);
+    }, [toggleNotification]);
+    return (jsxs("div", { className: joinClasses(styles.snackbar, styles[type]), "data-testid": "NotificationComponent_SNACKBAR", children: [jsx(Icon, { fill: "var(--icon-white-nonconvert-color)", "data-testid": `NotificationComponentIcon_${toPascalCase(type)}` }), jsx(BaseComponents.Typography, { "aria-label": text, className: styles.text, "data-testid": "NotificationComponent_TEXT", fontClass: "body2Regular", tag: "span", children: text })] }));
+};
+
+export { NotificationComponent };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/NotificationComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/NotificationComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AASA,MAAM,qBAAqB,GAAG;AAC5B,IAAA,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK;AAC1B,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;AAC1B,IAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa;AACpC,IAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU;CAI/B;AAQM,MAAM,qBAAqB,GAAG,CAAC,EACpC,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,kBAAkB,GACU,KAAI;AAChC,IAAA,MAAM,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC;IAExC,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,MAAK;YAC5B,kBAAkB,CAAC,KAAK,CAAC;QAC3B,CAAC,EAAE,IAAI,CAAC;AAER,QAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;AAClC,IAAA,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAExB,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA,aAAA,EACzC,gCAAgC,EAAA,QAAA,EAAA,CAE5CC,GAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAC,oCAAoC,EAAA,aAAA,EAC5B,CAAA,0BAAA,EAA6B,YAAY,CAAC,IAAI,CAAC,CAAA,CAAE,EAAA,CAC9D,EACFA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,IAAI,EAChB,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EACV,4BAA4B,EACxC,SAAS,EAAC,cAAc,EACxB,GAAG,EAAC,MAAM,EAAA,QAAA,EAET,IAAI,EAAA,CACqB,CAAA,EAAA,CACxB;AAEV;;;;"}

package/dist/esm/components/Presale/AccordionTitle/AccordionTitle.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".AccordionTitle-module_title__-OMSd {\n  display: block;\n  color: var(--icon-secondary-color);\n}\n";
+var styles = {"title":"AccordionTitle-module_title__-OMSd"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=AccordionTitle.module.css.js.map

package/dist/esm/components/Presale/AccordionTitle/AccordionTitle.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTitle.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Presale/AccordionTitle/index.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+import { BaseComponents } from '../../../baseComponents/index.js';
+import styles from './AccordionTitle.module.css.js';
+
+const AccordionTitle = ({ title }) => (jsx(BaseComponents.Typography, { "aria-label": title, className: styles.title, "data-testid": "Accordion_TITLE", fontClass: "body1Medium", tag: "span", children: title }));
+
+export { AccordionTitle };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Presale/AccordionTitle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/AccordionTitle/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAOO,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAwB,MAC5DA,GAAA,CAAC,cAAc,CAAC,UAAU,kBACZ,KAAK,EACjB,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EACX,iBAAiB,EAC7B,SAAS,EAAC,aAAa,EACvB,GAAG,EAAC,MAAM,YAET,KAAK,EAAA,CACoB;;;;"}

package/dist/esm/components/Presale/Instructions/Instructions.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".Instructions-module_accordionBody__LhrR4 {\n  padding: 16px 0;\n}\n\n.Instructions-module_listItem__3KOEe {\n  display: flex;\n}\n\n.Instructions-module_blockItem__n--jY {\n  margin-right: 14px;\n}\n\n.Instructions-module_itemNumber__p14UE {\n  margin: 0 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 20px;\n  height: 20px;\n  font-size: 10px;\n  color: var(--default-white-color);\n  background: var(--default-primary-accent);\n  border-radius: 100%;\n  z-index: -1;\n}\n\n.Instructions-module_itemLine__iwce4 {\n  margin: 2px auto;\n  width: 1px;\n  height: 20px;\n  background: var(--text-disabled-color);\n}\n\n.Instructions-module_listItem__3KOEe:last-child .Instructions-module_itemLine__iwce4 {\n  width: 0;\n  height: 0;\n}\n\n.Instructions-module_itemDescription__ErV2V {\n  color: var(--text-primary);\n}\n";
+var styles = {"accordionBody":"Instructions-module_accordionBody__LhrR4","listItem":"Instructions-module_listItem__3KOEe","blockItem":"Instructions-module_blockItem__n--jY","itemNumber":"Instructions-module_itemNumber__p14UE","itemLine":"Instructions-module_itemLine__iwce4","itemDescription":"Instructions-module_itemDescription__ErV2V"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Instructions.module.css.js.map

package/dist/esm/components/Presale/Instructions/Instructions.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Instructions.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Presale/Instructions/index.js

@@ -0,0 +1,8 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseComponents } from '../../../baseComponents/index.js';
+import styles from './Instructions.module.css.js';
+
+const Instructions = ({ instructions, lang }) => (jsx("ol", { className: styles.accordionBody, "data-testid": "InstructionsOrder_LIST", children: instructions.map((item, index) => (jsxs("li", { className: styles.listItem, "data-testid": "InstructionsList_ITEMS", children: [jsxs("div", { className: styles.blockItem, "data-testid": "InstructionsBlock_ITEM", children: [jsx("div", { className: styles.itemNumber, "data-testid": "InstructionsItem_NUMBER", children: index + 1 }), jsx("div", { className: styles.itemLine, "data-testid": "InstructionsList_LINE" })] }), jsx(BaseComponents.Typography, { "aria-label": item[lang], tag: "span", fontClass: "body2Regular", className: styles.itemDescription, "data-testid": "InstructionsListItem_TEXT", children: item[lang] })] }, item[lang]))) }));
+
+export { Instructions };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Presale/Instructions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/Instructions/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAQO,MAAM,YAAY,GAAG,CAAC,EAAE,YAAY,EAAE,IAAI,EAAsB,MACrEA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EACtE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC5BC,IAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,aAAA,EACd,wBAAwB,EAAA,QAAA,EAAA,CAGpCA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAAA,CACpED,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,UAAU,iBAChB,yBAAyB,EAAA,QAAA,EAEpC,KAAK,GAAG,CAAC,EAAA,CACN,EACNA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,aAAA,EACd,uBAAuB,EAAA,CACnC,CAAA,EAAA,CACE,EACNA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,IAAI,CAAC,IAAI,CAAC,EACtB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,aAAA,EACrB,2BAA2B,EAAA,QAAA,EAEtC,IAAI,CAAC,IAAI,CAAC,EAAA,CACe,CAAA,EAAA,EAtBvB,IAAI,CAAC,IAAI,CAAC,CAuBZ,CACN,CAAC,EAAA,CACC;;;;"}

package/dist/esm/components/Presale/PassportDetails/PassportDetails.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".PassportDetails-module_passportDetailsWrapper__l4ZiP {\n  padding: 0px 16px 16px 16px;\n}\n\n.PassportDetails-module_serviceDetailsItem__ngekK {\n  padding: 8px 0px;\n}\n\n.PassportDetails-module_itemTitle__2TWUW {\n  display: block;\n  color: var(--icon-secondary-color);\n}\n\n.PassportDetails-module_itemLink__k4hn- {\n  margin-left: 20px;\n  line-clamp: 4;\n  color: var(--text-primary);\n}\n\n.PassportDetails-module_itemDescription__yN5E- {\n  color: var(--text-primary);\n}\n\n.PassportDetails-module_listMark__rY4o0 {\n  list-style-type: disc;\n}\n\n.PassportDetails-module_link__sWyA6 {\n  color: var(--default-primary-accent);\n  text-decoration: none;\n}\n";
+var styles = {"passportDetailsWrapper":"PassportDetails-module_passportDetailsWrapper__l4ZiP","serviceDetailsItem":"PassportDetails-module_serviceDetailsItem__ngekK","itemTitle":"PassportDetails-module_itemTitle__2TWUW","itemLink":"PassportDetails-module_itemLink__k4hn-","itemDescription":"PassportDetails-module_itemDescription__yN5E-","listMark":"PassportDetails-module_listMark__rY4o0","link":"PassportDetails-module_link__sWyA6"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=PassportDetails.module.css.js.map

package/dist/esm/components/Presale/PassportDetails/PassportDetails.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PassportDetails.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Presale/PassportDetails/index.js

@@ -0,0 +1,8 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { BaseComponents } from '../../../baseComponents/index.js';
+import styles from './PassportDetails.module.css.js';
+
+const PassportDetails = ({ details, lang }) => (jsx("div", { "data-testid": "PassportDetails_WRAPPER", className: styles.passportDetailsWrapper, children: details.map((item) => (jsxs("div", { "data-testid": "PassportDetails_WRAP", className: styles.serviceDetailsItem, children: [jsx(BaseComponents.Typography, { tag: "span", fontClass: "caption1Regular", "data-testid": "PassportDetails_TITLE", className: styles.itemTitle, children: item.title[lang] }), item.type === "list" ? (jsx("ul", { "data-testid": "PassportDetailsUnordered_LIST", className: styles.listMark, children: item.listItems.map((listItem) => (jsx(BaseComponents.Typography, { tag: "li", fontClass: "body2Regular", "data-testid": "PassportDetails_LIST", className: styles.itemLink, children: listItem.linkUrl ? (jsx("a", { className: styles.link, "data-testid": "PassportDetails_LINK", href: listItem.linkUrl, target: "_blank", rel: "noopener noreferrer", children: listItem.text[lang] })) : (listItem.text[lang]) }, listItem.text[lang]))) })) : (jsx(BaseComponents.Typography, { tag: "span", fontClass: "body2Regular", "data-testid": "PassportDetails_DESCRIPTION", className: styles.itemDescription, children: item.description[lang] }))] }, item.title[lang]))) }));
+
+export { PassportDetails };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Presale/PassportDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/PassportDetails/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAyBO,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAyB,MACtEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,yBAAyB,EACrC,SAAS,EAAE,MAAM,CAAC,sBAAsB,EAAA,QAAA,EAEvC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,MAChBC,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,sBAAsB,EAClC,SAAS,EAAE,MAAM,CAAC,kBAAkB,aAGpCD,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,iBAAiB,EAAA,aAAA,EACf,uBAAuB,EACnC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAE1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAA,CACS,EAC3B,IAAI,CAAC,IAAI,KAAK,MAAM,IACnBA,GAAA,CAAA,IAAA,EAAA,EAAA,aAAA,EACc,+BAA+B,EAC3C,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAEzB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MAC3BA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAElC,SAAS,EAAE,MAAM,CAAC,QAAQ,YAEzB,QAAQ,CAAC,OAAO,IACfA,GAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EACV,sBAAsB,EAClC,IAAI,EAAE,QAAQ,CAAC,OAAO,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EAAA,QAAA,EAExB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,CAClB,KAEJ,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CACpB,EAAA,EAfI,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAgBE,CAC7B,CAAC,EAAA,CACC,KAELA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,6BAA6B,EACzC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,QAAA,EAEhC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAA,CACG,CAC7B,CAAA,EAAA,EAhDI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAiDjB,CACP,CAAC,EAAA,CACE;;;;"}

package/dist/esm/components/Presale/ServiceDetails/ServiceDetails.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".ServiceDetails-module_errorBtn__LntFs {\n  flex: 0 1 auto;\n}\n\n.ServiceDetails-module_accordionBody__hAs2N {\n  padding: 16px 0;\n  border-bottom: 1px solid var(--surface-surface-1);\n}\n\n.ServiceDetails-module_serviceDetailsItem__fL3Qr {\n  padding: 8px 0px;\n}\n\n.ServiceDetails-module_itemTitle__ESRZ7 {\n  display: block;\n  color: var(--icon-secondary-color);\n}\n\n.ServiceDetails-module_itemDescription__xJStG {\n  color: var(--text-primary);\n  white-space: pre-line;\n}\n\n.ServiceDetails-module_AccordionFooter__6fvsM {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  border-top: 1px var(--surface-surface-1);\n  padding: 16px 0;\n}\n\n.ServiceDetails-module_informError__CGwG4 {\n  color: var(--text-secondary);\n  flex: 1 0 0;\n}\n\n.ServiceDetails-module_showPassportBtn__YVAEM {\n  color: var(--text-accent);\n}\n";
+var styles = {"errorBtn":"ServiceDetails-module_errorBtn__LntFs","accordionBody":"ServiceDetails-module_accordionBody__hAs2N","serviceDetailsItem":"ServiceDetails-module_serviceDetailsItem__fL3Qr","itemTitle":"ServiceDetails-module_itemTitle__ESRZ7","itemDescription":"ServiceDetails-module_itemDescription__xJStG","AccordionFooter":"ServiceDetails-module_AccordionFooter__6fvsM","informError":"ServiceDetails-module_informError__CGwG4","showPassportBtn":"ServiceDetails-module_showPassportBtn__YVAEM"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ServiceDetails.module.css.js.map

package/dist/esm/components/Presale/ServiceDetails/ServiceDetails.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceDetails.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Presale/ServiceDetails/index.js

@@ -0,0 +1,20 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { BaseComponents } from '../../../baseComponents/index.js';
+import { i18n } from '../../../constants/i18n/index.js';
+import { PassportDetails } from '../PassportDetails/index.js';
+import styles from './ServiceDetails.module.css.js';
+
+const ServiceDetails = ({ passportDetails, servicesDetails, lang, }) => {
+    const [isShowPassport, setIsShowPassport] = useState(false);
+    const langDic = i18n.Common;
+    return (jsxs(Fragment, { children: [jsx("div", { className: styles.accordionBody, "data-testid": "ServiceDetails_BODY", children: servicesDetails.map((item) => (jsxs("div", { className: styles.serviceDetailsItem, "data-testid": "ServiceDetails_ITEM", children: [jsx(BaseComponents.Typography, { "aria-label": item.title[lang], className: styles.itemTitle, "data-testid": "ServiceDetails_TITLE", fontClass: "caption1Regular", tag: "span", children: item.title[lang] }), jsx(BaseComponents.Typography, { "aria-label": item.description[lang], className: styles.itemDescription, "data-testid": "ServiceDetails_DESCRIPTION", fontClass: "body2Regular", tag: "span", children: item.description[lang] })] }, item.title[lang]))) }), jsxs("div", { className: styles.AccordionFooter, "data-testid": "ServiceDetails_FOOTER", children: [jsx(BaseComponents.Typography, { "aria-label": langDic.informError[lang], className: styles.informError, "data-testid": "ServiceDetails_ERROR", fontClass: "caption1Regular", tag: "p", children: langDic.informError[lang] }), jsx(BaseComponents.Button, { className: styles.errorBtn, "data-testid": "ServiceDetailsError_BUTTON", size: "small", variant: "secondary", children: jsx(BaseComponents.Typography, { "aria-label": langDic.informErrorBtn[lang], "data-testid": "ServiceDetailsErrorBtn_WRAP", fontClass: "caption1Medium", tag: "span", children: langDic.informErrorBtn[lang] }) }), jsx(BaseComponents.Button, { "aria-label": langDic.passportBtnText[lang], "data-testid": "ShowPassport_BTN", onClick: () => {
+                            setIsShowPassport(!isShowPassport);
+                        }, size: "small", variant: "tinted", className: styles.showPassportBtn, children: jsx(BaseComponents.Typography, { "data-testid": "ShowPassport_SPAN", fontClass: "caption1Medium", tag: "span", children: langDic.passportBtnText[lang] }) }), isShowPassport && (jsx(BaseComponents.Modal, { open: isShowPassport, setOpen: setIsShowPassport, header: {
+                            title: langDic.passportBtnText[lang],
+                            isClosable: true,
+                        }, lang: lang, variant: "small", children: jsx(PassportDetails, { details: passportDetails, lang: lang }) }))] })] }));
+};
+
+export { ServiceDetails };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Presale/ServiceDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/ServiceDetails/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/esm/components/Presale/index.js

@@ -0,0 +1,14 @@
+import { AccordionTitle } from './AccordionTitle/index.js';
+import { Instructions } from './Instructions/index.js';
+import { PassportDetails } from './PassportDetails/index.js';
+import { ServiceDetails } from './ServiceDetails/index.js';
+
+const PresaleComponent = {
+    Instructions,
+    PassportDetails,
+    ServiceDetails,
+    AccordionTitle,
+};
+
+export { PresaleComponent };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Presale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Presale/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAKA,MAAM,gBAAgB,GAAG;IACvB,YAAY;IACZ,eAAe;IACf,cAAc;IACd,cAAc;;;;;"}

package/dist/esm/components/ServiceCardComponent/ServiceCardComponent.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".ServiceCardComponent-module_popularServiceCard__PSpZk {\n  position: relative;\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  border-radius: 12px;\n  background: var(--surface-surface-1);\n  text-align: left;\n  color: var(--text-primary);\n}\n\n.ServiceCardComponent-module_popularServiceCard__PSpZk:hover {\n  background: var(--surface-surface-3-color);\n}\n\n@media (min-width: 768px) {\n  .ServiceCardComponent-module_popularServiceCard__PSpZk {\n    flex-basis: calc(100% / var(--tablet) - 8px);\n  }\n}\n\n@media (min-width: 1024px) {\n  .ServiceCardComponent-module_popularServiceCard__PSpZk {\n    flex-basis: calc(100% / var(--labtop) - 8px);\n  }\n}\n\n@media (min-width: 1440px) {\n  .ServiceCardComponent-module_popularServiceCard__PSpZk {\n    flex-basis: calc(100% / var(--desktop) - 8px);\n  }\n}\n\n.ServiceCardComponent-module_TopServicesIconWrapper__Zj57c {\n  background: var(--text-white-nonconvert-color);\n  width: 48px;\n  height: 48px;\n  border-radius: 32px;\n  display: inline-block;\n}\n\n.ServiceCardComponent-module_TopServicesCardText__kvXXg {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding-top: 12px;\n}\n\n.ServiceCardComponent-module_tagNew__ZXAN5 {\n  display: inline-block;\n  padding: 3px 6px;\n  background: var(--leaf);\n  text-align: center;\n  border-radius: 20px;\n  font-weight: 600;\n  position: absolute;\n  top: 8px;\n  right: 8px;\n}\n\n.ServiceCardComponent-module_tagsBackground__-jLWc {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 18px;\n  height: 18px;\n  border-radius: 6px;\n  background-color: var(--page-color-background-white);\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);\n  position: absolute;\n  top: 8px;\n  right: 8px;\n}\n\n.ServiceCardComponent-module_subcategory__gU--u {\n  width: 12px;\n}\n\n.ServiceCardComponent-module_category__ddt6j {\n  padding: 12px;\n}\n";
+var styles = {"popularServiceCard":"ServiceCardComponent-module_popularServiceCard__PSpZk","TopServicesIconWrapper":"ServiceCardComponent-module_TopServicesIconWrapper__Zj57c","TopServicesCardText":"ServiceCardComponent-module_TopServicesCardText__kvXXg","tagNew":"ServiceCardComponent-module_tagNew__ZXAN5","tagsBackground":"ServiceCardComponent-module_tagsBackground__-jLWc","subcategory":"ServiceCardComponent-module_subcategory__gU--u","category":"ServiceCardComponent-module_category__ddt6j"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ServiceCardComponent.module.css.js.map

package/dist/esm/components/ServiceCardComponent/ServiceCardComponent.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceCardComponent.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/ServiceCardComponent/index.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { BaseComponents } from '../../baseComponents/index.js';
+import styles from './ServiceCardComponent.module.css.js';
+
+const ServiceCardComponent = ({ handleOrderService, badge, isNew, title, }) => (jsxs("button", { "data-testid": "ServiceCardComponent_BUTTON", onClick: handleOrderService, className: styles.popularServiceCard, type: "button", children: [jsx("div", { "data-testid": "ServiceCardComponent_WRAPPER", className: styles.TopServicesIconWrapper, children: React.cloneElement(badge.category.icon, {
+                className: styles.category,
+            }) }), isNew ? (jsx(BaseComponents.Typography, { "data-testid": "ServiceCardComponent_NEW", tag: "span", className: styles.tagNew, fontClass: "caption2Semibold", children: "NEW" })) : (badge.subcategory && (jsx("div", { "data-testid": "ServiceCardComponent_CATEGORY", className: styles.tagsBackground, children: React.cloneElement(badge.subcategory.icon, {
+                className: styles.subcategory,
+            }) }))), jsx(BaseComponents.Typography, { "aria-label": title, "data-testid": "ServiceCardComponent_LABEL", tag: "span", fontClass: "caption1Regular", className: styles.TopServicesCardText, children: title })] }));
+
+export { ServiceCardComponent };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ServiceCardComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/ServiceCardComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAcO,MAAM,oBAAoB,GAAG,CAAC,EACnC,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,KAAK,GACsB,MAC3BA,IAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,6BAA6B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,MAAM,CAAC,kBAAkB,EACpC,IAAI,EAAC,QAAQ,EAAA,QAAA,EAAA,CAEbC,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,8BAA8B,EAC1C,SAAS,EAAE,MAAM,CAAC,sBAAsB,EAAA,QAAA,EAEvC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE;gBACvC,SAAS,EAAE,MAAM,CAAC,QAAQ;aAC3B,CAAC,EAAA,CACE,EACL,KAAK,IACJA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EAAA,aAAA,EACZ,0BAA0B,EACtC,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,KAAA,EAAA,CAGF,KAE5B,KAAK,CAAC,WAAW,KACfA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,+BAA+B,EAC3C,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAE/B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE;gBAC1C,SAAS,EAAE,MAAM,CAAC,WAAW;AAC9B,aAAA,CAAC,EAAA,CACE,CACP,CACF,EACDA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,KAAK,EAAA,aAAA,EACL,4BAA4B,EACxC,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAA,QAAA,EAEpC,KAAK,EAAA,CACoB,CAAA,EAAA,CACrB;;;;"}

package/dist/esm/components/index.js

@@ -3,6 +3,7 @@ import { ErrorModal } from './ErrorModal/index.js';
 import { Agreement } from './Identity/Agreement/index.js';
 import { Auth } from './Identity/Auth/index.js';
 import { EdsSuccess } from './Identity/EdsSuccess/index.js';
+import { HelpInstruction } from './Identity/HelpInstruction/index.js';
 import { IdentityHeader } from './Identity/IdentityHeader/index.js';
 import { IdentityModal } from './Identity/IdentityModal/index.js';
 import { EmptyMessages } from './Messages/EmptyMessages/index.js';
@@ -12,11 +13,14 @@ import { MsgBody } from './Messages/MsgBody/index.js';
 import { MsgComponentHeader } from './Messages/MsgComponentHeader/index.js';
 import { MsgSearch } from './Messages/MsgSearch/index.js';
 import { ViewToggle } from './Navigation/ViewToggle/index.js';
+import { NotificationComponent } from './NotificationComponent/index.js';
+import { PresaleComponent } from './Presale/index.js';
 import { DocCard } from './Profile/DocCard/index.js';
 import { IconToggleItem } from './Profile/IconToggleItem/index.js';
 import { ProfileHealthGeneral } from './Profile/ProfileHealthGeneral/index.js';
 import { RightMenuSectionItem } from './Profile/RightMenuSectionItem/index.js';
 import { SetUpAccess } from './Profile/SetUpAccess/index.js';
+import { ServiceCardComponent } from './ServiceCardComponent/index.js';
 import { Feedback } from './Services/Feedback/index.js';
 import { FileForUpload } from './Services/FileForUpload/index.js';
 import { NextStepComponent } from './Services/NextStepComponent/index.js';
@@ -43,6 +47,10 @@ const Components = {
     RightMenuSectionItem,
     SetUpAccess,
     ViewToggle,
+    HelpInstruction,
+    PresaleComponent,
+    ServiceCardComponent,
+    NotificationComponent,
 };
 
 export { Components };

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,UAAU,GAAG;IACxB,SAAS;IACT,IAAI;IACJ,OAAO;IACP,UAAU;IACV,aAAa;IACb,UAAU;IACV,QAAQ;IACR,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;IACd,cAAc;IACd,aAAa;IACb,OAAO;IACP,kBAAkB;IAClB,SAAS;IACT,iBAAiB;IACjB,oBAAoB;IACpB,oBAAoB;IACpB,WAAW;IACX,UAAU;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,UAAU,GAAG;IACxB,SAAS;IACT,IAAI;IACJ,OAAO;IACP,UAAU;IACV,aAAa;IACb,UAAU;IACV,QAAQ;IACR,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,cAAc;IACd,cAAc;IACd,aAAa;IACb,OAAO;IACP,kBAAkB;IAClB,SAAS;IACT,iBAAiB;IACjB,oBAAoB;IACpB,oBAAoB;IACpB,WAAW;IACX,UAAU;IACV,eAAe;IACf,gBAAgB;IAChB,oBAAoB;IACpB,qBAAqB;;;;;"}

package/dist/esm/constants/i18n/Common.js

@@ -24,6 +24,21 @@ const Common = {
         kk: "kkЗакрыть",
         en: "enЗакрыть",
     },
+    informErrorBtn: {
+        ru: "Сообщить об ошибке",
+        kk: "Қате туралы хабарлау",
+        en: "Report an error",
+    },
+    passportBtnText: {
+        ru: "Подробный паспорт услуги",
+        kk: "Қызметтің толық паспорты",
+        en: "Detailed service passport",
+    },
+    informError: {
+        ru: "Если вы нашли ошибки в деталях данной услуги, просим сообщить нам нажав на кнопку",
+        kk: "Егер сіз осы қызметтің егжей-тегжейінде қате тапсаңыз, түймені басу арқылы бізге хабарлауыңызды сұраймыз",
+        en: "If you find errors in the details of this service, please inform us by clicking the button",
+    },
 };
 
 export { Common };

package/dist/esm/constants/i18n/Common.js.map

@@ -1 +1 @@
-{"version":3,"file":"Common.js","sources":["../../../../src/constants/i18n/Common.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,MAAM,GAAG;AACpB,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,wBAAwB;AAC5B,QAAA,EAAE,EAAE,uBAAuB;AAC3B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACd,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,EAAE,EAAE,uDAAuD;AAC3D,QAAA,EAAE,EAAE,yDAAyD;AAC7D,QAAA,EAAE,EAAE,yDAAyD;AAC9D,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,OAAO;AACX,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,EAAE,EAAE,WAAW;AAChB,KAAA;;;;;"}
+{"version":3,"file":"Common.js","sources":["../../../../src/constants/i18n/Common.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAO,MAAM,MAAM,GAAG;AACpB,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,wBAAwB;AAC5B,QAAA,EAAE,EAAE,uBAAuB;AAC3B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,SAAS;AACd,KAAA;AACD,IAAA,2BAA2B,EAAE;AAC3B,QAAA,EAAE,EAAE,uDAAuD;AAC3D,QAAA,EAAE,EAAE,yDAAyD;AAC7D,QAAA,EAAE,EAAE,yDAAyD;AAC9D,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,OAAO;AACX,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,EAAE,EAAE,WAAW;AAChB,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,EAAE,EAAE,sBAAsB;AAC1B,QAAA,EAAE,EAAE,iBAAiB;AACtB,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,EAAE,EAAE,0BAA0B;AAC9B,QAAA,EAAE,EAAE,2BAA2B;AAChC,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,mFAAmF;AACvF,QAAA,EAAE,EAAE,0GAA0G;AAC9G,QAAA,EAAE,EAAE,4FAA4F;AACjG,KAAA;;;;;"}

package/dist/esm/styles/colors.css.js

@@ -1,4 +1,4 @@
-var css_248z = ":root {\n  /* Buttons Colors */\n  --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n  --button-disabled-default-color: #c5ccd3;\n  --button-primary-default: #0581da;\n  --button-primary-on-hover-color: #1a9cfa;\n  --button-secondary-default-color: #e6e9ec;\n  --button-secondary-on-hover: #c5ccd3;\n  --button-tinted-default-color: #e1f0fb;\n  --button-tinted-on-hover-color: #b2d9f5;\n  --button-black-default-color: #000;\n  --button-black-on-hover-color: #333;\n\n  /* Default Colors */\n  --default-primary-accent: #0581da;\n  --default-white-color: #fff;\n  --default-black-color: #000;\n\n  /* General lightmode colors */\n  --leaf: #c1dc19;\n\n  /* Icons Colors */\n  --icon-accent-color: #0581da;\n  --icon-error-color: #f35929;\n  --icon-primary-color: #000;\n  --icon-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n  --icon-tertiary: #ccd1d7;\n  --icon-white-nonconvert-color: #fff;\n  --icon-disabled-color: #929daa;\n\n  /* Page Color */\n  --page-color-background-gray: #f0f2f4;\n  --page-color-background-white: #fff;\n\n  /* Surface Colors */\n  --surface-surface-1: #f0f2f4;\n  --surface-surface-2: #fff;\n  --surface-surface-3-color: #e3e7eb;\n  --surface-surface-alt: rgba(240, 242, 244, 0.8);\n  --surface-surface-black-nonconvert: #000;\n  --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n  --surface-surface-white-nonconvert: #fff;\n  --surface-surface-tinted: #e1f0fb;\n  --surface-accent: #0581da;\n\n  /* Text Colors */\n  --text-accent: #0581da;\n  --text-disabled-accent-color: #9bcdf0;\n  --text-disabled-color: #929daa;\n  --text-primary: #000;\n  --text-secondary: #758393;\n  --text-white-nonconvert-color: #fff;\n  --text-error: #f35929;\n  --text-success: #57bb09;\n\n  /* Border-Stroke Colors */\n  --border-stroke-primary: #e6e9ec;\n}\n";
+var css_248z = ":root {\n  /* Buttons Colors */\n  --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n  --button-disabled-default-color: #c5ccd3;\n  --button-primary-default: #0581da;\n  --button-primary-on-hover-color: #1a9cfa;\n  --button-secondary-default-color: #e6e9ec;\n  --button-secondary-on-hover: #c5ccd3;\n  --button-tinted-default-color: #e1f0fb;\n  --button-tinted-on-hover-color: #b2d9f5;\n  --button-black-default-color: #000;\n  --button-black-on-hover-color: #333;\n\n  /* Default Colors */\n  --default-primary-accent: #0581da;\n  --default-white-color: #fff;\n  --default-black-color: #000;\n\n  /* General lightmode colors */\n  --leaf: #c1dc19;\n\n  /* Icons Colors */\n  --icon-accent-color: #0581da;\n  --icon-error-color: #f35929;\n  --icon-primary-color: #000;\n  --icon-secondary-color: #758393;\n  --icon-success: #57bb09;\n  --icon-warning-color: #f3a229;\n  --icon-tertiary: #ccd1d7;\n  --icon-white-nonconvert-color: #fff;\n  --icon-disabled-color: #929daa;\n\n  /* Page Color */\n  --page-color-background-gray: #f0f2f4;\n  --page-color-background-white: #fff;\n\n  /* Surface Colors */\n  --surface-surface-1: #f0f2f4;\n  --surface-surface-2: #fff;\n  --surface-surface-3-color: #e3e7eb;\n  --surface-surface-alt: rgba(240, 242, 244, 0.8);\n  --surface-surface-black-nonconvert: #000;\n  --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n  --surface-surface-white-nonconvert: #fff;\n  --surface-surface-tinted: #e1f0fb;\n  --surface-accent: #0581da;\n\n  /* Text Colors */\n  --text-accent: #0581da;\n  --text-disabled-accent-color: #9bcdf0;\n  --text-disabled-color: #929daa;\n  --text-primary: #000;\n  --text-secondary: #758393;\n  --text-white-nonconvert-color: #fff;\n  --text-error: #f35929;\n  --text-success: #57bb09;\n\n  /* Border-Stroke Colors */\n  --border-stroke-primary: #e6e9ec;\n\n  /*number of cards on tablet, laptop, and desktop screens*/\n  --tablet: 3;\n  --labtop: 4;\n  --desktop: 6;\n}\n";
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/types/components/Identity/HelpInstruction/index.d.ts

@@ -0,0 +1,7 @@
+interface IHelpInstructionProps {
+    description: string;
+    linkText: string;
+    link: string;
+}
+
+export type { IHelpInstructionProps };

package/dist/types/components/NotificationComponent/index.d.ts

@@ -0,0 +1,8 @@
+type TNotificationType = "success" | "error" | "warning" | "info";
+interface INotificationComponentProps {
+    text: string;
+    type?: TNotificationType;
+    toggleNotification: (open: boolean) => void;
+}
+
+export type { INotificationComponentProps, TNotificationType };

package/dist/types/components/Presale/AccordionTitle/index.d.ts

@@ -0,0 +1,5 @@
+interface IAccordionTitleProps {
+    title: string;
+}
+
+export type { IAccordionTitleProps };

package/dist/types/components/Presale/Instructions/index.d.ts

@@ -0,0 +1,7 @@
+import { ILangProps, ILangGeneric } from '../../../interfaces/common/index.js';
+
+interface IInstructionsProps extends ILangProps {
+    instructions: ILangGeneric<string>[];
+}
+
+export type { IInstructionsProps };

package/dist/types/components/Presale/PassportDetails/index.d.ts

@@ -0,0 +1,20 @@
+import { ILangProps, ILangGeneric } from '../../../interfaces/common/index.js';
+
+interface IListItem {
+    linkUrl?: string;
+    text: ILangGeneric<string>;
+}
+type IPassportDetailsItem = {
+    type: "text";
+    title: ILangGeneric<string>;
+    description: ILangGeneric<string>;
+} | {
+    type: "list";
+    title: ILangGeneric<string>;
+    listItems: IListItem[];
+};
+interface IPassportDetailsProps extends ILangProps {
+    details: IPassportDetailsItem[];
+}
+
+export type { IListItem, IPassportDetailsItem, IPassportDetailsProps };

package/dist/types/components/Presale/ServiceDetails/index.d.ts

@@ -0,0 +1,13 @@
+import { ILangProps, ILangGeneric } from '../../../interfaces/common/index.js';
+import { IPassportDetailsItem } from '../PassportDetails/index.js';
+
+interface IServiceDetailsItem {
+    title: ILangGeneric<string>;
+    description: ILangGeneric<string>;
+}
+interface IServiceDetailsProps extends ILangProps {
+    passportDetails: IPassportDetailsItem[];
+    servicesDetails: IServiceDetailsItem[];
+}
+
+export type { IServiceDetailsItem, IServiceDetailsProps };

package/dist/types/components/ServiceCardComponent/index.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'react';
+
+interface IServiceCardComponentProps {
+    handleOrderService: () => void;
+    title: string;
+    badge: {
+        category: {
+            icon: JSX.Element;
+        };
+        subcategory?: {
+            icon: JSX.Element;
+        };
+    };
+    isNew: boolean;
+}
+
+export type { IServiceCardComponentProps };

package/dist/types/index.d.ts

@@ -1,3 +1,10 @@
+import { INotificationComponentProps } from './components/NotificationComponent/index.js';
+import { IServiceCardComponentProps } from './components/ServiceCardComponent/index.js';
+import { IAccordionTitleProps } from './components/Presale/AccordionTitle/index.js';
+import { IServiceDetailsProps } from './components/Presale/ServiceDetails/index.js';
+import { IPassportDetailsProps } from './components/Presale/PassportDetails/index.js';
+import { IInstructionsProps } from './components/Presale/Instructions/index.js';
+import { IHelpInstructionProps } from './components/Identity/HelpInstruction/index.js';
 import { IViewToggleProps } from './components/Navigation/ViewToggle/index.js';
 import { ISetUpAccessProps } from './components/Profile/SetUpAccess/index.js';
 import { IRightMenuSectionItemProps } from './components/Profile/RightMenuSectionItem/index.js';
@@ -81,6 +88,15 @@ declare const SystemDesign: {
         RightMenuSectionItem: ({ title, btnText, btnOnClick, ariaLabel, btnVariant, }: IRightMenuSectionItemProps) => react_jsx_runtime.JSX.Element;
         SetUpAccess: ({ lock, unlock, lang }: ISetUpAccessProps) => react_jsx_runtime.JSX.Element;
         ViewToggle: ({ activeView, setActiveView }: IViewToggleProps) => react_jsx_runtime.JSX.Element;
+        HelpInstruction: ({ description, linkText, link, }: IHelpInstructionProps) => react_jsx_runtime.JSX.Element;
+        PresaleComponent: {
+            Instructions: ({ instructions, lang }: IInstructionsProps) => react_jsx_runtime.JSX.Element;
+            PassportDetails: ({ details, lang }: IPassportDetailsProps) => react_jsx_runtime.JSX.Element;
+            ServiceDetails: ({ passportDetails, servicesDetails, lang, }: IServiceDetailsProps) => react_jsx_runtime.JSX.Element;
+            AccordionTitle: ({ title }: IAccordionTitleProps) => react_jsx_runtime.JSX.Element;
+        };
+        ServiceCardComponent: ({ handleOrderService, badge, isNew, title, }: IServiceCardComponentProps) => react_jsx_runtime.JSX.Element;
+        NotificationComponent: ({ type, text, toggleNotification, }: INotificationComponentProps) => react_jsx_runtime.JSX.Element;
     };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.99",
+  "version": "1.3.100",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",
   "module": "dist/esm/index.js",
@@ -77,7 +77,7 @@
     "webpack": "^5"
   },
   "dependencies": {
-    "@egov3/graphics": "^1.0.55",
+    "@egov3/graphics": "^1.0.59",
     "html-react-parser": "^5.2.6",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "tslib": "^2.8.1"