@egov3/system-design 1.3.99 → 1.3.101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -0
- package/dist/cjs/baseComponents/BaseField/index.js +11 -11
- package/dist/cjs/baseComponents/BaseField/index.js.map +1 -1
- package/dist/cjs/baseComponents/InputField/index.js +2 -2
- package/dist/cjs/baseComponents/InputField/index.js.map +1 -1
- package/dist/cjs/baseComponents/InputFieldGroup/index.js +3 -3
- package/dist/cjs/baseComponents/InputFieldGroup/index.js.map +1 -1
- package/dist/cjs/baseComponents/Modal/Modal.module.css.js +2 -2
- package/dist/cjs/baseComponents/Modal/index.js +6 -6
- package/dist/cjs/baseComponents/Modal/index.js.map +1 -1
- package/dist/cjs/baseComponents/TextareaField/index.js +2 -2
- package/dist/cjs/baseComponents/TextareaField/index.js.map +1 -1
- package/dist/cjs/components/ErrorModal/index.js +2 -2
- package/dist/cjs/components/ErrorModal/index.js.map +1 -1
- package/dist/cjs/components/Identity/HelpInstruction/HelpInstruction.module.css.js +22 -0
- package/dist/cjs/components/Identity/HelpInstruction/HelpInstruction.module.css.js.map +1 -0
- package/dist/cjs/components/Identity/HelpInstruction/index.js +10 -0
- package/dist/cjs/components/Identity/HelpInstruction/index.js.map +1 -0
- package/dist/cjs/components/Identity/IdentityHeader/IdentityHeader.module.css.js +1 -1
- package/dist/cjs/components/Identity/IdentityModal/index.js +1 -1
- package/dist/cjs/components/Identity/IdentityModal/index.js.map +1 -1
- package/dist/cjs/components/Messages/MsgBody/MsgBody.module.css.js +1 -1
- package/dist/cjs/components/NotificationComponent/NotificationComponent.module.css.js +22 -0
- package/dist/cjs/components/NotificationComponent/NotificationComponent.module.css.js.map +1 -0
- package/dist/cjs/components/NotificationComponent/index.js +29 -0
- package/dist/cjs/components/NotificationComponent/index.js.map +1 -0
- package/dist/cjs/components/Presale/AccordionTitle/AccordionTitle.module.css.js +22 -0
- package/dist/cjs/components/Presale/AccordionTitle/AccordionTitle.module.css.js.map +1 -0
- package/dist/cjs/components/Presale/AccordionTitle/index.js +10 -0
- package/dist/cjs/components/Presale/AccordionTitle/index.js.map +1 -0
- package/dist/cjs/components/Presale/Instructions/Instructions.module.css.js +22 -0
- package/dist/cjs/components/Presale/Instructions/Instructions.module.css.js.map +1 -0
- package/dist/cjs/components/Presale/Instructions/index.js +10 -0
- package/dist/cjs/components/Presale/Instructions/index.js.map +1 -0
- package/dist/cjs/components/Presale/PassportDetails/PassportDetails.module.css.js +22 -0
- package/dist/cjs/components/Presale/PassportDetails/PassportDetails.module.css.js.map +1 -0
- package/dist/cjs/components/Presale/PassportDetails/index.js +10 -0
- package/dist/cjs/components/Presale/PassportDetails/index.js.map +1 -0
- package/dist/cjs/components/Presale/ServiceDetails/ServiceDetails.module.css.js +22 -0
- package/dist/cjs/components/Presale/ServiceDetails/ServiceDetails.module.css.js.map +1 -0
- package/dist/cjs/components/Presale/ServiceDetails/index.js +22 -0
- package/dist/cjs/components/Presale/ServiceDetails/index.js.map +1 -0
- package/dist/cjs/components/Presale/index.js +16 -0
- package/dist/cjs/components/Presale/index.js.map +1 -0
- package/dist/cjs/components/Profile/DocCard/index.js +1 -1
- package/dist/cjs/components/Profile/DocCard/index.js.map +1 -1
- package/dist/cjs/components/ServiceCardComponent/ServiceCardComponent.module.css.js +22 -0
- package/dist/cjs/components/ServiceCardComponent/ServiceCardComponent.module.css.js.map +1 -0
- package/dist/cjs/components/ServiceCardComponent/index.js +15 -0
- package/dist/cjs/components/ServiceCardComponent/index.js.map +1 -0
- package/dist/cjs/components/index.js +50 -42
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/constants/i18n/Common.js +15 -0
- package/dist/cjs/constants/i18n/Common.js.map +1 -1
- package/dist/cjs/styles/colors.css.js +1 -1
- package/dist/esm/baseComponents/BaseField/index.js +11 -11
- package/dist/esm/baseComponents/BaseField/index.js.map +1 -1
- package/dist/esm/baseComponents/InputField/index.js +2 -2
- package/dist/esm/baseComponents/InputField/index.js.map +1 -1
- package/dist/esm/baseComponents/InputFieldGroup/index.js +3 -3
- package/dist/esm/baseComponents/InputFieldGroup/index.js.map +1 -1
- package/dist/esm/baseComponents/Modal/Modal.module.css.js +2 -2
- package/dist/esm/baseComponents/Modal/index.js +6 -6
- package/dist/esm/baseComponents/Modal/index.js.map +1 -1
- package/dist/esm/baseComponents/TextareaField/index.js +2 -2
- package/dist/esm/baseComponents/TextareaField/index.js.map +1 -1
- package/dist/esm/components/ErrorModal/index.js +2 -2
- package/dist/esm/components/ErrorModal/index.js.map +1 -1
- package/dist/esm/components/Identity/HelpInstruction/HelpInstruction.module.css.js +18 -0
- package/dist/esm/components/Identity/HelpInstruction/HelpInstruction.module.css.js.map +1 -0
- package/dist/esm/components/Identity/HelpInstruction/index.js +8 -0
- package/dist/esm/components/Identity/HelpInstruction/index.js.map +1 -0
- package/dist/esm/components/Identity/IdentityHeader/IdentityHeader.module.css.js +1 -1
- package/dist/esm/components/Identity/IdentityModal/index.js +1 -1
- package/dist/esm/components/Identity/IdentityModal/index.js.map +1 -1
- package/dist/esm/components/Messages/MsgBody/MsgBody.module.css.js +1 -1
- package/dist/esm/components/NotificationComponent/NotificationComponent.module.css.js +18 -0
- package/dist/esm/components/NotificationComponent/NotificationComponent.module.css.js.map +1 -0
- package/dist/esm/components/NotificationComponent/index.js +27 -0
- package/dist/esm/components/NotificationComponent/index.js.map +1 -0
- package/dist/esm/components/Presale/AccordionTitle/AccordionTitle.module.css.js +18 -0
- package/dist/esm/components/Presale/AccordionTitle/AccordionTitle.module.css.js.map +1 -0
- package/dist/esm/components/Presale/AccordionTitle/index.js +8 -0
- package/dist/esm/components/Presale/AccordionTitle/index.js.map +1 -0
- package/dist/esm/components/Presale/Instructions/Instructions.module.css.js +18 -0
- package/dist/esm/components/Presale/Instructions/Instructions.module.css.js.map +1 -0
- package/dist/esm/components/Presale/Instructions/index.js +8 -0
- package/dist/esm/components/Presale/Instructions/index.js.map +1 -0
- package/dist/esm/components/Presale/PassportDetails/PassportDetails.module.css.js +18 -0
- package/dist/esm/components/Presale/PassportDetails/PassportDetails.module.css.js.map +1 -0
- package/dist/esm/components/Presale/PassportDetails/index.js +8 -0
- package/dist/esm/components/Presale/PassportDetails/index.js.map +1 -0
- package/dist/esm/components/Presale/ServiceDetails/ServiceDetails.module.css.js +18 -0
- package/dist/esm/components/Presale/ServiceDetails/ServiceDetails.module.css.js.map +1 -0
- package/dist/esm/components/Presale/ServiceDetails/index.js +20 -0
- package/dist/esm/components/Presale/ServiceDetails/index.js.map +1 -0
- package/dist/esm/components/Presale/index.js +14 -0
- package/dist/esm/components/Presale/index.js.map +1 -0
- package/dist/esm/components/Profile/DocCard/index.js +1 -1
- package/dist/esm/components/Profile/DocCard/index.js.map +1 -1
- package/dist/esm/components/ServiceCardComponent/ServiceCardComponent.module.css.js +18 -0
- package/dist/esm/components/ServiceCardComponent/ServiceCardComponent.module.css.js.map +1 -0
- package/dist/esm/components/ServiceCardComponent/index.js +13 -0
- package/dist/esm/components/ServiceCardComponent/index.js.map +1 -0
- package/dist/esm/components/index.js +8 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/constants/i18n/Common.js +15 -0
- package/dist/esm/constants/i18n/Common.js.map +1 -1
- package/dist/esm/styles/colors.css.js +1 -1
- package/dist/types/baseComponents/InputField/index.d.ts +3 -3
- package/dist/types/baseComponents/InputFieldGroup/index.d.ts +3 -3
- package/dist/types/baseComponents/Modal/index.d.ts +4 -4
- package/dist/types/baseComponents/TextareaField/index.d.ts +3 -3
- package/dist/types/components/ErrorModal/index.d.ts +1 -1
- package/dist/types/components/Identity/HelpInstruction/index.d.ts +7 -0
- package/dist/types/components/NotificationComponent/index.d.ts +8 -0
- package/dist/types/components/Presale/AccordionTitle/index.d.ts +5 -0
- package/dist/types/components/Presale/Instructions/index.d.ts +7 -0
- package/dist/types/components/Presale/PassportDetails/index.d.ts +20 -0
- package/dist/types/components/Presale/ServiceDetails/index.d.ts +13 -0
- package/dist/types/components/ServiceCardComponent/index.d.ts +17 -0
- package/dist/types/index.d.ts +19 -3
- package/package.json +8 -3
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
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";
|
|
6
|
+
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"};
|
|
7
|
+
function styleInject(css, options) {
|
|
8
|
+
if (typeof document === 'undefined') return;
|
|
9
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
10
|
+
const style = document.createElement('style');
|
|
11
|
+
style.type = 'text/css';
|
|
12
|
+
if (style.styleSheet) {
|
|
13
|
+
style.styleSheet.cssText = css;
|
|
14
|
+
} else {
|
|
15
|
+
style.appendChild(document.createTextNode(css));
|
|
16
|
+
}
|
|
17
|
+
head.appendChild(style);
|
|
18
|
+
}
|
|
19
|
+
styleInject(css_248z);
|
|
20
|
+
|
|
21
|
+
exports.default = styles;
|
|
22
|
+
//# sourceMappingURL=PassportDetails.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PassportDetails.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var index = require('../../../baseComponents/index.js');
|
|
5
|
+
var PassportDetails_module = require('./PassportDetails.module.css.js');
|
|
6
|
+
|
|
7
|
+
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]))) }));
|
|
8
|
+
|
|
9
|
+
exports.PassportDetails = PassportDetails;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
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";
|
|
6
|
+
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"};
|
|
7
|
+
function styleInject(css, options) {
|
|
8
|
+
if (typeof document === 'undefined') return;
|
|
9
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
10
|
+
const style = document.createElement('style');
|
|
11
|
+
style.type = 'text/css';
|
|
12
|
+
if (style.styleSheet) {
|
|
13
|
+
style.styleSheet.cssText = css;
|
|
14
|
+
} else {
|
|
15
|
+
style.appendChild(document.createTextNode(css));
|
|
16
|
+
}
|
|
17
|
+
head.appendChild(style);
|
|
18
|
+
}
|
|
19
|
+
styleInject(css_248z);
|
|
20
|
+
|
|
21
|
+
exports.default = styles;
|
|
22
|
+
//# sourceMappingURL=ServiceDetails.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ServiceDetails.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var index = require('../../../baseComponents/index.js');
|
|
6
|
+
var index$1 = require('../../../constants/i18n/index.js');
|
|
7
|
+
var index$2 = require('../PassportDetails/index.js');
|
|
8
|
+
var ServiceDetails_module = require('./ServiceDetails.module.css.js');
|
|
9
|
+
|
|
10
|
+
const ServiceDetails = ({ passportDetails, servicesDetails, lang, }) => {
|
|
11
|
+
const [isShowPassport, setIsShowPassport] = React.useState(false);
|
|
12
|
+
const langDic = index$1.i18n.Common;
|
|
13
|
+
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: () => {
|
|
14
|
+
setIsShowPassport(!isShowPassport);
|
|
15
|
+
}, 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, { isOpen: isShowPassport, setIsOpen: setIsShowPassport, header: {
|
|
16
|
+
title: langDic.passportBtnText[lang],
|
|
17
|
+
isClosable: true,
|
|
18
|
+
}, lang: lang, variant: "small", children: jsxRuntime.jsx(index$2.PassportDetails, { details: passportDetails, lang: lang }) }))] })] }));
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.ServiceDetails = ServiceDetails;
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./AccordionTitle/index.js');
|
|
4
|
+
var index$3 = require('./Instructions/index.js');
|
|
5
|
+
var index$2 = require('./PassportDetails/index.js');
|
|
6
|
+
var index$1 = require('./ServiceDetails/index.js');
|
|
7
|
+
|
|
8
|
+
const PresaleComponent = {
|
|
9
|
+
Instructions: index$3.Instructions,
|
|
10
|
+
PassportDetails: index$2.PassportDetails,
|
|
11
|
+
ServiceDetails: index$1.ServiceDetails,
|
|
12
|
+
AccordionTitle: index.AccordionTitle,
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
exports.PresaleComponent = PresaleComponent;
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;;"}
|
|
@@ -11,7 +11,7 @@ const DocCard = ({ title, docIcon, expiration, children, lang, handleDownload, }
|
|
|
11
11
|
const langDic = index$1.i18n.DocCard;
|
|
12
12
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("button", { type: "button", "data-testid": "DocCard_BUTTON", onClick: () => {
|
|
13
13
|
setIsModalOpen(!isModalOpen);
|
|
14
|
-
}, className: DocCard_module.default.container, "aria-label": title, children: [jsxRuntime.jsx("div", { "data-testid": "DocCard_CARD", className: DocCard_module.default.card, children: jsxRuntime.jsx("div", { "data-testid": "DocCard_DOCUMENT", className: DocCard_module.default.document, children: docIcon }) }), jsxRuntime.jsxs("div", { "data-testid": "DocCard_TEXT", className: DocCard_module.default.text, children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: DocCard_module.default.title, children: title }), expiration && (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", "data-testid": "DocCard_EXPIRATION", className: DocCard_module.default.expiration, "aria-label": expiration, fontClass: "caption1Regular", children: expiration }))] })] }), isModalOpen && (jsxRuntime.jsx(index.BaseComponents.Modal, {
|
|
14
|
+
}, className: DocCard_module.default.container, "aria-label": title, children: [jsxRuntime.jsx("div", { "data-testid": "DocCard_CARD", className: DocCard_module.default.card, children: jsxRuntime.jsx("div", { "data-testid": "DocCard_DOCUMENT", className: DocCard_module.default.document, children: docIcon }) }), jsxRuntime.jsxs("div", { "data-testid": "DocCard_TEXT", className: DocCard_module.default.text, children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: DocCard_module.default.title, children: title }), expiration && (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", "data-testid": "DocCard_EXPIRATION", className: DocCard_module.default.expiration, "aria-label": expiration, fontClass: "caption1Regular", children: expiration }))] })] }), isModalOpen && (jsxRuntime.jsx(index.BaseComponents.Modal, { isOpen: isModalOpen, setIsOpen: setIsModalOpen, header: { title, isClosable: true }, variant: "small", lang: lang, footerButtons: [
|
|
15
15
|
{
|
|
16
16
|
text: langDic.downloadButton[lang],
|
|
17
17
|
onClick: handleDownload,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Profile/DocCard/index.tsx"],"sourcesContent":[null],"names":["useState","i18n","_jsxs","_Fragment","styles","_jsx","BaseComponents"],"mappings":";;;;;;;;AAeO,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,cAAc,GACA,KAAI;IAClB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACrD,IAAA,MAAM,OAAO,GAAGC,YAAI,CAAC,OAAO;AAC5B,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACED,eAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,gBAAgB,EAC5B,OAAO,EAAE,MAAK;AACZ,oBAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,gBAAA,CAAC,EACD,SAAS,EAAEE,sBAAM,CAAC,SAAS,EAAA,YAAA,EACf,KAAK,EAAA,QAAA,EAAA,CAEjBC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAED,sBAAM,CAAC,IAAI,EAAA,QAAA,EACpDC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAED,sBAAM,CAAC,QAAQ,EAAA,QAAA,EAC3D,OAAO,GACJ,EAAA,CACF,EACNF,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEE,sBAAM,CAAC,IAAI,EAAA,QAAA,EAAA,CACpDC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,EAAA,aAAA,EACd,eAAe,EAC3B,SAAS,EAAEF,sBAAM,CAAC,KAAK,EAAA,QAAA,EAEtB,KAAK,GACoB,EAC3B,UAAU,KACTC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,oBAAoB,EAChC,SAAS,EAAEF,sBAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EACtB,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAE1B,UAAU,EAAA,CACe,CAC7B,CAAA,EAAA,CACG,CAAA,EAAA,CACC,EACR,WAAW,KACVC,cAAA,CAACC,oBAAc,CAAC,KAAK,EAAA,EACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Profile/DocCard/index.tsx"],"sourcesContent":[null],"names":["useState","i18n","_jsxs","_Fragment","styles","_jsx","BaseComponents"],"mappings":";;;;;;;;AAeO,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,cAAc,GACA,KAAI;IAClB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACrD,IAAA,MAAM,OAAO,GAAGC,YAAI,CAAC,OAAO;AAC5B,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACED,eAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,gBAAgB,EAC5B,OAAO,EAAE,MAAK;AACZ,oBAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,gBAAA,CAAC,EACD,SAAS,EAAEE,sBAAM,CAAC,SAAS,EAAA,YAAA,EACf,KAAK,EAAA,QAAA,EAAA,CAEjBC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAED,sBAAM,CAAC,IAAI,EAAA,QAAA,EACpDC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAED,sBAAM,CAAC,QAAQ,EAAA,QAAA,EAC3D,OAAO,GACJ,EAAA,CACF,EACNF,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEE,sBAAM,CAAC,IAAI,EAAA,QAAA,EAAA,CACpDC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,EAAA,aAAA,EACd,eAAe,EAC3B,SAAS,EAAEF,sBAAM,CAAC,KAAK,EAAA,QAAA,EAEtB,KAAK,GACoB,EAC3B,UAAU,KACTC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,oBAAoB,EAChC,SAAS,EAAEF,sBAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EACtB,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAE1B,UAAU,EAAA,CACe,CAC7B,CAAA,EAAA,CACG,CAAA,EAAA,CACC,EACR,WAAW,KACVC,cAAA,CAACC,oBAAc,CAAC,KAAK,EAAA,EACnB,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,cAAc,EACzB,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,EACnC,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,IAAI,EACV,aAAa,EAAE;AACb,oBAAA;AACE,wBAAA,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC;AAClC,wBAAA,OAAO,EAAE,cAAc;AACvB,wBAAA,UAAU,EAAE,mBAAmB;AAChC,qBAAA;AACF,iBAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,CACY,CACxB,CAAA,EAAA,CACA;AAEP;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
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";
|
|
6
|
+
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"};
|
|
7
|
+
function styleInject(css, options) {
|
|
8
|
+
if (typeof document === 'undefined') return;
|
|
9
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
10
|
+
const style = document.createElement('style');
|
|
11
|
+
style.type = 'text/css';
|
|
12
|
+
if (style.styleSheet) {
|
|
13
|
+
style.styleSheet.cssText = css;
|
|
14
|
+
} else {
|
|
15
|
+
style.appendChild(document.createTextNode(css));
|
|
16
|
+
}
|
|
17
|
+
head.appendChild(style);
|
|
18
|
+
}
|
|
19
|
+
styleInject(css_248z);
|
|
20
|
+
|
|
21
|
+
exports.default = styles;
|
|
22
|
+
//# sourceMappingURL=ServiceCardComponent.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ServiceCardComponent.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var index = require('../../baseComponents/index.js');
|
|
6
|
+
var ServiceCardComponent_module = require('./ServiceCardComponent.module.css.js');
|
|
7
|
+
|
|
8
|
+
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, {
|
|
9
|
+
className: ServiceCardComponent_module.default.category,
|
|
10
|
+
}) }), 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, {
|
|
11
|
+
className: ServiceCardComponent_module.default.subcategory,
|
|
12
|
+
}) }))), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": title, "data-testid": "ServiceCardComponent_LABEL", tag: "span", fontClass: "caption1Regular", className: ServiceCardComponent_module.default.TopServicesCardText, children: title })] }));
|
|
13
|
+
|
|
14
|
+
exports.ServiceCardComponent = ServiceCardComponent;
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -1,50 +1,58 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
require('../styles/colors.css.js');
|
|
4
|
-
var index$
|
|
5
|
-
var index$
|
|
6
|
-
var index$
|
|
7
|
-
var index$
|
|
8
|
-
var index$
|
|
9
|
-
var index$
|
|
10
|
-
var index$
|
|
11
|
-
var index$
|
|
12
|
-
var index$
|
|
13
|
-
var index$
|
|
14
|
-
var index$
|
|
15
|
-
var index$
|
|
16
|
-
var index = require('./
|
|
17
|
-
var index$
|
|
18
|
-
var index
|
|
19
|
-
var index$
|
|
20
|
-
var index$
|
|
21
|
-
var index$
|
|
22
|
-
var index$
|
|
23
|
-
var index$
|
|
24
|
-
var index$
|
|
4
|
+
var index$j = require('./ErrorModal/index.js');
|
|
5
|
+
var index$o = require('./Identity/Agreement/index.js');
|
|
6
|
+
var index$n = require('./Identity/Auth/index.js');
|
|
7
|
+
var index$l = require('./Identity/EdsSuccess/index.js');
|
|
8
|
+
var index$3 = require('./Identity/HelpInstruction/index.js');
|
|
9
|
+
var index$d = require('./Identity/IdentityHeader/index.js');
|
|
10
|
+
var index$c = require('./Identity/IdentityModal/index.js');
|
|
11
|
+
var index$k = require('./Messages/EmptyMessages/index.js');
|
|
12
|
+
var index$g = require('./Messages/HelpNotification/index.js');
|
|
13
|
+
var index$f = require('./Messages/HelpNotificationItem/index.js');
|
|
14
|
+
var index$b = require('./Messages/MsgBody/index.js');
|
|
15
|
+
var index$a = require('./Messages/MsgComponentHeader/index.js');
|
|
16
|
+
var index$9 = require('./Messages/MsgSearch/index.js');
|
|
17
|
+
var index$4 = require('./Navigation/ViewToggle/index.js');
|
|
18
|
+
var index = require('./NotificationComponent/index.js');
|
|
19
|
+
var index$2 = require('./Presale/index.js');
|
|
20
|
+
var index$m = require('./Profile/DocCard/index.js');
|
|
21
|
+
var index$e = require('./Profile/IconToggleItem/index.js');
|
|
22
|
+
var index$7 = require('./Profile/ProfileHealthGeneral/index.js');
|
|
23
|
+
var index$6 = require('./Profile/RightMenuSectionItem/index.js');
|
|
24
|
+
var index$5 = require('./Profile/SetUpAccess/index.js');
|
|
25
|
+
var index$1 = require('./ServiceCardComponent/index.js');
|
|
26
|
+
var index$i = require('./Services/Feedback/index.js');
|
|
27
|
+
var index$h = require('./Services/FileForUpload/index.js');
|
|
28
|
+
var index$8 = require('./Services/NextStepComponent/index.js');
|
|
25
29
|
|
|
26
30
|
const Components = {
|
|
27
|
-
Agreement: index$
|
|
28
|
-
Auth: index$
|
|
29
|
-
DocCard: index$
|
|
30
|
-
EdsSuccess: index$
|
|
31
|
-
EmptyMessages: index$
|
|
32
|
-
ErrorModal: index$
|
|
33
|
-
Feedback: index$
|
|
34
|
-
FileForUpload: index$
|
|
35
|
-
HelpNotification: index$
|
|
36
|
-
HelpNotificationItem: index$
|
|
37
|
-
IconToggleItem: index$
|
|
38
|
-
IdentityHeader: index$
|
|
39
|
-
IdentityModal: index$
|
|
40
|
-
MsgBody: index$
|
|
41
|
-
MsgComponentHeader: index$
|
|
42
|
-
MsgSearch: index$
|
|
43
|
-
NextStepComponent: index$
|
|
44
|
-
ProfileHealthGeneral: index$
|
|
45
|
-
RightMenuSectionItem: index$
|
|
46
|
-
SetUpAccess: index$
|
|
47
|
-
ViewToggle: index.ViewToggle,
|
|
31
|
+
Agreement: index$o.Agreement,
|
|
32
|
+
Auth: index$n.Auth,
|
|
33
|
+
DocCard: index$m.DocCard,
|
|
34
|
+
EdsSuccess: index$l.EdsSuccess,
|
|
35
|
+
EmptyMessages: index$k.EmptyMessages,
|
|
36
|
+
ErrorModal: index$j.ErrorModal,
|
|
37
|
+
Feedback: index$i.Feedback,
|
|
38
|
+
FileForUpload: index$h.FileForUpload,
|
|
39
|
+
HelpNotification: index$g.HelpNotification,
|
|
40
|
+
HelpNotificationItem: index$f.HelpNotificationItem,
|
|
41
|
+
IconToggleItem: index$e.IconToggleItem,
|
|
42
|
+
IdentityHeader: index$d.IdentityHeader,
|
|
43
|
+
IdentityModal: index$c.IdentityModal,
|
|
44
|
+
MsgBody: index$b.MsgBody,
|
|
45
|
+
MsgComponentHeader: index$a.MsgComponentHeader,
|
|
46
|
+
MsgSearch: index$9.MsgSearch,
|
|
47
|
+
NextStepComponent: index$8.NextStepComponent,
|
|
48
|
+
ProfileHealthGeneral: index$7.ProfileHealthGeneral,
|
|
49
|
+
RightMenuSectionItem: index$6.RightMenuSectionItem,
|
|
50
|
+
SetUpAccess: index$5.SetUpAccess,
|
|
51
|
+
ViewToggle: index$4.ViewToggle,
|
|
52
|
+
HelpInstruction: index$3.HelpInstruction,
|
|
53
|
+
PresaleComponent: index$2.PresaleComponent,
|
|
54
|
+
ServiceCardComponent: index$1.ServiceCardComponent,
|
|
55
|
+
NotificationComponent: index.NotificationComponent,
|
|
48
56
|
};
|
|
49
57
|
|
|
50
58
|
exports.Components = Components;
|
|
@@ -1 +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":"
|
|
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","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;;;;;"}
|
|
@@ -26,6 +26,21 @@ const Common = {
|
|
|
26
26
|
kk: "kkЗакрыть",
|
|
27
27
|
en: "enЗакрыть",
|
|
28
28
|
},
|
|
29
|
+
informErrorBtn: {
|
|
30
|
+
ru: "Сообщить об ошибке",
|
|
31
|
+
kk: "Қате туралы хабарлау",
|
|
32
|
+
en: "Report an error",
|
|
33
|
+
},
|
|
34
|
+
passportBtnText: {
|
|
35
|
+
ru: "Подробный паспорт услуги",
|
|
36
|
+
kk: "Қызметтің толық паспорты",
|
|
37
|
+
en: "Detailed service passport",
|
|
38
|
+
},
|
|
39
|
+
informError: {
|
|
40
|
+
ru: "Если вы нашли ошибки в деталях данной услуги, просим сообщить нам нажав на кнопку",
|
|
41
|
+
kk: "Егер сіз осы қызметтің егжей-тегжейінде қате тапсаңыз, түймені басу арқылы бізге хабарлауыңызды сұраймыз",
|
|
42
|
+
en: "If you find errors in the details of this service, please inform us by clicking the button",
|
|
43
|
+
},
|
|
29
44
|
};
|
|
30
45
|
|
|
31
46
|
exports.Common = Common;
|
|
@@ -1 +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;;;;;"}
|
|
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;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;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
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";
|
|
3
|
+
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";
|
|
4
4
|
function styleInject(css, options) {
|
|
5
5
|
if (typeof document === 'undefined') return;
|
|
6
6
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -5,18 +5,18 @@ import { joinClasses } from '../../utils/joinClasses.js';
|
|
|
5
5
|
import typography from '../../styles/typography.module.css.js';
|
|
6
6
|
import styles from './BaseField.module.css.js';
|
|
7
7
|
|
|
8
|
-
const BaseFieldInner = ({ value = "", labelText, inputLeftIcon, isClearable, className, style, id,
|
|
8
|
+
const BaseFieldInner = ({ value = "", labelText, inputLeftIcon, isClearable, className, style, id, isFocused: controlledFocused, setIsFocused, onChange, dataTestid = "BaseField_MAIN", hintText, isError, children, }, ref) => {
|
|
9
9
|
const [localFocused, setLocalFocused] = useState(false);
|
|
10
|
-
const
|
|
11
|
-
const isLabelShown = !!labelText && (
|
|
12
|
-
const isLabelPlaceholderShown = !!labelText && !
|
|
10
|
+
const isFocused = controlledFocused ?? localFocused;
|
|
11
|
+
const isLabelShown = !!labelText && (isFocused || value.length > 0);
|
|
12
|
+
const isLabelPlaceholderShown = !!labelText && !isFocused && value.length === 0;
|
|
13
13
|
const handleFocus = () => {
|
|
14
14
|
setLocalFocused(true);
|
|
15
|
-
|
|
15
|
+
setIsFocused?.(true);
|
|
16
16
|
};
|
|
17
17
|
const handleBlur = () => {
|
|
18
18
|
setLocalFocused(false);
|
|
19
|
-
|
|
19
|
+
setIsFocused?.(false);
|
|
20
20
|
};
|
|
21
21
|
const handleChange = (event) => {
|
|
22
22
|
onChange?.(event);
|
|
@@ -29,14 +29,14 @@ const BaseFieldInner = ({ value = "", labelText, inputLeftIcon, isClearable, cla
|
|
|
29
29
|
};
|
|
30
30
|
onChange(event);
|
|
31
31
|
};
|
|
32
|
-
return (jsxs("div", { className: joinClasses(styles.baseFieldWrapper, className), style: style, "data-testid": dataTestid, children: [jsxs("div", { ref: ref, "data-testid": `${dataTestid}_INPUT_CONTAINER`, className: joinClasses(styles.inputContainer,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
32
|
+
return (jsxs("div", { className: joinClasses(styles.baseFieldWrapper, className), style: style, "data-testid": dataTestid, children: [jsxs("div", { ref: ref, "data-testid": `${dataTestid}_INPUT_CONTAINER`, className: joinClasses(styles.inputContainer, isFocused && styles["input--onfocus"], isLabelShown ? styles.labelPadding : styles.placeholderPadding, typography.body2Regular), children: [jsxs("div", { className: styles.inputContainerLabeled, "data-testid": `${dataTestid}_INPUT_CONTAINER_LABELED`, children: [isLabelShown && (jsx("label", { htmlFor: id, className: joinClasses(typography.caption1Regular, isError && styles.error), children: labelText })), jsxs("div", { className: styles.inputContainerIcon, "data-testid": `${dataTestid}_INPUT_CONTAINER_ICON`, children: [inputLeftIcon, children({
|
|
33
|
+
isFocused,
|
|
34
|
+
isShowLabel: isLabelShown,
|
|
35
|
+
isShowPlaceholder: isLabelPlaceholderShown,
|
|
36
36
|
handleFocus,
|
|
37
37
|
handleBlur,
|
|
38
38
|
handleChange,
|
|
39
|
-
})] })] }), isClearable && value && (jsx(Icons.General.Clear, { className: styles.clearIcon, onClick: handleClear, "data-testid": "Icons_CLEAR" }))] }), hintText && hintText.length > 0 && (jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses(styles.hintText, typography.body2Regular,
|
|
39
|
+
})] })] }), isFocused && isClearable && value && (jsx(Icons.General.Clear, { className: styles.clearIcon, onMouseDown: (e) => e.preventDefault(), onClick: handleClear, "data-testid": "Icons_CLEAR" }))] }), hintText && hintText.length > 0 && (jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses(styles.hintText, typography.body2Regular, isError && styles.error), children: hintText }))] }));
|
|
40
40
|
};
|
|
41
41
|
const BaseField = forwardRef(BaseFieldInner);
|
|
42
42
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BaseField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAqCA,MAAM,cAAc,GAAG,CACrB,EACE,KAAK,GAAG,EAAE,EACV,SAAS,EACT,aAAa,EACb,WAAW,EACX,SAAS,EACT,KAAK,EACL,EAAE,EACF,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BaseField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -5,14 +5,14 @@ import { BaseField } from '../BaseField/index.js';
|
|
|
5
5
|
import styles from '../BaseField/BaseField.module.css.js';
|
|
6
6
|
|
|
7
7
|
const InputField = forwardRef((props, ref) => {
|
|
8
|
-
const { id, labelText, value, readOnly, onChange, onKeyDown, variant = "default",
|
|
8
|
+
const { id, labelText, value, readOnly, onChange, onKeyDown, variant = "default", isFocused, setIsFocused, isClearable, inputLeftIcon, isError, hintText, ...htmlProps } = props;
|
|
9
9
|
const handleKeyDown = (event) => {
|
|
10
10
|
onKeyDown?.(event);
|
|
11
11
|
if (event.key === "Enter") {
|
|
12
12
|
props.onEnterPress?.(event);
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
return (jsx(BaseField, { ...props, onChange: onChange, value: value,
|
|
15
|
+
return (jsx(BaseField, { ...props, onChange: onChange, value: value, isFocused: isFocused, setIsFocused: setIsFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon, isError: isError, hintText: hintText, children: ({ handleFocus, handleBlur, isShowPlaceholder, handleChange }) => (jsx("input", { "data-testid": "InputField_INPUT", ref: ref, ...htmlProps, id: id, value: value, readOnly: readOnly, placeholder: isShowPlaceholder ? labelText : "", onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onChange: (e) => {
|
|
16
16
|
handleChange(e);
|
|
17
17
|
}, className: joinClasses(styles.input, variant === "code" && styles.code, htmlProps.className) })) }));
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AA8BO,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AA8BO,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK;AAET,IAAA,MAAM,aAAa,GAAG,CAAC,KAA4C,KAAI;AACrE,QAAA,SAAS,GAAG,KAAK,CAAC;AAClB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;AAC5B,QAAA;AACH,IAAA,CAAC;IAED,QACEA,IAAC,SAAS,EAAA,EAAA,GACJ,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAEjB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAC5DA,GAAA,CAAA,OAAA,EAAA,EAAA,aAAA,EACc,kBAAkB,EAC9B,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,iBAAiB,GAAG,SAAS,GAAG,EAAE,EAC/C,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAI;gBACd,YAAY,CAAC,CAAC,CAAC;YACjB,CAAC,EACD,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAI,MAAM,CAAC,IAAI,EACjC,SAAS,CAAC,SAAS,CACpB,EAAA,CACD,CACH,EAAA,CACS;AAEhB,CAAC;;;;"}
|
|
@@ -18,7 +18,7 @@ const shouldPreventKeyInput = (event) => {
|
|
|
18
18
|
return false;
|
|
19
19
|
return !isSingleDigit(event.key);
|
|
20
20
|
};
|
|
21
|
-
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className,
|
|
21
|
+
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange, handleKeyDown, }) => {
|
|
22
22
|
const inputsRef = useRef([]);
|
|
23
23
|
const focusInput = (index) => {
|
|
24
24
|
setTimeout(() => {
|
|
@@ -62,8 +62,8 @@ const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid":
|
|
|
62
62
|
const fieldId = `inputCode_${index}`;
|
|
63
63
|
return (jsx(InputField, { "data-testid": `${dataTestid}_INPUT_FIELD_${index}`, ref: (el) => {
|
|
64
64
|
inputsRef.current[index] = el;
|
|
65
|
-
}, id: fieldId, type: "text", pattern: "[0-9]*", variant: "code", value: code[index] || "", "aria-label": ariaLabel,
|
|
66
|
-
}) }), hintText && hintText.length > 0 && (jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses(styles.hintText, typography.body2Regular,
|
|
65
|
+
}, id: fieldId, type: "text", pattern: "[0-9]*", variant: "code", value: code[index] || "", "aria-label": ariaLabel, isFocused: isFocused, setIsFocused: setIsFocused, onChange: handleChange(index), onKeyDown: handleKey(index), className: styles.input }, fieldId));
|
|
66
|
+
}) }), hintText && hintText.length > 0 && (jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses(styles.hintText, typography.body2Regular, isError && styles.error), children: hintText }))] }));
|
|
67
67
|
};
|
|
68
68
|
|
|
69
69
|
export { InputFieldGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAyBA,MAAM,oBAAoB,GAAG,CAAC,KAAsC,KAAI;IACtE,OAAO,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM;AACvD,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,GAAW,KAAI;AACpC,IAAA,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7C,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,KAAsC,KAAI;IACvE,IAAI,oBAAoB,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAC7C,IAAA,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AACxC,IAAA,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC;AAClC,CAAC;AAEM,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,EACN,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,GAAG,yBAAyB,EACrD,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n animation: Modal-module_flyDown__8XGLa 1s;\n display: flex;\n flex-direction: column;\n margin: auto 0;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(598px, 70vw, 749px);\n }\n}\n\n@media (min-width: 1024px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(749px, 70vw, 1052px);\n }\n}\n\n@media (min-width: 1280px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(1052px, 70vw, 100%);\n }\n}\n\n@media (min-width: 1440px) {\n .Modal-module_contentWrap__k38CL {\n margin: auto 194px;\n width: 100%;\n }\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n
|
|
2
|
-
var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","
|
|
1
|
+
var css_248z = ".Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n animation: Modal-module_flyDown__8XGLa 1s;\n display: flex;\n flex-direction: column;\n margin: auto 0;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(598px, 70vw, 749px);\n }\n}\n\n@media (min-width: 1024px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(749px, 70vw, 1052px);\n }\n}\n\n@media (min-width: 1280px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(1052px, 70vw, 100%);\n }\n}\n\n@media (min-width: 1440px) {\n .Modal-module_contentWrap__k38CL {\n margin: auto 194px;\n width: 100%;\n }\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Modal-module_contentBody__ko2lN {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n padding: 32px 0px;\n overflow-y: auto;\n align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n height: 24px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n align-items: center;\n padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n grid-column: 1;\n justify-self: start;\n color: var(--text-primary);\n white-space: nowrap;\n}\n\n.Modal-module_posCenter__nOtOA {\n grid-column: 2;\n justify-self: center;\n margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n grid-column: 3;\n justify-self: end;\n width: 20px;\n height: 20px;\n}\n";
|
|
2
|
+
var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentBody":"Modal-module_contentBody__ko2lN","wrapper":"Modal-module_wrapper__K3Tg6","fixModal":"Modal-module_fixModal__cKNyu","contentHeader":"Modal-module_contentHeader__XyuVc","posLeft":"Modal-module_posLeft__BCx1t","posCenter":"Modal-module_posCenter__nOtOA","posRight":"Modal-module_posRight__2aSmX"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -7,15 +7,15 @@ import { Overlay } from '../Overlay/index.js';
|
|
|
7
7
|
import { Typography } from '../Typography/index.js';
|
|
8
8
|
import styles from './Modal.module.css.js';
|
|
9
9
|
|
|
10
|
-
const Modal = ({ children, header, lang,
|
|
11
|
-
const Wrapper =
|
|
10
|
+
const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay = true, isContentScroll = true, footerButtons = [], }) => {
|
|
11
|
+
const Wrapper = isWithOverlay
|
|
12
12
|
? Overlay
|
|
13
13
|
: (props) => jsx("div", { ...props });
|
|
14
|
-
return (jsx(Wrapper, { className: isContentScroll ? undefined : styles.fixModal, children: jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, isContentScroll && styles.contentWrapHeight, styles[`${variant}Variant`]), children: [header && (jsxs("div", { "data-testid": "Modal_HEADER", className: styles.contentHeader, children: [header?.goBackService && (jsx("button", { "aria-label": i18n.Modal.AriaBackButton[lang], className: styles.
|
|
15
|
-
if (
|
|
16
|
-
|
|
14
|
+
return (jsx(Wrapper, { className: isContentScroll ? undefined : styles.fixModal, children: jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, isContentScroll && styles.contentWrapHeight, styles[`${variant}Variant`]), children: [header && (jsxs("div", { "data-testid": "Modal_HEADER", className: styles.contentHeader, children: [header?.goBackService && (jsx("button", { "aria-label": i18n.Modal.AriaBackButton[lang], className: styles.posLeft, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsx(Icons.Basic.ChevronLeft, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.goIdentityMain && (jsx("button", { "aria-label": i18n.Modal.AriaAuthorizationPageBtn[lang], className: styles.posCenter, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button", children: jsx(Icons.Logo.Egov, { width: "69px", height: "24px", "data-testid": "ModalEgov_ICON" }) })), header?.title && (jsx(Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.posLeft, children: header.title })), header?.isClosable && (jsx("button", { className: styles.posRight, type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
|
|
15
|
+
if (setIsOpen) {
|
|
16
|
+
setIsOpen(!isOpen);
|
|
17
17
|
}
|
|
18
|
-
}, children: jsx(Icons.General.Close, { "data-testid": "ModalClose_ICON"
|
|
18
|
+
}, children: jsx(Icons.General.Close, { "data-testid": "ModalClose_ICON", width: 14.5, height: 14.5 }) }))] })), jsx("div", { className: isContentScroll ? styles.contentBody : undefined, "data-testid": "Modal_BODY", children: children }), footerButtons.length > 0 && (jsx("div", { className: styles.wrapper, "data-testid": "ModalFooterButton_WRAP", children: footerButtons.map((item) => (jsx(Button, { "aria-label": item.text, "data-testid": item.dataTestid, disabled: item.isDisabled, onClick: item.onClick, size: "large", children: item.text }, item.text))) }))] }) }));
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
export { Modal };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAmCO,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|