@egov3/system-design 1.3.172 → 1.3.173
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/Services/PersonalIDTemplate/PersonalIDTemplate.js +41 -1
- package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.js.map +1 -1
- package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.module.css.js +2 -2
- package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.js +41 -1
- package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.js.map +1 -1
- package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.module.css.js +2 -2
- package/dist/types/components/Services/PersonalIDTemplate/PersonalIDTemplate.d.ts +1 -1
- package/dist/types/interfaces/PersonalIDTemplate.d.ts +10 -1
- package/package.json +1 -1
|
@@ -2,10 +2,50 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var PersonalIDLabeled = require('@egov3/graphics/Documents/PersonalIDLabeled');
|
|
5
|
+
require('../../../styles/colors.css.js');
|
|
5
6
|
var joinClasses = require('../../../utils/joinClasses.js');
|
|
7
|
+
require('../../../baseComponents/Accordion/Accordion.module.css.js');
|
|
8
|
+
require('@egov3/graphics/General/Close');
|
|
9
|
+
require('react');
|
|
10
|
+
require('../../../baseComponents/Overlay/Overlay.module.css.js');
|
|
11
|
+
var index = require('../../../baseComponents/Typography/index.js');
|
|
12
|
+
require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
|
|
13
|
+
require('../../../styles/typography.module.css.js');
|
|
14
|
+
require('../../../baseComponents/Button/button.module.css.js');
|
|
15
|
+
require('@egov3/graphics/General/CheckboxEmpty');
|
|
16
|
+
require('@egov3/graphics/General/CheckboxEmptyFilled');
|
|
17
|
+
require('../../../baseComponents/Checkbox/Checkbox.module.css.js');
|
|
18
|
+
require('../../../baseComponents/InputField/index.js');
|
|
19
|
+
require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
|
|
20
|
+
require('../../../baseComponents/Label/Label.module.css.js');
|
|
21
|
+
require('../../../baseComponents/Loader/Loader.module.css.js');
|
|
22
|
+
require('../../../baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js');
|
|
23
|
+
require('@egov3/graphics/Basic/ChevronLeft');
|
|
24
|
+
require('@egov3/graphics/Logo/Egov');
|
|
25
|
+
require('../../../baseComponents/Modal/Modal.module.css.js');
|
|
26
|
+
require('../../../baseComponents/RadioGroup/RadioGroup.module.css.js');
|
|
27
|
+
require('../../../baseComponents/RadioToggle/RadioToggle.module.css.js');
|
|
28
|
+
require('@egov3/graphics/General/DocFilled');
|
|
29
|
+
require('@egov3/graphics/General/CheckedRound');
|
|
30
|
+
require('@egov3/graphics/General/Error');
|
|
31
|
+
require('@egov3/graphics/General/InfoStroke');
|
|
32
|
+
require('../../../baseComponents/TextPair/TextPair.module.css.js');
|
|
33
|
+
require('../../../baseComponents/StatusText/StatusText.module.css.js');
|
|
34
|
+
require('../../../baseComponents/Responses/Responses.module.css.js');
|
|
35
|
+
require('@egov3/graphics/General/Clear');
|
|
36
|
+
require('@egov3/graphics/General/Loader');
|
|
37
|
+
require('@egov3/graphics/General/Search');
|
|
38
|
+
require('../../../baseComponents/SearchBar/SearchBar.module.css.js');
|
|
39
|
+
require('@egov3/graphics/Basic/ChevronDownSmall');
|
|
40
|
+
require('../../../baseComponents/SelectBoxButton/SelectBoxButton.module.css.js');
|
|
41
|
+
require('@egov3/graphics/Basic/Check');
|
|
42
|
+
require('@egov3/graphics/General/Hourglass');
|
|
43
|
+
require('../../../baseComponents/StatusStepper/StatusStepper.module.css.js');
|
|
44
|
+
require('../../../baseComponents/TabButtons/TabButtons.module.css.js');
|
|
45
|
+
require('../../../baseComponents/TextareaField/index.js');
|
|
6
46
|
var PersonalIDTemplate_module = require('./PersonalIDTemplate.module.css.js');
|
|
7
47
|
|
|
8
|
-
const PersonalIDTemplate = ({ userPhoto, userSign, className, }) => (jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(PersonalIDTemplate_module.default.card, className), "data-testid": "PersonalIDTemplate", children: [jsxRuntime.jsx(PersonalIDLabeled.PersonalIDLabeledIllustration, { className: PersonalIDTemplate_module.default.illustration }), jsxRuntime.jsxs("div", { className: PersonalIDTemplate_module.default.overlay, "data-testid": "PersonalIDTemplate_OVERLAY", children: [jsxRuntime.jsx("img", { className: PersonalIDTemplate_module.default.photo, src: userPhoto, alt: "user-photo", "data-testid": "PersonalIDTemplate_PHOTO" }), jsxRuntime.jsx("img", { className: PersonalIDTemplate_module.default.sign, src: userSign, alt: "user-sign", "data-testid": "PersonalIDTemplate_SIGN" })] })] }));
|
|
48
|
+
const PersonalIDTemplate = ({ userPhoto, userSign, userData, className, }) => (jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(PersonalIDTemplate_module.default.card, className), "data-testid": "PersonalIDTemplate", children: [jsxRuntime.jsx(PersonalIDLabeled.PersonalIDLabeledIllustration, { className: PersonalIDTemplate_module.default.illustration }), jsxRuntime.jsxs("div", { className: PersonalIDTemplate_module.default.overlay, "data-testid": "PersonalIDTemplate_OVERLAY", children: [jsxRuntime.jsx("img", { className: PersonalIDTemplate_module.default.photo, src: userPhoto, alt: "user-photo", "data-testid": "PersonalIDTemplate_PHOTO" }), jsxRuntime.jsx("img", { className: PersonalIDTemplate_module.default.sign, src: userSign, alt: "user-sign", "data-testid": "PersonalIDTemplate_SIGN" }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.lastName), "data-testid": "PersonalIDTemplate_LASTNAME_VALUE", children: userData.lastName }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.firstName), "data-testid": "PersonalIDTemplate_FIRSTNAME_VALUE", children: userData.firstName }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.middleName), "data-testid": "PersonalIDTemplate_MIDDLENAME_VALUE", children: userData.middleName }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.birthDate), "data-testid": "PersonalIDTemplate_BIRTHDATE_VALUE", children: userData.birthDate }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.gender), "data-testid": "PersonalIDTemplate_GENDER_VALUE", children: userData.gender }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.iin), "data-testid": "PersonalIDTemplate_IIN_VALUE", children: userData.IIN })] })] }));
|
|
9
49
|
|
|
10
50
|
exports.PersonalIDTemplate = PersonalIDTemplate;
|
|
11
51
|
//# sourceMappingURL=PersonalIDTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonalIDTemplate.js","sources":["../../../../../src/components/Services/PersonalIDTemplate/PersonalIDTemplate.tsx"],"sourcesContent":[null],"names":["_jsxs","joinClasses","styles","_jsx","PersonalIDLabeledIllustration"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PersonalIDTemplate.js","sources":["../../../../../src/components/Services/PersonalIDTemplate/PersonalIDTemplate.tsx"],"sourcesContent":[null],"names":["_jsxs","joinClasses","styles","_jsx","PersonalIDLabeledIllustration","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACgB,MACzBA,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,uBAAW,CAACC,iCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,iBAClC,oBAAoB,EAAA,QAAA,EAAA,CAEhCC,cAAA,CAACC,+CAA6B,EAAA,EAAC,SAAS,EAAEF,iCAAM,CAAC,YAAY,EAAA,CAAI,EAEjEF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,iCAAM,CAAC,OAAO,EAAA,aAAA,EAAc,4BAA4B,EAAA,QAAA,EAAA,CACtEC,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,iCAAM,CAAC,KAAK,EACvB,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,YAAY,EAAA,aAAA,EACJ,0BAA0B,EAAA,CACtC,EACFC,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,iCAAM,CAAC,IAAI,EACtB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,WAAW,EAAA,aAAA,EACH,yBAAyB,EAAA,CACrC,EAEFC,cAAA,CAACE,gBAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,QAAQ,CAAC,EAAA,aAAA,EACzC,mCAAmC,EAAA,QAAA,EAE9C,QAAQ,CAAC,QAAQ,GACP,EAEbC,cAAA,CAACE,gBAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,SAAS,CAAC,EAAA,aAAA,EAC1C,oCAAoC,EAAA,QAAA,EAE/C,QAAQ,CAAC,SAAS,EAAA,CACR,EAEbC,cAAA,CAACE,gBAAU,IACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,UAAU,CAAC,EAAA,aAAA,EAC3C,qCAAqC,EAAA,QAAA,EAEhD,QAAQ,CAAC,UAAU,EAAA,CACT,EAEbC,cAAA,CAACE,gBAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,SAAS,CAAC,EAAA,aAAA,EAC1C,oCAAoC,EAAA,QAAA,EAE/C,QAAQ,CAAC,SAAS,EAAA,CACR,EAEbC,cAAA,CAACE,gBAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,MAAM,CAAC,EAAA,aAAA,EACvC,iCAAiC,EAAA,QAAA,EAE5C,QAAQ,CAAC,MAAM,EAAA,CACL,EAEbC,cAAA,CAACE,gBAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,GAAG,CAAC,iBACpC,8BAA8B,EAAA,QAAA,EAEzC,QAAQ,CAAC,GAAG,EAAA,CACF,CAAA,EAAA,CACT,CAAA,EAAA,CACF;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".PersonalIDTemplate-module_card__WThmZ {\n position: relative;\n display: inline-block;\n width: 364px;\n container-type: inline-size;\n}\n\n.PersonalIDTemplate-module_illustration__HPKBU {\n display: block;\n width: 100%;\n height: auto;\n}\n\n.PersonalIDTemplate-module_overlay__wd4gC {\n position: absolute;\n inset: 0;\n}\n\n.PersonalIDTemplate-module_photo__VtZsV {\n position: absolute;\n left: 4.55cqi;\n top: 16.32cqi;\n width: 29.68cqi;\n height: 38.18cqi;\n object-fit: cover;\n background: var(--surface-surface-2);\n}\n\n.PersonalIDTemplate-module_sign__zBLAP {\n position: absolute;\n left: 50cqi;\n top: 52.82cqi;\n width: 25.2cqi;\n height: 8.59cqi;\n object-fit: fill;\n background: var(--surface-surface-2);\n}\n";
|
|
6
|
-
var styles = {"card":"PersonalIDTemplate-module_card__WThmZ","illustration":"PersonalIDTemplate-module_illustration__HPKBU","overlay":"PersonalIDTemplate-module_overlay__wd4gC","photo":"PersonalIDTemplate-module_photo__VtZsV","sign":"PersonalIDTemplate-module_sign__zBLAP"};
|
|
5
|
+
var css_248z = ".PersonalIDTemplate-module_card__WThmZ {\n position: relative;\n display: inline-block;\n width: 364px;\n container-type: inline-size;\n color: var(--text-primary);\n}\n\n.PersonalIDTemplate-module_illustration__HPKBU {\n display: block;\n width: 100%;\n height: auto;\n}\n\n.PersonalIDTemplate-module_overlay__wd4gC {\n position: absolute;\n inset: 0;\n}\n\n.PersonalIDTemplate-module_photo__VtZsV {\n position: absolute;\n left: 4.55cqi;\n top: 16.32cqi;\n width: 29.68cqi;\n height: 38.18cqi;\n object-fit: cover;\n background: var(--surface-surface-2);\n}\n\n.PersonalIDTemplate-module_sign__zBLAP {\n position: absolute;\n left: 50cqi;\n top: 52.82cqi;\n width: 25.2cqi;\n height: 8.59cqi;\n object-fit: fill;\n background: var(--surface-surface-2);\n}\n\n.PersonalIDTemplate-module_overlay__wd4gC .PersonalIDTemplate-module_field__94BPp {\n position: absolute;\n font-size: 2.57cqi; /* 22px @ 857 */\n line-height: 2.8cqi; /* 24px @ 857 */\n}\n\n.PersonalIDTemplate-module_lastName__RyBV5 {\n left: 37.23cqi;\n top: 21.81cqi;\n}\n\n.PersonalIDTemplate-module_firstName__EjRDV {\n left: 37.23cqi;\n top: 30.16cqi;\n}\n\n.PersonalIDTemplate-module_middleName__2DAhJ {\n left: 37.23cqi;\n top: 39.47cqi;\n}\n\n.PersonalIDTemplate-module_birthDate__9LndI {\n left: 37.23cqi;\n top: 47.58cqi;\n}\n\n.PersonalIDTemplate-module_gender__M-nA1 {\n left: 73.21cqi;\n top: 47.58cqi;\n text-align: center;\n}\n\n.PersonalIDTemplate-module_iin__KKSjh {\n left: 12.53cqi;\n top: 58.3cqi;\n}\n";
|
|
6
|
+
var styles = {"card":"PersonalIDTemplate-module_card__WThmZ","illustration":"PersonalIDTemplate-module_illustration__HPKBU","overlay":"PersonalIDTemplate-module_overlay__wd4gC","photo":"PersonalIDTemplate-module_photo__VtZsV","sign":"PersonalIDTemplate-module_sign__zBLAP","field":"PersonalIDTemplate-module_field__94BPp","lastName":"PersonalIDTemplate-module_lastName__RyBV5","firstName":"PersonalIDTemplate-module_firstName__EjRDV","middleName":"PersonalIDTemplate-module_middleName__2DAhJ","birthDate":"PersonalIDTemplate-module_birthDate__9LndI","gender":"PersonalIDTemplate-module_gender__M-nA1","iin":"PersonalIDTemplate-module_iin__KKSjh"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,9 +1,49 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { PersonalIDLabeledIllustration } from '@egov3/graphics/Documents/PersonalIDLabeled';
|
|
3
|
+
import '../../../styles/colors.css.js';
|
|
3
4
|
import { joinClasses } from '../../../utils/joinClasses.js';
|
|
5
|
+
import '../../../baseComponents/Accordion/Accordion.module.css.js';
|
|
6
|
+
import '@egov3/graphics/General/Close';
|
|
7
|
+
import 'react';
|
|
8
|
+
import '../../../baseComponents/Overlay/Overlay.module.css.js';
|
|
9
|
+
import { Typography } from '../../../baseComponents/Typography/index.js';
|
|
10
|
+
import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
|
|
11
|
+
import '../../../styles/typography.module.css.js';
|
|
12
|
+
import '../../../baseComponents/Button/button.module.css.js';
|
|
13
|
+
import '@egov3/graphics/General/CheckboxEmpty';
|
|
14
|
+
import '@egov3/graphics/General/CheckboxEmptyFilled';
|
|
15
|
+
import '../../../baseComponents/Checkbox/Checkbox.module.css.js';
|
|
16
|
+
import '../../../baseComponents/InputField/index.js';
|
|
17
|
+
import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
|
|
18
|
+
import '../../../baseComponents/Label/Label.module.css.js';
|
|
19
|
+
import '../../../baseComponents/Loader/Loader.module.css.js';
|
|
20
|
+
import '../../../baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js';
|
|
21
|
+
import '@egov3/graphics/Basic/ChevronLeft';
|
|
22
|
+
import '@egov3/graphics/Logo/Egov';
|
|
23
|
+
import '../../../baseComponents/Modal/Modal.module.css.js';
|
|
24
|
+
import '../../../baseComponents/RadioGroup/RadioGroup.module.css.js';
|
|
25
|
+
import '../../../baseComponents/RadioToggle/RadioToggle.module.css.js';
|
|
26
|
+
import '@egov3/graphics/General/DocFilled';
|
|
27
|
+
import '@egov3/graphics/General/CheckedRound';
|
|
28
|
+
import '@egov3/graphics/General/Error';
|
|
29
|
+
import '@egov3/graphics/General/InfoStroke';
|
|
30
|
+
import '../../../baseComponents/TextPair/TextPair.module.css.js';
|
|
31
|
+
import '../../../baseComponents/StatusText/StatusText.module.css.js';
|
|
32
|
+
import '../../../baseComponents/Responses/Responses.module.css.js';
|
|
33
|
+
import '@egov3/graphics/General/Clear';
|
|
34
|
+
import '@egov3/graphics/General/Loader';
|
|
35
|
+
import '@egov3/graphics/General/Search';
|
|
36
|
+
import '../../../baseComponents/SearchBar/SearchBar.module.css.js';
|
|
37
|
+
import '@egov3/graphics/Basic/ChevronDownSmall';
|
|
38
|
+
import '../../../baseComponents/SelectBoxButton/SelectBoxButton.module.css.js';
|
|
39
|
+
import '@egov3/graphics/Basic/Check';
|
|
40
|
+
import '@egov3/graphics/General/Hourglass';
|
|
41
|
+
import '../../../baseComponents/StatusStepper/StatusStepper.module.css.js';
|
|
42
|
+
import '../../../baseComponents/TabButtons/TabButtons.module.css.js';
|
|
43
|
+
import '../../../baseComponents/TextareaField/index.js';
|
|
4
44
|
import styles from './PersonalIDTemplate.module.css.js';
|
|
5
45
|
|
|
6
|
-
const PersonalIDTemplate = ({ userPhoto, userSign, className, }) => (jsxs("div", { className: joinClasses(styles.card, className), "data-testid": "PersonalIDTemplate", children: [jsx(PersonalIDLabeledIllustration, { className: styles.illustration }), jsxs("div", { className: styles.overlay, "data-testid": "PersonalIDTemplate_OVERLAY", children: [jsx("img", { className: styles.photo, src: userPhoto, alt: "user-photo", "data-testid": "PersonalIDTemplate_PHOTO" }), jsx("img", { className: styles.sign, src: userSign, alt: "user-sign", "data-testid": "PersonalIDTemplate_SIGN" })] })] }));
|
|
46
|
+
const PersonalIDTemplate = ({ userPhoto, userSign, userData, className, }) => (jsxs("div", { className: joinClasses(styles.card, className), "data-testid": "PersonalIDTemplate", children: [jsx(PersonalIDLabeledIllustration, { className: styles.illustration }), jsxs("div", { className: styles.overlay, "data-testid": "PersonalIDTemplate_OVERLAY", children: [jsx("img", { className: styles.photo, src: userPhoto, alt: "user-photo", "data-testid": "PersonalIDTemplate_PHOTO" }), jsx("img", { className: styles.sign, src: userSign, alt: "user-sign", "data-testid": "PersonalIDTemplate_SIGN" }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.lastName), "data-testid": "PersonalIDTemplate_LASTNAME_VALUE", children: userData.lastName }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.firstName), "data-testid": "PersonalIDTemplate_FIRSTNAME_VALUE", children: userData.firstName }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.middleName), "data-testid": "PersonalIDTemplate_MIDDLENAME_VALUE", children: userData.middleName }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.birthDate), "data-testid": "PersonalIDTemplate_BIRTHDATE_VALUE", children: userData.birthDate }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.gender), "data-testid": "PersonalIDTemplate_GENDER_VALUE", children: userData.gender }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.iin), "data-testid": "PersonalIDTemplate_IIN_VALUE", children: userData.IIN })] })] }));
|
|
7
47
|
|
|
8
48
|
export { PersonalIDTemplate };
|
|
9
49
|
//# sourceMappingURL=PersonalIDTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PersonalIDTemplate.js","sources":["../../../../../src/components/Services/PersonalIDTemplate/PersonalIDTemplate.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"PersonalIDTemplate.js","sources":["../../../../../src/components/Services/PersonalIDTemplate/PersonalIDTemplate.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACgB,MACzBA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,iBAClC,oBAAoB,EAAA,QAAA,EAAA,CAEhCC,GAAA,CAAC,6BAA6B,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,CAAI,EAEjED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,aAAA,EAAc,4BAA4B,EAAA,QAAA,EAAA,CACtEC,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,YAAY,EAAA,aAAA,EACJ,0BAA0B,EAAA,CACtC,EACFA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,WAAW,EAAA,aAAA,EACH,yBAAyB,EAAA,CACrC,EAEFA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAA,aAAA,EACzC,mCAAmC,EAAA,QAAA,EAE9C,QAAQ,CAAC,QAAQ,GACP,EAEbA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,EAAA,aAAA,EAC1C,oCAAoC,EAAA,QAAA,EAE/C,QAAQ,CAAC,SAAS,EAAA,CACR,EAEbA,GAAA,CAAC,UAAU,IACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,EAAA,aAAA,EAC3C,qCAAqC,EAAA,QAAA,EAEhD,QAAQ,CAAC,UAAU,EAAA,CACT,EAEbA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,EAAA,aAAA,EAC1C,oCAAoC,EAAA,QAAA,EAE/C,QAAQ,CAAC,SAAS,EAAA,CACR,EAEbA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAA,aAAA,EACvC,iCAAiC,EAAA,QAAA,EAE5C,QAAQ,CAAC,MAAM,EAAA,CACL,EAEbA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,iBACpC,8BAA8B,EAAA,QAAA,EAEzC,QAAQ,CAAC,GAAG,EAAA,CACF,CAAA,EAAA,CACT,CAAA,EAAA,CACF;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".PersonalIDTemplate-module_card__WThmZ {\n position: relative;\n display: inline-block;\n width: 364px;\n container-type: inline-size;\n}\n\n.PersonalIDTemplate-module_illustration__HPKBU {\n display: block;\n width: 100%;\n height: auto;\n}\n\n.PersonalIDTemplate-module_overlay__wd4gC {\n position: absolute;\n inset: 0;\n}\n\n.PersonalIDTemplate-module_photo__VtZsV {\n position: absolute;\n left: 4.55cqi;\n top: 16.32cqi;\n width: 29.68cqi;\n height: 38.18cqi;\n object-fit: cover;\n background: var(--surface-surface-2);\n}\n\n.PersonalIDTemplate-module_sign__zBLAP {\n position: absolute;\n left: 50cqi;\n top: 52.82cqi;\n width: 25.2cqi;\n height: 8.59cqi;\n object-fit: fill;\n background: var(--surface-surface-2);\n}\n";
|
|
2
|
-
var styles = {"card":"PersonalIDTemplate-module_card__WThmZ","illustration":"PersonalIDTemplate-module_illustration__HPKBU","overlay":"PersonalIDTemplate-module_overlay__wd4gC","photo":"PersonalIDTemplate-module_photo__VtZsV","sign":"PersonalIDTemplate-module_sign__zBLAP"};
|
|
1
|
+
var css_248z = ".PersonalIDTemplate-module_card__WThmZ {\n position: relative;\n display: inline-block;\n width: 364px;\n container-type: inline-size;\n color: var(--text-primary);\n}\n\n.PersonalIDTemplate-module_illustration__HPKBU {\n display: block;\n width: 100%;\n height: auto;\n}\n\n.PersonalIDTemplate-module_overlay__wd4gC {\n position: absolute;\n inset: 0;\n}\n\n.PersonalIDTemplate-module_photo__VtZsV {\n position: absolute;\n left: 4.55cqi;\n top: 16.32cqi;\n width: 29.68cqi;\n height: 38.18cqi;\n object-fit: cover;\n background: var(--surface-surface-2);\n}\n\n.PersonalIDTemplate-module_sign__zBLAP {\n position: absolute;\n left: 50cqi;\n top: 52.82cqi;\n width: 25.2cqi;\n height: 8.59cqi;\n object-fit: fill;\n background: var(--surface-surface-2);\n}\n\n.PersonalIDTemplate-module_overlay__wd4gC .PersonalIDTemplate-module_field__94BPp {\n position: absolute;\n font-size: 2.57cqi; /* 22px @ 857 */\n line-height: 2.8cqi; /* 24px @ 857 */\n}\n\n.PersonalIDTemplate-module_lastName__RyBV5 {\n left: 37.23cqi;\n top: 21.81cqi;\n}\n\n.PersonalIDTemplate-module_firstName__EjRDV {\n left: 37.23cqi;\n top: 30.16cqi;\n}\n\n.PersonalIDTemplate-module_middleName__2DAhJ {\n left: 37.23cqi;\n top: 39.47cqi;\n}\n\n.PersonalIDTemplate-module_birthDate__9LndI {\n left: 37.23cqi;\n top: 47.58cqi;\n}\n\n.PersonalIDTemplate-module_gender__M-nA1 {\n left: 73.21cqi;\n top: 47.58cqi;\n text-align: center;\n}\n\n.PersonalIDTemplate-module_iin__KKSjh {\n left: 12.53cqi;\n top: 58.3cqi;\n}\n";
|
|
2
|
+
var styles = {"card":"PersonalIDTemplate-module_card__WThmZ","illustration":"PersonalIDTemplate-module_illustration__HPKBU","overlay":"PersonalIDTemplate-module_overlay__wd4gC","photo":"PersonalIDTemplate-module_photo__VtZsV","sign":"PersonalIDTemplate-module_sign__zBLAP","field":"PersonalIDTemplate-module_field__94BPp","lastName":"PersonalIDTemplate-module_lastName__RyBV5","firstName":"PersonalIDTemplate-module_firstName__EjRDV","middleName":"PersonalIDTemplate-module_middleName__2DAhJ","birthDate":"PersonalIDTemplate-module_birthDate__9LndI","gender":"PersonalIDTemplate-module_gender__M-nA1","iin":"PersonalIDTemplate-module_iin__KKSjh"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { IPersonalIDTemplateProps } from '../../../interfaces/PersonalIDTemplate.js';
|
|
3
3
|
|
|
4
|
-
declare const PersonalIDTemplate: ({ userPhoto, userSign, className, }: IPersonalIDTemplateProps) => react.JSX.Element;
|
|
4
|
+
declare const PersonalIDTemplate: ({ userPhoto, userSign, userData, className, }: IPersonalIDTemplateProps) => react.JSX.Element;
|
|
5
5
|
|
|
6
6
|
export { PersonalIDTemplate };
|
|
@@ -1,7 +1,16 @@
|
|
|
1
|
+
interface IPersonalIDUserData {
|
|
2
|
+
firstName: string;
|
|
3
|
+
lastName: string;
|
|
4
|
+
middleName: string;
|
|
5
|
+
IIN: string;
|
|
6
|
+
gender: string;
|
|
7
|
+
birthDate: string;
|
|
8
|
+
}
|
|
1
9
|
interface IPersonalIDTemplateProps {
|
|
2
10
|
userPhoto: string;
|
|
3
11
|
userSign: string;
|
|
12
|
+
userData: IPersonalIDUserData;
|
|
4
13
|
className?: string;
|
|
5
14
|
}
|
|
6
15
|
|
|
7
|
-
export type { IPersonalIDTemplateProps };
|
|
16
|
+
export type { IPersonalIDTemplateProps, IPersonalIDUserData };
|