@egov3/system-design 1.3.172 → 1.3.174

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.
Files changed (11) hide show
  1. package/dist/cjs/baseComponents/StatusText/StatusText.module.css.js +1 -1
  2. package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.js +41 -1
  3. package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.js.map +1 -1
  4. package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.module.css.js +2 -2
  5. package/dist/esm/baseComponents/StatusText/StatusText.module.css.js +1 -1
  6. package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.js +41 -1
  7. package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.js.map +1 -1
  8. package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.module.css.js +2 -2
  9. package/dist/types/components/Services/PersonalIDTemplate/PersonalIDTemplate.d.ts +1 -1
  10. package/dist/types/interfaces/PersonalIDTemplate.d.ts +10 -1
  11. package/package.json +1 -1
package/dist/cjs/baseComponents/StatusText/StatusText.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var css_248z = ".StatusText-module_iconWrapper__dGtFw {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n\n.StatusText-module_centerAlign__lTYQ8 {\n text-align: center;\n}\n\n.StatusText-module_wrap__7eTUu {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n";
5
+ var css_248z = ".StatusText-module_iconWrapper__dGtFw {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n\n.StatusText-module_centerAlign__lTYQ8 {\n text-align: center;\n}\n\n.StatusText-module_wrap__7eTUu {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n";
6
6
  var styles = {"iconWrapper":"StatusText-module_iconWrapper__dGtFw","centerAlign":"StatusText-module_centerAlign__lTYQ8","wrap":"StatusText-module_wrap__7eTUu"};
7
7
  function styleInject(css, options) {
8
8
  if (typeof document === 'undefined') return;
package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.js CHANGED
@@ -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
package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PersonalIDTemplate.js","sources":["../../../../../src/components/Services/PersonalIDTemplate/PersonalIDTemplate.tsx"],"sourcesContent":[null],"names":["_jsxs","joinClasses","styles","_jsx","PersonalIDLabeledIllustration"],"mappings":";;;;;;;AAKO,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,SAAS,GACgB,MACzBA,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,uBAAW,CAACC,iCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,aAAA,EAClC,oBAAoB,EAAA,QAAA,EAAA,CAEhCC,cAAA,CAACC,+CAA6B,EAAA,EAAC,SAAS,EAAEF,iCAAM,CAAC,YAAY,EAAA,CAAI,EAEjEF,yBAAK,SAAS,EAAEE,iCAAM,CAAC,OAAO,EAAA,aAAA,EAAc,4BAA4B,aACtEC,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,iCAAM,CAAC,KAAK,EACvB,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,YAAY,iBACJ,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,GACrC,CAAA,EAAA,CACE,CAAA,EAAA,CACF;;;;"}
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;;;;"}
package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.module.css.js CHANGED
@@ -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];
package/dist/esm/baseComponents/StatusText/StatusText.module.css.js CHANGED
@@ -1,4 +1,4 @@
1
- var css_248z = ".StatusText-module_iconWrapper__dGtFw {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n\n.StatusText-module_centerAlign__lTYQ8 {\n text-align: center;\n}\n\n.StatusText-module_wrap__7eTUu {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n}\n";
1
+ var css_248z = ".StatusText-module_iconWrapper__dGtFw {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n\n.StatusText-module_centerAlign__lTYQ8 {\n text-align: center;\n}\n\n.StatusText-module_wrap__7eTUu {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n";
2
2
  var styles = {"iconWrapper":"StatusText-module_iconWrapper__dGtFw","centerAlign":"StatusText-module_centerAlign__lTYQ8","wrap":"StatusText-module_wrap__7eTUu"};
3
3
  function styleInject(css, options) {
4
4
  if (typeof document === 'undefined') return;
package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.js CHANGED
@@ -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
package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PersonalIDTemplate.js","sources":["../../../../../src/components/Services/PersonalIDTemplate/PersonalIDTemplate.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAKO,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,SAAS,GACgB,MACzBA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,aAAA,EAClC,oBAAoB,EAAA,QAAA,EAAA,CAEhCC,GAAA,CAAC,6BAA6B,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,CAAI,EAEjED,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,aAAA,EAAc,4BAA4B,aACtEC,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,YAAY,iBACJ,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,GACrC,CAAA,EAAA,CACE,CAAA,EAAA,CACF;;;;"}
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;;;;"}
package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.module.css.js CHANGED
@@ -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];
package/dist/types/components/Services/PersonalIDTemplate/PersonalIDTemplate.d.ts CHANGED
@@ -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 };
package/dist/types/interfaces/PersonalIDTemplate.d.ts CHANGED
@@ -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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@egov3/system-design",
3
- "version": "1.3.172",
3
+ "version": "1.3.174",
4
4
  "type": "module",
5
5
  "main": "dist/cjs/index.js",
6
6
  "types": "dist/types/index.d.ts",