@egov3/system-design 1.3.99 → 1.3.100

package/README.md

@@ -6,6 +6,10 @@
 
 Egov3/System-Design — это библиотека UI-компонентов с поддержкой Storybook. Включает в себя готовые элементы интерфейса, утилиты для работы с датами и улучшенные стили.
 
+## Requirements
+- Node.js >= 18
+- Yarn 1.x
+
 ## Установка
 
 С Yarn:

package/dist/cjs/components/Identity/HelpInstruction/HelpInstruction.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".HelpInstruction-module_wrap__v-RCi {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  justify-content: center;\n}\n\n.HelpInstruction-module_link__31fsd {\n  color: var(--default-primary-accent);\n  text-decoration: none;\n}\n";
+var styles = {"wrap":"HelpInstruction-module_wrap__v-RCi","link":"HelpInstruction-module_link__31fsd"};
+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);
+
+exports.default = styles;
+//# sourceMappingURL=HelpInstruction.module.css.js.map

package/dist/cjs/components/Identity/HelpInstruction/HelpInstruction.module.css.js.map

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

package/dist/cjs/components/Identity/HelpInstruction/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../baseComponents/index.js');
+var HelpInstruction_module = require('./HelpInstruction.module.css.js');
+
+const HelpInstruction = ({ description, linkText, link, }) => (jsxRuntime.jsxs("div", { className: HelpInstruction_module.default.wrap, "data-testid": "HelpInstruction_WRAP", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": description, "data-testid": "HelpInstruction_DESCRIPTION", fontClass: "caption1Regular", tag: "span", children: description }), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": linkText, "data-testid": "HelpInstructionLink_TEXT", fontClass: "caption1Regular", tag: "span", children: jsxRuntime.jsx("a", { className: HelpInstruction_module.default.link, "data-testid": "HelpInstruction_LINK", href: link, rel: "noopener noreferrer", target: "_blank", children: linkText }) })] }));
+
+exports.HelpInstruction = HelpInstruction;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Identity/HelpInstruction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/HelpInstruction/index.tsx"],"sourcesContent":[null],"names":["_jsxs","styles","_jsx","BaseComponents"],"mappings":";;;;;;AASO,MAAM,eAAe,GAAG,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,IAAI,GACkB,MACtBA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,8BAAM,CAAC,IAAI,EAAA,aAAA,EAAc,sBAAsB,EAAA,QAAA,EAAA,CAC7DC,cAAA,CAACC,oBAAc,CAAC,UAAU,kBACZ,WAAW,EAAA,aAAA,EACX,6BAA6B,EACzC,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAC,MAAM,YAET,WAAW,EAAA,CACc,EAC5BD,cAAA,CAACC,oBAAc,CAAC,UAAU,kBACZ,QAAQ,EAAA,aAAA,EACR,0BAA0B,EACtC,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAC,MAAM,YAEVD,cAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAED,8BAAM,CAAC,IAAI,EAAA,aAAA,EACV,sBAAsB,EAClC,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,EAAA,QAAA,EAEd,QAAQ,GACP,EAAA,CACsB,CAAA,EAAA,CACxB;;;;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+exports.default = styles;
+//# sourceMappingURL=NotificationComponent.module.css.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/NotificationComponent/index.tsx"],"sourcesContent":[null],"names":["Icons","useEffect","_jsxs","joinClasses","styles","_jsx","toPascalCase","BaseComponents"],"mappings":";;;;;;;;;;AASA,MAAM,qBAAqB,GAAG;AAC5B,IAAA,OAAO,EAAEA,cAAK,CAAC,KAAK,CAAC,KAAK;AAC1B,IAAA,KAAK,EAAEA,cAAK,CAAC,OAAO,CAAC,KAAK;AAC1B,IAAA,OAAO,EAAEA,cAAK,CAAC,OAAO,CAAC,aAAa;AACpC,IAAA,IAAI,EAAEA,cAAK,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;IAExCC,eAAS,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,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,uBAAW,CAACC,oCAAM,CAAC,QAAQ,EAAEA,oCAAM,CAAC,IAAI,CAAC,CAAC,EAAA,aAAA,EACzC,gCAAgC,EAAA,QAAA,EAAA,CAE5CC,cAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAC,oCAAoC,EAAA,aAAA,EAC5B,CAAA,0BAAA,EAA6BC,yBAAY,CAAC,IAAI,CAAC,CAAA,CAAE,EAAA,CAC9D,EACFD,cAAA,CAACE,oBAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,IAAI,EAChB,SAAS,EAAEH,oCAAM,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/cjs/components/Presale/AccordionTitle/AccordionTitle.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+exports.default = styles;
+//# sourceMappingURL=AccordionTitle.module.css.js.map

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

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

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

@@ -0,0 +1,10 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../baseComponents/index.js');
+var AccordionTitle_module = require('./AccordionTitle.module.css.js');
+
+const AccordionTitle = ({ title }) => (jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": title, className: AccordionTitle_module.default.title, "data-testid": "Accordion_TITLE", fontClass: "body1Medium", tag: "span", children: title }));
+
+exports.AccordionTitle = AccordionTitle;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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","BaseComponents","styles"],"mappings":";;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAwB,MAC5DA,cAAA,CAACC,oBAAc,CAAC,UAAU,kBACZ,KAAK,EACjB,SAAS,EAAEC,6BAAM,CAAC,KAAK,EAAA,aAAA,EACX,iBAAiB,EAC7B,SAAS,EAAC,aAAa,EACvB,GAAG,EAAC,MAAM,YAET,KAAK,EAAA,CACoB;;;;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+exports.default = styles;
+//# sourceMappingURL=Instructions.module.css.js.map

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

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

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

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

package/dist/cjs/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","styles","index","_jsxs","BaseComponents"],"mappings":";;;;;;AAQO,MAAM,YAAY,GAAG,CAAC,EAAE,YAAY,EAAE,IAAI,EAAsB,MACrEA,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEC,2BAAM,CAAC,aAAa,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EACtE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAEC,OAAK,MAC5BC,eAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAEF,2BAAM,CAAC,QAAQ,EAAA,aAAA,EACd,wBAAwB,EAAA,QAAA,EAAA,CAGpCE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,2BAAM,CAAC,SAAS,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAAA,CACpED,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,2BAAM,CAAC,UAAU,iBAChB,yBAAyB,EAAA,QAAA,EAEpCC,OAAK,GAAG,CAAC,EAAA,CACN,EACNF,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,2BAAM,CAAC,QAAQ,EAAA,aAAA,EACd,uBAAuB,EAAA,CACnC,CAAA,EAAA,CACE,EACND,cAAA,CAACI,oBAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,IAAI,CAAC,IAAI,CAAC,EACtB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EACxB,SAAS,EAAEH,2BAAM,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/cjs/components/Presale/PassportDetails/PassportDetails.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+exports.default = styles;
+//# sourceMappingURL=PassportDetails.module.css.js.map

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

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

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

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

package/dist/cjs/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","styles","_jsxs","BaseComponents"],"mappings":";;;;;;AAyBO,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAyB,MACtEA,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,yBAAyB,EACrC,SAAS,EAAEC,8BAAM,CAAC,sBAAsB,EAAA,QAAA,EAEvC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,MAChBC,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,sBAAsB,EAClC,SAAS,EAAED,8BAAM,CAAC,kBAAkB,aAGpCD,cAAA,CAACG,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,iBAAiB,EAAA,aAAA,EACf,uBAAuB,EACnC,SAAS,EAAEF,8BAAM,CAAC,SAAS,EAAA,QAAA,EAE1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAA,CACS,EAC3B,IAAI,CAAC,IAAI,KAAK,MAAM,IACnBD,cAAA,CAAA,IAAA,EAAA,EAAA,aAAA,EACc,+BAA+B,EAC3C,SAAS,EAAEC,8BAAM,CAAC,QAAQ,EAAA,QAAA,EAEzB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MAC3BD,cAAA,CAACG,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAElC,SAAS,EAAEF,8BAAM,CAAC,QAAQ,YAEzB,QAAQ,CAAC,OAAO,IACfD,cAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAEC,8BAAM,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,KAELD,cAAA,CAACG,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,6BAA6B,EACzC,SAAS,EAAEF,8BAAM,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/cjs/components/Presale/ServiceDetails/ServiceDetails.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+exports.default = styles;
+//# sourceMappingURL=ServiceDetails.module.css.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+'use strict';
+
+var index = require('./AccordionTitle/index.js');
+var index$3 = require('./Instructions/index.js');
+var index$2 = require('./PassportDetails/index.js');
+var index$1 = require('./ServiceDetails/index.js');
+
+const PresaleComponent = {
+    Instructions: index$3.Instructions,
+    PassportDetails: index$2.PassportDetails,
+    ServiceDetails: index$1.ServiceDetails,
+    AccordionTitle: index.AccordionTitle,
+};
+
+exports.PresaleComponent = PresaleComponent;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Presale/index.tsx"],"sourcesContent":[null],"names":["Instructions","PassportDetails","ServiceDetails","AccordionTitle"],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,GAAG;kBACvBA,oBAAY;qBACZC,uBAAe;oBACfC,sBAAc;oBACdC,oBAAc;;;;;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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);
+
+exports.default = styles;
+//# sourceMappingURL=ServiceCardComponent.module.css.js.map

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

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

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

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

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

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

package/dist/cjs/components/index.js

@@ -1,50 +1,58 @@
 'use strict';
 
 require('../styles/colors.css.js');
-var index$f = require('./ErrorModal/index.js');
-var index$k = require('./Identity/Agreement/index.js');
-var index$j = require('./Identity/Auth/index.js');
-var index$h = require('./Identity/EdsSuccess/index.js');
-var index$9 = require('./Identity/IdentityHeader/index.js');
-var index$8 = require('./Identity/IdentityModal/index.js');
-var index$g = require('./Messages/EmptyMessages/index.js');
-var index$c = require('./Messages/HelpNotification/index.js');
-var index$b = require('./Messages/HelpNotificationItem/index.js');
-var index$7 = require('./Messages/MsgBody/index.js');
-var index$6 = require('./Messages/MsgComponentHeader/index.js');
-var index$5 = require('./Messages/MsgSearch/index.js');
-var index = require('./Navigation/ViewToggle/index.js');
-var index$i = require('./Profile/DocCard/index.js');
-var index$a = require('./Profile/IconToggleItem/index.js');
-var index$3 = require('./Profile/ProfileHealthGeneral/index.js');
-var index$2 = require('./Profile/RightMenuSectionItem/index.js');
-var index$1 = require('./Profile/SetUpAccess/index.js');
-var index$e = require('./Services/Feedback/index.js');
-var index$d = require('./Services/FileForUpload/index.js');
-var index$4 = require('./Services/NextStepComponent/index.js');
+var index$j = require('./ErrorModal/index.js');
+var index$o = require('./Identity/Agreement/index.js');
+var index$n = require('./Identity/Auth/index.js');
+var index$l = require('./Identity/EdsSuccess/index.js');
+var index$3 = require('./Identity/HelpInstruction/index.js');
+var index$d = require('./Identity/IdentityHeader/index.js');
+var index$c = require('./Identity/IdentityModal/index.js');
+var index$k = require('./Messages/EmptyMessages/index.js');
+var index$g = require('./Messages/HelpNotification/index.js');
+var index$f = require('./Messages/HelpNotificationItem/index.js');
+var index$b = require('./Messages/MsgBody/index.js');
+var index$a = require('./Messages/MsgComponentHeader/index.js');
+var index$9 = require('./Messages/MsgSearch/index.js');
+var index$4 = require('./Navigation/ViewToggle/index.js');
+var index = require('./NotificationComponent/index.js');
+var index$2 = require('./Presale/index.js');
+var index$m = require('./Profile/DocCard/index.js');
+var index$e = require('./Profile/IconToggleItem/index.js');
+var index$7 = require('./Profile/ProfileHealthGeneral/index.js');
+var index$6 = require('./Profile/RightMenuSectionItem/index.js');
+var index$5 = require('./Profile/SetUpAccess/index.js');
+var index$1 = require('./ServiceCardComponent/index.js');
+var index$i = require('./Services/Feedback/index.js');
+var index$h = require('./Services/FileForUpload/index.js');
+var index$8 = require('./Services/NextStepComponent/index.js');
 
 const Components = {
-    Agreement: index$k.Agreement,
-    Auth: index$j.Auth,
-    DocCard: index$i.DocCard,
-    EdsSuccess: index$h.EdsSuccess,
-    EmptyMessages: index$g.EmptyMessages,
-    ErrorModal: index$f.ErrorModal,
-    Feedback: index$e.Feedback,
-    FileForUpload: index$d.FileForUpload,
-    HelpNotification: index$c.HelpNotification,
-    HelpNotificationItem: index$b.HelpNotificationItem,
-    IconToggleItem: index$a.IconToggleItem,
-    IdentityHeader: index$9.IdentityHeader,
-    IdentityModal: index$8.IdentityModal,
-    MsgBody: index$7.MsgBody,
-    MsgComponentHeader: index$6.MsgComponentHeader,
-    MsgSearch: index$5.MsgSearch,
-    NextStepComponent: index$4.NextStepComponent,
-    ProfileHealthGeneral: index$3.ProfileHealthGeneral,
-    RightMenuSectionItem: index$2.RightMenuSectionItem,
-    SetUpAccess: index$1.SetUpAccess,
-    ViewToggle: index.ViewToggle,
+    Agreement: index$o.Agreement,
+    Auth: index$n.Auth,
+    DocCard: index$m.DocCard,
+    EdsSuccess: index$l.EdsSuccess,
+    EmptyMessages: index$k.EmptyMessages,
+    ErrorModal: index$j.ErrorModal,
+    Feedback: index$i.Feedback,
+    FileForUpload: index$h.FileForUpload,
+    HelpNotification: index$g.HelpNotification,
+    HelpNotificationItem: index$f.HelpNotificationItem,
+    IconToggleItem: index$e.IconToggleItem,
+    IdentityHeader: index$d.IdentityHeader,
+    IdentityModal: index$c.IdentityModal,
+    MsgBody: index$b.MsgBody,
+    MsgComponentHeader: index$a.MsgComponentHeader,
+    MsgSearch: index$9.MsgSearch,
+    NextStepComponent: index$8.NextStepComponent,
+    ProfileHealthGeneral: index$7.ProfileHealthGeneral,
+    RightMenuSectionItem: index$6.RightMenuSectionItem,
+    SetUpAccess: index$5.SetUpAccess,
+    ViewToggle: index$4.ViewToggle,
+    HelpInstruction: index$3.HelpInstruction,
+    PresaleComponent: index$2.PresaleComponent,
+    ServiceCardComponent: index$1.ServiceCardComponent,
+    NotificationComponent: index.NotificationComponent,
 };
 
 exports.Components = Components;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":["Agreement","Auth","DocCard","EdsSuccess","EmptyMessages","ErrorModal","Feedback","FileForUpload","HelpNotification","HelpNotificationItem","IconToggleItem","IdentityHeader","IdentityModal","MsgBody","MsgComponentHeader","MsgSearch","NextStepComponent","ProfileHealthGeneral","RightMenuSectionItem","SetUpAccess","ViewToggle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAM,UAAU,GAAG;eACxBA,iBAAS;UACTC,YAAI;aACJC,eAAO;gBACPC,kBAAU;mBACVC,qBAAa;gBACbC,kBAAU;cACVC,gBAAQ;mBACRC,qBAAa;sBACbC,wBAAgB;0BAChBC,4BAAoB;oBACpBC,sBAAc;oBACdC,sBAAc;mBACdC,qBAAa;aACbC,eAAO;wBACPC,0BAAkB;eAClBC,iBAAS;uBACTC,yBAAiB;0BACjBC,4BAAoB;0BACpBC,4BAAoB;iBACpBC,mBAAW;gBACXC,gBAAU;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":["Agreement","Auth","DocCard","EdsSuccess","EmptyMessages","ErrorModal","Feedback","FileForUpload","HelpNotification","HelpNotificationItem","IconToggleItem","IdentityHeader","IdentityModal","MsgBody","MsgComponentHeader","MsgSearch","NextStepComponent","ProfileHealthGeneral","RightMenuSectionItem","SetUpAccess","ViewToggle","HelpInstruction","PresaleComponent","ServiceCardComponent","NotificationComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BO,MAAM,UAAU,GAAG;eACxBA,iBAAS;UACTC,YAAI;aACJC,eAAO;gBACPC,kBAAU;mBACVC,qBAAa;gBACbC,kBAAU;cACVC,gBAAQ;mBACRC,qBAAa;sBACbC,wBAAgB;0BAChBC,4BAAoB;oBACpBC,sBAAc;oBACdC,sBAAc;mBACdC,qBAAa;aACbC,eAAO;wBACPC,0BAAkB;eAClBC,iBAAS;uBACTC,yBAAiB;0BACjBC,4BAAoB;0BACpBC,4BAAoB;iBACpBC,mBAAW;gBACXC,kBAAU;qBACVC,uBAAe;sBACfC,wBAAgB;0BAChBC,4BAAoB;2BACpBC,2BAAqB;;;;;"}

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

@@ -26,6 +26,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",
+    },
 };
 
 exports.Common = Common;

package/dist/cjs/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/cjs/styles/colors.css.js

@@ -1,6 +1,6 @@
 'use strict';
 
-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/esm/components/Identity/HelpInstruction/HelpInstruction.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".HelpInstruction-module_wrap__v-RCi {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  justify-content: center;\n}\n\n.HelpInstruction-module_link__31fsd {\n  color: var(--default-primary-accent);\n  text-decoration: none;\n}\n";
+var styles = {"wrap":"HelpInstruction-module_wrap__v-RCi","link":"HelpInstruction-module_link__31fsd"};
+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=HelpInstruction.module.css.js.map

package/dist/esm/components/Identity/HelpInstruction/HelpInstruction.module.css.js.map

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

package/dist/esm/components/Identity/HelpInstruction/index.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { BaseComponents } from '../../../baseComponents/index.js';
+import styles from './HelpInstruction.module.css.js';
+
+const HelpInstruction = ({ description, linkText, link, }) => (jsxs("div", { className: styles.wrap, "data-testid": "HelpInstruction_WRAP", children: [jsx(BaseComponents.Typography, { "aria-label": description, "data-testid": "HelpInstruction_DESCRIPTION", fontClass: "caption1Regular", tag: "span", children: description }), jsx(BaseComponents.Typography, { "aria-label": linkText, "data-testid": "HelpInstructionLink_TEXT", fontClass: "caption1Regular", tag: "span", children: jsx("a", { className: styles.link, "data-testid": "HelpInstruction_LINK", href: link, rel: "noopener noreferrer", target: "_blank", children: linkText }) })] }));
+
+export { HelpInstruction };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/HelpInstruction/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AASO,MAAM,eAAe,GAAG,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,IAAI,GACkB,MACtBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EAAc,sBAAsB,EAAA,QAAA,EAAA,CAC7DC,GAAA,CAAC,cAAc,CAAC,UAAU,kBACZ,WAAW,EAAA,aAAA,EACX,6BAA6B,EACzC,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAC,MAAM,YAET,WAAW,EAAA,CACc,EAC5BA,GAAA,CAAC,cAAc,CAAC,UAAU,kBACZ,QAAQ,EAAA,aAAA,EACR,0BAA0B,EACtC,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAC,MAAM,YAEVA,GAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EACV,sBAAsB,EAClC,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,EAAA,QAAA,EAEd,QAAQ,GACP,EAAA,CACsB,CAAA,EAAA,CACxB;;;;"}