@egov3/system-design 1.3.81 → 1.3.83
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/dist/cjs/components/IdentityModal/IdentityModal.module.css.js +2 -2
- package/dist/cjs/components/IdentityModal/index.js +16 -7
- package/dist/cjs/components/IdentityModal/index.js.map +1 -1
- package/dist/cjs/constants/common.js +8 -0
- package/dist/cjs/constants/common.js.map +1 -0
- package/dist/cjs/constants/i18n/index.js +12 -0
- package/dist/cjs/constants/i18n/index.js.map +1 -1
- package/dist/cjs/styles/colors.css.js +1 -1
- package/dist/esm/components/IdentityModal/IdentityModal.module.css.js +2 -2
- package/dist/esm/components/IdentityModal/index.js +17 -8
- package/dist/esm/components/IdentityModal/index.js.map +1 -1
- package/dist/esm/constants/common.js +6 -0
- package/dist/esm/constants/common.js.map +1 -0
- package/dist/esm/constants/i18n/index.js +12 -0
- package/dist/esm/constants/i18n/index.js.map +1 -1
- package/dist/esm/styles/colors.css.js +1 -1
- package/dist/types/components/IdentityModal/index.d.ts +1 -0
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".IdentityModal-module_wrapper__km5vC {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow-y: auto;\n padding: 20px 0px;\n}\n\n.IdentityModal-module_loginBox__Jmc54 {\n background-color: var(--default-white-color);\n border-radius: 16px;\n width: 400px;\n}\n\n.IdentityModal-module_loginBody__f3ROS {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n padding: 32px;\n width: calc(400px - 64px);\n}\n";
|
|
6
|
-
var styles = {"loginBox":"IdentityModal-module_loginBox__Jmc54","loginBody":"IdentityModal-module_loginBody__f3ROS"};
|
|
5
|
+
var css_248z = ".IdentityModal-module_wrapper__km5vC {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow-y: auto;\n padding: 20px 0px;\n}\n\n.IdentityModal-module_loginBox__Jmc54 {\n background-color: var(--default-white-color);\n border-radius: 16px;\n width: 400px;\n}\n\n.IdentityModal-module_loginBody__f3ROS {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n padding: 32px;\n width: calc(400px - 64px);\n}\n\n.IdentityModal-module_langFooterWrapper__6-WDx {\n padding-top: 20px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n gap: 16px;\n align-self: stretch;\n}\n\n.IdentityModal-module_langFooter__dhgU2 {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 100%;\n}\n\n.IdentityModal-module_langFooterNotActive__STqX- {\n background: var(--page-color-background-white);\n color: var(--text-accent);\n}\n\n.IdentityModal-module_langFooterActive__o058h {\n background: var(--surface-accent);\n color: var(--text-white-nonconvert-color);\n}\n";
|
|
6
|
+
var styles = {"loginBox":"IdentityModal-module_loginBox__Jmc54","loginBody":"IdentityModal-module_loginBody__f3ROS","langFooterWrapper":"IdentityModal-module_langFooterWrapper__6-WDx","langFooter":"IdentityModal-module_langFooter__dhgU2","langFooterNotActive":"IdentityModal-module_langFooterNotActive__STqX-","langFooterActive":"IdentityModal-module_langFooterActive__o058h"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -3,21 +3,30 @@
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var index = require('../../baseComponents/index.js');
|
|
6
|
+
var common = require('../../constants/common.js');
|
|
7
|
+
var index$2 = require('../../constants/i18n/index.js');
|
|
8
|
+
var joinClasses = require('../../utils/joinClasses.js');
|
|
6
9
|
var index$1 = require('../IdentityHeader/index.js');
|
|
7
10
|
var IdentityModal_module = require('./IdentityModal.module.css.js');
|
|
8
11
|
|
|
9
12
|
var IdentityModal = function (_a) {
|
|
10
|
-
var children = _a.children, goBackService = _a.goBackService, isMain = _a.isMain, lang = _a.lang, navigator = _a.navigator;
|
|
13
|
+
var children = _a.children, goBackService = _a.goBackService, handleLangChange = _a.handleLangChange, isMain = _a.isMain, lang = _a.lang, navigator = _a.navigator;
|
|
14
|
+
var langDic = index$2.i18n.Common;
|
|
11
15
|
var goMainClosure = {
|
|
12
16
|
primary: { owner: "IdentityModal", route: "/" },
|
|
13
17
|
secondary: { owner: "IdentityModal", route: "/identity/main" },
|
|
14
18
|
};
|
|
15
|
-
return (jsxRuntime.jsx(index.BaseComponents.Modal, tslib.__assign({ variant: "small", withOverlay: false, lang: "ru", header: isMain
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(index.BaseComponents.Modal, tslib.__assign({ variant: "small", withOverlay: false, lang: "ru", header: isMain
|
|
20
|
+
? undefined
|
|
21
|
+
: {
|
|
22
|
+
goIdentityMain: navigator(goMainClosure.secondary),
|
|
23
|
+
goBackService: goBackService,
|
|
24
|
+
} }, { children: jsxRuntime.jsx("div", tslib.__assign({ className: IdentityModal_module.default.loginBox, "data-testid": "IdentityModule_LOGIN_BOX" }, { children: jsxRuntime.jsxs("div", tslib.__assign({ className: IdentityModal_module.default.loginBody, "data-testid": "IdentityModule_LOGIN_BODY" }, { children: [isMain && (jsxRuntime.jsx(index$1.IdentityHeader, { goMainPage: navigator(goMainClosure.primary), lang: lang })), children] })) })) })), handleLangChange && (jsxRuntime.jsx("div", tslib.__assign({ className: IdentityModal_module.default.langFooterWrapper, "data-testid": "IdentityModule_FOOTER" }, { children: common.languageList.map(function (_a) {
|
|
25
|
+
var langCode = _a[0], langLabel = _a[1];
|
|
26
|
+
return (jsxRuntime.jsx("button", tslib.__assign({ type: "button", "data-testid": "IdentityModule_FOOTER_BTN_".concat(langCode), className: joinClasses.joinClasses(IdentityModal_module.default.langFooter, langCode === lang ? IdentityModal_module.default.langFooterActive : IdentityModal_module.default.langFooterNotActive), "aria-label": langDic.LangBtnAria[lang], onClick: function () {
|
|
27
|
+
handleLangChange(langCode);
|
|
28
|
+
} }, { children: jsxRuntime.jsx(index.BaseComponents.Typography, tslib.__assign({ "aria-label": langLabel, "data-testid": "IdentityModule_FOOTER_".concat(langCode), fontClass: "caption1Semibold", tag: "span" }, { children: langCode.toLocaleUpperCase() })) }), langCode));
|
|
29
|
+
}) })))] }));
|
|
21
30
|
};
|
|
22
31
|
|
|
23
32
|
exports.IdentityModal = IdentityModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["_jsx","BaseComponents","__assign","styles","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsxs","_jsx","BaseComponents","__assign","styles","IdentityHeader","languageList","joinClasses"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.js","sources":["../../../src/constants/common.tsx"],"sourcesContent":[null],"names":["i18n"],"mappings":";;;;AAKO,IAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CACxCA,UAAI,CAAC,MAAM,CAAC,SAAS;;;;"}
|
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var i18n = {
|
|
4
|
+
Common: {
|
|
5
|
+
LangBtnAria: {
|
|
6
|
+
ru: "Кнопка для смены языка",
|
|
7
|
+
kk: "Тілді өзгерту түймесі",
|
|
8
|
+
en: "Button to change language",
|
|
9
|
+
},
|
|
10
|
+
Languages: {
|
|
11
|
+
kk: "Қазақша",
|
|
12
|
+
ru: "Русский",
|
|
13
|
+
en: "English",
|
|
14
|
+
},
|
|
15
|
+
},
|
|
4
16
|
Modal: {
|
|
5
17
|
ariaAuthorizationPageBtn: {
|
|
6
18
|
ru: "Кнопка для перехода на страницу авторизации",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAAO,IAAM,IAAI,GAAG;AAClB,IAAA,KAAK,EAAE;AACL,QAAA,wBAAwB,EAAE;AACxB,YAAA,EAAE,EAAE,6CAA6C;AACjD,YAAA,EAAE,EAAE,+CAA+C;AACnD,YAAA,EAAE,EAAE,+CAA+C;AACpD,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,6BAA6B;AACjC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACF,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,qBAAqB;AAC1B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,gBAAgB,EAAE;AAChB,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,kBAAkB;AACvB,SAAA;AACF,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,WAAW;AACf,YAAA,EAAE,EAAE,kBAAkB;AACtB,YAAA,EAAE,EAAE,YAAY;AACjB,SAAA;AACD,QAAA,gBAAgB,EAAE;AAChB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,iBAAiB;AACtB,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,gBAAgB;AACpB,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,EAAE,EAAE,SAAS;AACd,SAAA;AACD,QAAA,oBAAoB,EAAE;AACpB,YAAA,EAAE,EAAE,8CAA8C;AAClD,YAAA,EAAE,EAAE,iCAAiC;AACrC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,EAAE,EAAE,YAAY;AACjB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,EAAE,EAAE,YAAY;AACjB,SAAA;AACD,QAAA,eAAe,EAAE;AACf,YAAA,EAAE,EAAE,yIAAyI;AAC7I,YAAA,EAAE,EAAE,oJAAoJ;AACxJ,YAAA,EAAE,EAAE,4IAA4I;AACjJ,SAAA;AACD,QAAA,kBAAkB,EAAE;AAClB,YAAA,EAAE,EAAE,WAAW;AACf,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,MAAM;AACX,SAAA;AACF,KAAA;AACD,IAAA,oBAAoB,EAAE;AACpB,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,yCAAyC;AAC7C,YAAA,EAAE,EAAE,iCAAiC;AACrC,YAAA,EAAE,EAAE,uCAAuC;AAC5C,SAAA;AACD,QAAA,eAAe,EAAE;AACf,YAAA,EAAE,EAAE,sCAAsC;AAC1C,YAAA,EAAE,EAAE,iCAAiC;AACrC,YAAA,EAAE,EAAE,4BAA4B;AACjC,SAWF;;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -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-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\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\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-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\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";
|
|
4
4
|
function styleInject(css, options) {
|
|
5
5
|
if (typeof document === 'undefined') return;
|
|
6
6
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".IdentityModal-module_wrapper__km5vC {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow-y: auto;\n padding: 20px 0px;\n}\n\n.IdentityModal-module_loginBox__Jmc54 {\n background-color: var(--default-white-color);\n border-radius: 16px;\n width: 400px;\n}\n\n.IdentityModal-module_loginBody__f3ROS {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n padding: 32px;\n width: calc(400px - 64px);\n}\n";
|
|
2
|
-
var styles = {"loginBox":"IdentityModal-module_loginBox__Jmc54","loginBody":"IdentityModal-module_loginBody__f3ROS"};
|
|
1
|
+
var css_248z = ".IdentityModal-module_wrapper__km5vC {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow-y: auto;\n padding: 20px 0px;\n}\n\n.IdentityModal-module_loginBox__Jmc54 {\n background-color: var(--default-white-color);\n border-radius: 16px;\n width: 400px;\n}\n\n.IdentityModal-module_loginBody__f3ROS {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n padding: 32px;\n width: calc(400px - 64px);\n}\n\n.IdentityModal-module_langFooterWrapper__6-WDx {\n padding-top: 20px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n gap: 16px;\n align-self: stretch;\n}\n\n.IdentityModal-module_langFooter__dhgU2 {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 100%;\n}\n\n.IdentityModal-module_langFooterNotActive__STqX- {\n background: var(--page-color-background-white);\n color: var(--text-accent);\n}\n\n.IdentityModal-module_langFooterActive__o058h {\n background: var(--surface-accent);\n color: var(--text-white-nonconvert-color);\n}\n";
|
|
2
|
+
var styles = {"loginBox":"IdentityModal-module_loginBox__Jmc54","loginBody":"IdentityModal-module_loginBody__f3ROS","langFooterWrapper":"IdentityModal-module_langFooterWrapper__6-WDx","langFooter":"IdentityModal-module_langFooter__dhgU2","langFooterNotActive":"IdentityModal-module_langFooterNotActive__STqX-","langFooterActive":"IdentityModal-module_langFooterActive__o058h"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,21 +1,30 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
|
-
import {
|
|
2
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { BaseComponents } from '../../baseComponents/index.js';
|
|
4
|
+
import { languageList } from '../../constants/common.js';
|
|
5
|
+
import { i18n } from '../../constants/i18n/index.js';
|
|
6
|
+
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
7
|
import { IdentityHeader } from '../IdentityHeader/index.js';
|
|
5
8
|
import styles from './IdentityModal.module.css.js';
|
|
6
9
|
|
|
7
10
|
var IdentityModal = function (_a) {
|
|
8
|
-
var children = _a.children, goBackService = _a.goBackService, isMain = _a.isMain, lang = _a.lang, navigator = _a.navigator;
|
|
11
|
+
var children = _a.children, goBackService = _a.goBackService, handleLangChange = _a.handleLangChange, isMain = _a.isMain, lang = _a.lang, navigator = _a.navigator;
|
|
12
|
+
var langDic = i18n.Common;
|
|
9
13
|
var goMainClosure = {
|
|
10
14
|
primary: { owner: "IdentityModal", route: "/" },
|
|
11
15
|
secondary: { owner: "IdentityModal", route: "/identity/main" },
|
|
12
16
|
};
|
|
13
|
-
return (jsx(BaseComponents.Modal, __assign({ variant: "small", withOverlay: false, lang: "ru", header: isMain
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
return (jsxs(Fragment, { children: [jsx(BaseComponents.Modal, __assign({ variant: "small", withOverlay: false, lang: "ru", header: isMain
|
|
18
|
+
? undefined
|
|
19
|
+
: {
|
|
20
|
+
goIdentityMain: navigator(goMainClosure.secondary),
|
|
21
|
+
goBackService: goBackService,
|
|
22
|
+
} }, { children: jsx("div", __assign({ className: styles.loginBox, "data-testid": "IdentityModule_LOGIN_BOX" }, { children: jsxs("div", __assign({ className: styles.loginBody, "data-testid": "IdentityModule_LOGIN_BODY" }, { children: [isMain && (jsx(IdentityHeader, { goMainPage: navigator(goMainClosure.primary), lang: lang })), children] })) })) })), handleLangChange && (jsx("div", __assign({ className: styles.langFooterWrapper, "data-testid": "IdentityModule_FOOTER" }, { children: languageList.map(function (_a) {
|
|
23
|
+
var langCode = _a[0], langLabel = _a[1];
|
|
24
|
+
return (jsx("button", __assign({ type: "button", "data-testid": "IdentityModule_FOOTER_BTN_".concat(langCode), className: joinClasses(styles.langFooter, langCode === lang ? styles.langFooterActive : styles.langFooterNotActive), "aria-label": langDic.LangBtnAria[lang], onClick: function () {
|
|
25
|
+
handleLangChange(langCode);
|
|
26
|
+
} }, { children: jsx(BaseComponents.Typography, __assign({ "aria-label": langLabel, "data-testid": "IdentityModule_FOOTER_".concat(langCode), fontClass: "caption1Semibold", tag: "span" }, { children: langCode.toLocaleUpperCase() })) }), langCode));
|
|
27
|
+
}) })))] }));
|
|
19
28
|
};
|
|
20
29
|
|
|
21
30
|
export { IdentityModal };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAgBO,IAAM,aAAa,GAAG,UAAC,EAOR,EAAA;AANpB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,MAAM,YAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA;AAET,IAAA,IAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAC3B,IAAA,IAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;QAC/C,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;KAC/D;IAED,QACEA,4BACEC,GAAA,CAAC,cAAc,CAAC,KAAK,EAAA,QAAA,CAAA,EACnB,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,IAAI,EACT,MAAM,EACJ;AACE,sBAAE;AACF,sBAAE;AACA,wBAAA,cAAc,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC;AAClD,wBAAA,aAAa,EAAE,aAAa;AAC7B,qBAAA,EAAA,EAAA,EAAA,QAAA,EAGLA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,aAAA,EAAc,0BAA0B,EAAA,EAAA,EAAA,QAAA,EACrED,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,aAAA,EACf,2BAA2B,EAAA,EAAA,EAAA,QAAA,EAAA,CAEtC,MAAM,KACLC,GAAA,CAAC,cAAc,EAAA,EACb,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAC5C,IAAI,EAAE,IAAI,EAAA,CACV,CACH,EACA,QAAQ,CAAA,EAAA,CAAA,CACL,EAAA,CAAA,CACF,EAAA,CAAA,CACe,EACtB,gBAAgB,KACfA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,aAAA,EAAc,uBAAuB,EAAA,EAAA,EAAA,QAAA,EAC1E,YAAY,CAAC,GAAG,CAAC,UAAC,EAAqB,EAAA;wBAApB,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA;AAAM,oBAAA,QAC3CA,GAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,oCAA6B,QAAQ,CAAE,EAEpD,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,UAAU,EACjB,QAAQ,KAAK,IAAI,GAAG,MAAM,CAAC,gBAAgB,GAAG,MAAM,CAAC,mBAAmB,CACzE,EAAA,YAAA,EACW,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,OAAO,EAAE,YAAA;4BACP,gBAAgB,CAAC,QAAQ,CAAC;AAC5B,wBAAA,CAAC,EAAA,EAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,QAAA,CAAA,EAAA,YAAA,EACZ,SAAS,EAAA,aAAA,EACR,wBAAA,CAAA,MAAA,CAAyB,QAAQ,CAAE,EAChD,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAC,MAAM,EAAA,EAAA,EAAA,QAAA,EAET,QAAQ,CAAC,iBAAiB,EAAE,EAAA,CAAA,CACH,EAAA,CAAA,EAjBvB,QAAQ,CAkBN;AAtBkC,gBAAA,CAuB5C,CAAC,EAAA,CAAA,CACE,CACP,CAAA,EAAA,CACA;AAEP;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.js","sources":["../../../src/constants/common.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAKO,IAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CACxC,IAAI,CAAC,MAAM,CAAC,SAAS;;;;"}
|
|
@@ -1,4 +1,16 @@
|
|
|
1
1
|
var i18n = {
|
|
2
|
+
Common: {
|
|
3
|
+
LangBtnAria: {
|
|
4
|
+
ru: "Кнопка для смены языка",
|
|
5
|
+
kk: "Тілді өзгерту түймесі",
|
|
6
|
+
en: "Button to change language",
|
|
7
|
+
},
|
|
8
|
+
Languages: {
|
|
9
|
+
kk: "Қазақша",
|
|
10
|
+
ru: "Русский",
|
|
11
|
+
en: "English",
|
|
12
|
+
},
|
|
13
|
+
},
|
|
2
14
|
Modal: {
|
|
3
15
|
ariaAuthorizationPageBtn: {
|
|
4
16
|
ru: "Кнопка для перехода на страницу авторизации",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAO,IAAM,IAAI,GAAG;AAClB,IAAA,KAAK,EAAE;AACL,QAAA,wBAAwB,EAAE;AACxB,YAAA,EAAE,EAAE,6CAA6C;AACjD,YAAA,EAAE,EAAE,+CAA+C;AACnD,YAAA,EAAE,EAAE,+CAA+C;AACpD,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,6BAA6B;AACjC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACF,KAAA;AACD,IAAA,cAAc,EAAE;AACd,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,2BAA2B;AAC/B,YAAA,EAAE,EAAE,qBAAqB;AAC1B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,gBAAgB,EAAE;AAChB,YAAA,EAAE,EAAE,mBAAmB;AACvB,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,kBAAkB;AACvB,SAAA;AACF,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,EAAE,WAAW;AACf,YAAA,EAAE,EAAE,kBAAkB;AACtB,YAAA,EAAE,EAAE,YAAY;AACjB,SAAA;AACD,QAAA,gBAAgB,EAAE;AAChB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,eAAe;AACnB,YAAA,EAAE,EAAE,iBAAiB;AACtB,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,gBAAgB;AACpB,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,EAAE,EAAE,SAAS;AACd,SAAA;AACD,QAAA,oBAAoB,EAAE;AACpB,YAAA,EAAE,EAAE,8CAA8C;AAClD,YAAA,EAAE,EAAE,iCAAiC;AACrC,YAAA,EAAE,EAAE,6BAA6B;AAClC,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,EAAE,EAAE,YAAY;AACjB,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,EAAE,EAAE,YAAY;AAChB,YAAA,EAAE,EAAE,YAAY;AACjB,SAAA;AACD,QAAA,eAAe,EAAE;AACf,YAAA,EAAE,EAAE,yIAAyI;AAC7I,YAAA,EAAE,EAAE,oJAAoJ;AACxJ,YAAA,EAAE,EAAE,4IAA4I;AACjJ,SAAA;AACD,QAAA,kBAAkB,EAAE;AAClB,YAAA,EAAE,EAAE,WAAW;AACf,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE,MAAM;AACX,SAAA;AACF,KAAA;AACD,IAAA,oBAAoB,EAAE;AACpB,QAAA,UAAU,EAAE;AACV,YAAA,EAAE,EAAE,yCAAyC;AAC7C,YAAA,EAAE,EAAE,iCAAiC;AACrC,YAAA,EAAE,EAAE,uCAAuC;AAC5C,SAAA;AACD,QAAA,eAAe,EAAE;AACf,YAAA,EAAE,EAAE,sCAAsC;AAC1C,YAAA,EAAE,EAAE,iCAAiC;AACrC,YAAA,EAAE,EAAE,4BAA4B;AACjC,SAWF;;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\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\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";
|
|
1
|
+
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-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\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";
|
|
2
2
|
function styleInject(css, options) {
|
|
3
3
|
if (typeof document === 'undefined') return;
|
|
4
4
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -3,6 +3,7 @@ import { ILangProps, IRouterClosure } from '~interfaces/common';
|
|
|
3
3
|
interface IIdentityModalProps extends ILangProps {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
goBackService(): void;
|
|
6
|
+
handleLangChange?: (langCode: string) => void;
|
|
6
7
|
isMain: boolean;
|
|
7
8
|
navigator: (closure: IRouterClosure) => () => void;
|
|
8
9
|
}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -37,7 +37,7 @@ declare const SystemDesign: {
|
|
|
37
37
|
StatusText: ({ text, isAlignedCenter, isNeedIcon, variant, }: IStatusTextProps) => react_jsx_runtime.JSX.Element;
|
|
38
38
|
};
|
|
39
39
|
Components: {
|
|
40
|
-
IdentityModal: ({ children, goBackService, isMain, lang, navigator, }: IIdentityModalProps) => react_jsx_runtime.JSX.Element;
|
|
40
|
+
IdentityModal: ({ children, goBackService, handleLangChange, isMain, lang, navigator, }: IIdentityModalProps) => react_jsx_runtime.JSX.Element;
|
|
41
41
|
IdentityHeader: ({ goMainPage, lang }: IPrimaryProps) => react_jsx_runtime.JSX.Element;
|
|
42
42
|
DocCard: ({ title, docIcon, expiration, children, lang, }: IDocCardProps) => react_jsx_runtime.JSX.Element;
|
|
43
43
|
ErrorModal: ({ status, message, lang, open, onClose, onAuthAction, }: IErrorModalProps) => react_jsx_runtime.JSX.Element;
|