@egov3/system-design 1.3.85 → 1.3.87

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 (101) hide show
  1. package/dist/cjs/baseComponents/BaseField/BaseField.module.css.js +22 -0
  2. package/dist/cjs/baseComponents/BaseField/BaseField.module.css.js.map +1 -0
  3. package/dist/cjs/baseComponents/BaseField/index.js +48 -0
  4. package/dist/cjs/baseComponents/BaseField/index.js.map +1 -0
  5. package/dist/cjs/baseComponents/InputField/index.js +14 -67
  6. package/dist/cjs/baseComponents/InputField/index.js.map +1 -1
  7. package/dist/cjs/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js +22 -0
  8. package/dist/cjs/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js.map +1 -0
  9. package/dist/cjs/baseComponents/InputFieldGroup/index.js +73 -0
  10. package/dist/cjs/baseComponents/InputFieldGroup/index.js.map +1 -0
  11. package/dist/cjs/baseComponents/TextareaField/index.js +25 -0
  12. package/dist/cjs/baseComponents/TextareaField/index.js.map +1 -0
  13. package/dist/cjs/baseComponents/index.js +25 -21
  14. package/dist/cjs/baseComponents/index.js.map +1 -1
  15. package/dist/cjs/components/Agreement/Agreement.module.css.js +22 -0
  16. package/dist/cjs/components/Agreement/Agreement.module.css.js.map +1 -0
  17. package/dist/cjs/components/Agreement/index.js +17 -0
  18. package/dist/cjs/components/Agreement/index.js.map +1 -0
  19. package/dist/cjs/components/Auth/Auth.module.css.js +22 -0
  20. package/dist/cjs/components/Auth/Auth.module.css.js.map +1 -0
  21. package/dist/cjs/components/Auth/index.js +18 -0
  22. package/dist/cjs/components/Auth/index.js.map +1 -0
  23. package/dist/cjs/components/CustomersMsg/CustomersMsg.module.css.js +22 -0
  24. package/dist/cjs/components/CustomersMsg/CustomersMsg.module.css.js.map +1 -0
  25. package/dist/cjs/components/CustomersMsg/index.js +15 -0
  26. package/dist/cjs/components/CustomersMsg/index.js.map +1 -0
  27. package/dist/cjs/components/EdsSuccess/EdsSuccess.module.css.js +22 -0
  28. package/dist/cjs/components/EdsSuccess/EdsSuccess.module.css.js.map +1 -0
  29. package/dist/cjs/components/EdsSuccess/index.js +17 -0
  30. package/dist/cjs/components/EdsSuccess/index.js.map +1 -0
  31. package/dist/cjs/components/Feedback/index.js +1 -1
  32. package/dist/cjs/components/Feedback/index.js.map +1 -1
  33. package/dist/cjs/components/HelpNotification/HelpNotification.module.css.js +22 -0
  34. package/dist/cjs/components/HelpNotification/HelpNotification.module.css.js.map +1 -0
  35. package/dist/cjs/components/HelpNotification/index.js +25 -0
  36. package/dist/cjs/components/HelpNotification/index.js.map +1 -0
  37. package/dist/cjs/components/index.js +28 -18
  38. package/dist/cjs/components/index.js.map +1 -1
  39. package/dist/cjs/constants/i18n/index.js +88 -1
  40. package/dist/cjs/constants/i18n/index.js.map +1 -1
  41. package/dist/cjs/index.js +1 -1
  42. package/dist/cjs/svg/QrCodeIcon.js +12 -0
  43. package/dist/cjs/svg/QrCodeIcon.js.map +1 -0
  44. package/dist/esm/baseComponents/BaseField/BaseField.module.css.js +18 -0
  45. package/dist/esm/baseComponents/BaseField/BaseField.module.css.js.map +1 -0
  46. package/dist/esm/baseComponents/BaseField/index.js +46 -0
  47. package/dist/esm/baseComponents/BaseField/index.js.map +1 -0
  48. package/dist/esm/baseComponents/InputField/index.js +17 -70
  49. package/dist/esm/baseComponents/InputField/index.js.map +1 -1
  50. package/dist/esm/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js +18 -0
  51. package/dist/esm/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js.map +1 -0
  52. package/dist/esm/baseComponents/InputFieldGroup/index.js +71 -0
  53. package/dist/esm/baseComponents/InputFieldGroup/index.js.map +1 -0
  54. package/dist/esm/baseComponents/TextareaField/index.js +23 -0
  55. package/dist/esm/baseComponents/TextareaField/index.js.map +1 -0
  56. package/dist/esm/baseComponents/index.js +4 -0
  57. package/dist/esm/baseComponents/index.js.map +1 -1
  58. package/dist/esm/components/Agreement/Agreement.module.css.js +18 -0
  59. package/dist/esm/components/Agreement/Agreement.module.css.js.map +1 -0
  60. package/dist/esm/components/Agreement/index.js +15 -0
  61. package/dist/esm/components/Agreement/index.js.map +1 -0
  62. package/dist/esm/components/Auth/Auth.module.css.js +18 -0
  63. package/dist/esm/components/Auth/Auth.module.css.js.map +1 -0
  64. package/dist/esm/components/Auth/index.js +16 -0
  65. package/dist/esm/components/Auth/index.js.map +1 -0
  66. package/dist/esm/components/CustomersMsg/CustomersMsg.module.css.js +18 -0
  67. package/dist/esm/components/CustomersMsg/CustomersMsg.module.css.js.map +1 -0
  68. package/dist/esm/components/CustomersMsg/index.js +13 -0
  69. package/dist/esm/components/CustomersMsg/index.js.map +1 -0
  70. package/dist/esm/components/EdsSuccess/EdsSuccess.module.css.js +18 -0
  71. package/dist/esm/components/EdsSuccess/EdsSuccess.module.css.js.map +1 -0
  72. package/dist/esm/components/EdsSuccess/index.js +15 -0
  73. package/dist/esm/components/EdsSuccess/index.js.map +1 -0
  74. package/dist/esm/components/Feedback/index.js +1 -1
  75. package/dist/esm/components/Feedback/index.js.map +1 -1
  76. package/dist/esm/components/HelpNotification/HelpNotification.module.css.js +18 -0
  77. package/dist/esm/components/HelpNotification/HelpNotification.module.css.js.map +1 -0
  78. package/dist/esm/components/HelpNotification/index.js +23 -0
  79. package/dist/esm/components/HelpNotification/index.js.map +1 -0
  80. package/dist/esm/components/index.js +10 -0
  81. package/dist/esm/components/index.js.map +1 -1
  82. package/dist/esm/constants/i18n/index.js +88 -1
  83. package/dist/esm/constants/i18n/index.js.map +1 -1
  84. package/dist/esm/index.js +1 -1
  85. package/dist/esm/svg/QrCodeIcon.js +10 -0
  86. package/dist/esm/svg/QrCodeIcon.js.map +1 -0
  87. package/dist/types/baseComponents/InputField/index.d.ts +11 -16
  88. package/dist/types/baseComponents/InputFieldGroup/index.d.ts +12 -0
  89. package/dist/types/baseComponents/TextareaField/index.d.ts +19 -0
  90. package/dist/types/components/Agreement/index.d.ts +8 -0
  91. package/dist/types/components/Auth/index.d.ts +9 -0
  92. package/dist/types/components/EdsSuccess/index.d.ts +7 -0
  93. package/dist/types/components/Feedback/index.d.ts +1 -1
  94. package/dist/types/components/HelpNotification/index.d.ts +11 -0
  95. package/dist/types/index.d.ts +17 -1
  96. package/dist/types/interfaces/CustomersMsg.d.ts +21 -0
  97. package/package.json +6 -3
  98. package/dist/cjs/baseComponents/InputField/InputField.module.css.js +0 -22
  99. package/dist/cjs/baseComponents/InputField/InputField.module.css.js.map +0 -1
  100. package/dist/esm/baseComponents/InputField/InputField.module.css.js +0 -18
  101. package/dist/esm/baseComponents/InputField/InputField.module.css.js.map +0 -1
@@ -1,78 +1,25 @@
1
- import { __assign } from 'tslib';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { forwardRef, useState, useRef, useImperativeHandle } from 'react';
4
- import { ClearIcon } from '../../svg/ClearIcon.js';
1
+ import { __rest, __assign } from 'tslib';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { forwardRef } from 'react';
5
4
  import { joinClasses } from '../../utils/joinClasses.js';
6
- import typography from '../../styles/typography.module.css.js';
7
- import styles from './InputField.module.css.js';
5
+ import { BaseField } from '../BaseField/index.js';
6
+ import styles from '../BaseField/BaseField.module.css.js';
8
7
 
9
- var InputField = forwardRef(function (_a, ref) {
10
- var onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onEnterPress = _a.onEnterPress, _b = _a.value, value = _b === void 0 ? "" : _b, inputLeftIcon = _a.inputLeftIcon, _c = _a.className, className = _c === void 0 ? "" : _c, style = _a.style, _d = _a.isClearable, isClearable = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? "text" : _e, id = _a.id, _f = _a.labelText, labelText = _f === void 0 ? "" : _f, ariaLabel = _a.ariaLabel, controlledFocused = _a.focused, setControlledFocused = _a.setFocused, _g = _a.readOnly, readOnly = _g === void 0 ? false : _g, _h = _a.dataTestid, dataTestid = _h === void 0 ? "InputField_MAIN" : _h, _j = _a.variant, variant = _j === void 0 ? "default" : _j, _k = _a.autoExpand, autoExpand = _k === void 0 ? false : _k;
11
- var _l = useState(false), localFocused = _l[0], setLocalFocused = _l[1];
12
- var textareaRef = useRef(null);
13
- var inputRef = useRef(null);
14
- var isControlled = controlledFocused !== undefined;
15
- var focused = isControlled ? controlledFocused : localFocused;
16
- var isLabelShown = labelText.length > 0 && (focused || value.length > 0);
17
- var isLabelPlaceholderShown = value.length === 0 && !focused;
18
- var handleClear = function () {
19
- if (onChange) {
20
- onChange({
21
- target: { value: "" },
22
- });
23
- }
24
- };
25
- var handleFocus = function () {
26
- if (!isControlled) {
27
- setLocalFocused(true);
28
- }
29
- setControlledFocused === null || setControlledFocused === void 0 ? void 0 : setControlledFocused(true);
30
- if (onFocus)
31
- onFocus();
32
- };
33
- var handleBlur = function () {
34
- if (!isControlled) {
35
- setLocalFocused(false);
36
- }
37
- setControlledFocused === null || setControlledFocused === void 0 ? void 0 : setControlledFocused(false);
38
- if (onBlur)
39
- onBlur();
40
- };
8
+ var InputField = forwardRef(function (props, ref) {
9
+ var id = props.id, labelText = props.labelText, value = props.value, readOnly = props.readOnly, onChange = props.onChange, onKeyDown = props.onKeyDown, _a = props.variant, variant = _a === void 0 ? "default" : _a, focused = props.focused, setFocused = props.setFocused, isClearable = props.isClearable, inputLeftIcon = props.inputLeftIcon, htmlProps = __rest(props, ["id", "labelText", "value", "readOnly", "onChange", "onKeyDown", "variant", "focused", "setFocused", "isClearable", "inputLeftIcon"]);
41
10
  var handleKeyDown = function (event) {
42
- if (onEnterPress && event.key === "Enter") {
43
- onEnterPress(event);
44
- }
45
- };
46
- var handleTextareaInput = function (event) {
47
- var textarea = event.currentTarget;
48
- textarea.style.height = "24px";
49
- textarea.style.height = "".concat(textarea.scrollHeight, "px");
50
- if (onChange) {
51
- onChange(event);
52
- }
53
- };
54
- useImperativeHandle(ref, function () {
55
- if (autoExpand) {
56
- return textareaRef.current;
57
- }
58
- else {
59
- return inputRef.current;
11
+ var _a;
12
+ onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
13
+ if (event.key === "Enter") {
14
+ (_a = props.onEnterPress) === null || _a === void 0 ? void 0 : _a.call(props, event);
60
15
  }
61
- }, [autoExpand]);
62
- var commonProps = {
63
- "data-testid": "InputField_INPUT",
64
- "aria-label": ariaLabel,
65
- id: id,
66
- className: joinClasses(styles.input, variant === "code" && styles.code, type === "text" ? typography.body2Regular : undefined),
67
- placeholder: isLabelPlaceholderShown ? labelText : "",
68
- "aria-placeholder": isLabelPlaceholderShown ? labelText : "",
69
- onFocus: handleFocus,
70
- onBlur: handleBlur,
71
- onChange: onChange,
72
- value: value,
73
- readOnly: readOnly || !onChange,
74
16
  };
75
- return (jsxs("div", __assign({ "data-testid": dataTestid, className: joinClasses(styles.inputContainer, focused ? styles["input--onfocus"] : undefined, type === "text" ? typography.body2Regular : undefined, styles["input-".concat(type === null || type === void 0 ? void 0 : type.toLocaleLowerCase())], isLabelShown ? styles.labelPadding : styles.placeholderPadding, className), style: style }, { children: [jsxs("div", __assign({ className: styles.inputContainerLabeled, "data-testid": "InputField_WRAP_W_LABEL" }, { children: [isLabelShown && (jsx("label", __assign({ htmlFor: id, "data-testid": "InputField_LABEL", className: typography.caption1Regular }, { children: labelText }))), jsxs("div", __assign({ className: styles.inputContainerIcon, "data-testid": "InputField_WRAP_LEFT_ICON" }, { children: [inputLeftIcon, autoExpand ? (jsx("textarea", __assign({ ref: textareaRef, onInput: handleTextareaInput }, commonProps))) : (jsx("input", __assign({ ref: inputRef, type: type, onKeyDown: handleKeyDown }, commonProps)))] }))] })), isClearable && value && (jsx(ClearIcon, { fill: "red", pathFill: "#758393", className: styles.clearIcon, onClick: handleClear }))] })));
17
+ return (jsx(BaseField, __assign({}, props, { onChange: onChange, value: value, focused: focused, setFocused: setFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon }, { children: function (_a) {
18
+ var handleFocus = _a.handleFocus, handleBlur = _a.handleBlur, showPlaceholder = _a.showPlaceholder, handleChange = _a.handleChange;
19
+ return (jsx("input", __assign({ "data-testid": "InputField_INPUT", ref: ref }, htmlProps, { id: id, value: value, readOnly: readOnly, placeholder: showPlaceholder ? labelText : "", onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onChange: function (e) {
20
+ handleChange(e);
21
+ }, className: joinClasses(styles.input, variant === "code" && styles.code, htmlProps.className) })));
22
+ } })));
76
23
  });
77
24
 
78
25
  export { InputField };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;IA4Ba,UAAU,GAAG,UAAU,CAClC,UAAC,KAAK,EAAE,GAAG,EAAA;AAEP,IAAA,IAAA,EAAE,GAYA,KAAK,CAAA,EAZL,EACF,SAAS,GAWP,KAAK,CAAA,SAXE,EACT,KAAK,GAUH,KAAK,CAAA,KAVF,EACL,QAAQ,GASN,KAAK,CAAA,QATC,EACR,QAAQ,GAQN,KAAK,CAAA,QARC,EACR,SAAS,GAOP,KAAK,CAAA,SAPE,EACT,EAAA,GAME,KAAK,CAAA,OANY,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,OAAO,GAKL,KAAK,CAAA,OALA,EACP,UAAU,GAIR,KAAK,CAAA,UAJG,EACV,WAAW,GAGT,KAAK,CAAA,WAHI,EACX,aAAa,GAEX,KAAK,CAAA,aAFM,EACV,SAAS,GAAA,MAAA,CACV,KAAK,EAbH,CAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,CAaL,CADa;IAGd,IAAM,aAAa,GAAG,UAAC,KAA4C,EAAA;;AACjE,QAAA,SAAS,aAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAG,KAAK,CAAC;AAClB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,CAAA,EAAA,GAAA,KAAK,CAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAG,KAAK,CAAC;AAC5B,QAAA;AACH,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAAA,EACJ,KAAK,EAAA,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAAA,EAAA,EAAA,QAAA,EAE3B,UAAC,EAA0D,EAAA;gBAAxD,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA;YAAO,QAC/DA,uCACc,kBAAkB,EAC9B,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,EAAA,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,GAAG,SAAS,GAAG,EAAE,EAC7C,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,UAAC,CAAC,EAAA;oBACV,YAAY,CAAC,CAAC,CAAC;gBACjB,CAAC,EACD,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAI,MAAM,CAAC,IAAI,EACjC,SAAS,CAAC,SAAS,CACpB,EAAA,CAAA,CACD;QApB6D,CAqBhE,EAAA,CAAA,CACS;AAEhB,CAAC;;;;"}
@@ -0,0 +1,18 @@
1
+ var css_248z = ".InputFieldGroup-module_input__Jz7Ir {\n width: 24px;\n}\n";
2
+ var styles = {"input":"InputFieldGroup-module_input__Jz7Ir"};
3
+ function styleInject(css, options) {
4
+ if (typeof document === 'undefined') return;
5
+ const head = document.head || document.getElementsByTagName('head')[0];
6
+ const style = document.createElement('style');
7
+ style.type = 'text/css';
8
+ if (style.styleSheet) {
9
+ style.styleSheet.cssText = css;
10
+ } else {
11
+ style.appendChild(document.createTextNode(css));
12
+ }
13
+ head.appendChild(style);
14
+ }
15
+ styleInject(css_248z);
16
+
17
+ export { styles as default };
18
+ //# sourceMappingURL=InputFieldGroup.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputFieldGroup.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,71 @@
1
+ import { jsx, Fragment } from 'react/jsx-runtime';
2
+ import { useRef } from 'react';
3
+ import { joinClasses } from '../../utils/joinClasses.js';
4
+ import { InputField } from '../InputField/index.js';
5
+ import styles from './InputFieldGroup.module.css.js';
6
+
7
+ var isModifierKeyPressed = function (event) {
8
+ return event.metaKey || event.ctrlKey || event.altKey;
9
+ };
10
+ var isSingleDigit = function (key) {
11
+ return key.length === 1 && /^\d$/.test(key);
12
+ };
13
+ var shouldPreventKeyInput = function (event) {
14
+ if (isModifierKeyPressed(event))
15
+ return false;
16
+ if (event.key.length !== 1)
17
+ return false;
18
+ return !isSingleDigit(event.key);
19
+ };
20
+ var InputFieldGroup = function (_a) {
21
+ var length = _a.length, code = _a.code, ariaLabel = _a["aria-label"], className = _a.className, focused = _a.focused, setFocused = _a.setFocused, handleInputChange = _a.handleInputChange, handleKeyDown = _a.handleKeyDown;
22
+ var inputsRef = useRef([]);
23
+ var focusInput = function (index) {
24
+ setTimeout(function () {
25
+ var _a;
26
+ (_a = inputsRef.current[index]) === null || _a === void 0 ? void 0 : _a.focus();
27
+ }, 0);
28
+ };
29
+ var extractDigits = function (text) { return text.replace(/\D/g, ""); };
30
+ var handlePaste = function (startIndex, pastedText) {
31
+ var digits = extractDigits(pastedText);
32
+ for (var i = 0; i < digits.length && startIndex + i < length; i++) {
33
+ var index = startIndex + i;
34
+ handleInputChange(index)({
35
+ target: { value: digits[i] },
36
+ });
37
+ }
38
+ var lastFilledIndex = Math.min(startIndex + digits.length, length - 1);
39
+ focusInput(lastFilledIndex);
40
+ };
41
+ var handleChange = function (index) { return function (event) {
42
+ var digits = extractDigits(event.target.value);
43
+ if (digits.length > 1) {
44
+ handlePaste(index, digits);
45
+ return;
46
+ }
47
+ handleInputChange(index)(event);
48
+ if (digits.length === 1 && index < length - 1) {
49
+ focusInput(index + 1);
50
+ }
51
+ }; };
52
+ var handleKey = function (index) { return function (event) {
53
+ if (shouldPreventKeyInput(event)) {
54
+ event.preventDefault();
55
+ return;
56
+ }
57
+ handleKeyDown === null || handleKeyDown === void 0 ? void 0 : handleKeyDown(index)(event);
58
+ if (event.key === "Backspace" && index > 0) {
59
+ focusInput(index - 1);
60
+ }
61
+ }; };
62
+ return (jsx(Fragment, { children: Array.from({ length: length }).map(function (_, index) {
63
+ var fieldId = "inputCode_".concat(index);
64
+ return (jsx(InputField, { "data-testid": "InputField_".concat(fieldId), ref: function (el) {
65
+ inputsRef.current[index] = el;
66
+ }, id: fieldId, type: "text", pattern: "[0-9]*", variant: "code", value: code[index] || "", "aria-label": ariaLabel, focused: focused, setFocused: setFocused, onChange: handleChange(index), onKeyDown: handleKey(index), className: joinClasses(className, styles.input) }, fieldId));
67
+ }) }));
68
+ };
69
+
70
+ export { InputFieldGroup };
71
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment"],"mappings":"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"}
@@ -0,0 +1,23 @@
1
+ import { __rest, __assign } from 'tslib';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { forwardRef } from 'react';
4
+ import { joinClasses } from '../../utils/joinClasses.js';
5
+ import { BaseField } from '../BaseField/index.js';
6
+ import styles from '../BaseField/BaseField.module.css.js';
7
+
8
+ var TextareaField = forwardRef(function (props, ref) {
9
+ var id = props.id, labelText = props.labelText, value = props.value, readOnly = props.readOnly, onChange = props.onChange, _a = props.variant, variant = _a === void 0 ? "default" : _a, focused = props.focused, setFocused = props.setFocused, isClearable = props.isClearable, inputLeftIcon = props.inputLeftIcon, htmlProps = __rest(props, ["id", "labelText", "value", "readOnly", "onChange", "variant", "focused", "setFocused", "isClearable", "inputLeftIcon"]);
10
+ var handleAutoResize = function (event) {
11
+ var textarea = event.currentTarget;
12
+ textarea.style.height = "24px";
13
+ textarea.style.height = "".concat(textarea.scrollHeight, "px");
14
+ onChange === null || onChange === void 0 ? void 0 : onChange(event);
15
+ };
16
+ return (jsx(BaseField, __assign({}, props, { onChange: onChange, value: value, focused: focused, setFocused: setFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon }, { children: function (_a) {
17
+ var handleFocus = _a.handleFocus, handleBlur = _a.handleBlur, showPlaceholder = _a.showPlaceholder, handleChange = _a.handleChange;
18
+ return (jsx("textarea", __assign({ "data-testid": "TextAreaField_TEXTAREA", ref: ref }, htmlProps, { id: id, value: value, readOnly: readOnly, placeholder: showPlaceholder ? labelText : "", onInput: handleAutoResize, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, className: joinClasses(styles.input, variant === "code" && styles.code) })));
19
+ } })));
20
+ });
21
+
22
+ export { TextareaField };
23
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TextareaField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;IA0Ba,aAAa,GAAG,UAAU,CAGrC,UAAC,KAAK,EAAE,GAAG,EAAA;AAET,IAAA,IAAA,EAAE,GAWA,KAAK,CAAA,EAXL,EACF,SAAS,GAUP,KAAK,CAAA,SAVE,EACT,KAAK,GASH,KAAK,CAAA,KATF,EACL,QAAQ,GAQN,KAAK,CAAA,QARC,EACR,QAAQ,GAON,KAAK,CAAA,QAPC,EACR,EAAA,GAME,KAAK,CAAA,OANY,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACnB,OAAO,GAKL,KAAK,CAAA,OALA,EACP,UAAU,GAIR,KAAK,CAAA,UAJG,EACV,WAAW,GAGT,KAAK,CAAA,WAHI,EACX,aAAa,GAEX,KAAK,CAAA,aAFM,EACV,SAAS,GAAA,MAAA,CACV,KAAK,EAZH,CAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,CAYL,CADa;IAGd,IAAM,gBAAgB,GAAG,UAAC,KAA6C,EAAA;AACrE,QAAA,IAAM,QAAQ,GAAG,KAAK,CAAC,aAAa;AACpC,QAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;QAC9B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,QAAQ,CAAC,YAAY,EAAA,IAAA,CAAI;AACpD,QAAA,QAAQ,aAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,KAAK,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,QACEA,GAAA,CAAC,SAAS,EAAA,QAAA,CAAA,EAAA,EACJ,KAAK,EAAA,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAAA,EAAA,EAAA,QAAA,EAE3B,UAAC,EAA0D,EAAA;gBAAxD,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA;AAAO,YAAA,QAC/DA,GAAA,CAAA,UAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EACc,wBAAwB,EACpC,GAAG,EAAE,GAAG,EAAA,EACJ,SAAS,EAAA,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,eAAe,GAAG,SAAS,GAAG,EAAE,EAC7C,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAI,MAAM,CAAC,IAAI,CAClC,IACD;QAjB6D,CAkBhE,EAAA,CAAA,CACS;AAEhB,CAAC;;;;"}
@@ -2,6 +2,7 @@ import '../styles/colors.css.js';
2
2
  import { Accordion } from './Accordion/index.js';
3
3
  import { Button } from './Button/index.js';
4
4
  import { InputField } from './InputField/index.js';
5
+ import { InputFieldGroup } from './InputFieldGroup/index.js';
5
6
  import { Label } from './Label/index.js';
6
7
  import { Loader } from './Loader/index.js';
7
8
  import { Modal } from './Modal/index.js';
@@ -11,6 +12,7 @@ import { RadioToggle } from './RadioToggle/index.js';
11
12
  import { SelectBoxButton } from './SelectBoxButton/index.js';
12
13
  import { StatusText } from './StatusText/index.js';
13
14
  import { TabButtons } from './TabButtons/index.js';
15
+ import { TextareaField } from './TextareaField/index.js';
14
16
  import { TextPair } from './TextPair/index.js';
15
17
  import { Typography } from './Typography/index.js';
16
18
 
@@ -19,6 +21,7 @@ var BaseComponents = {
19
21
  Button: Button,
20
22
  CustomRadioButton: CustomRadioButton,
21
23
  InputField: InputField,
24
+ InputFieldGroup: InputFieldGroup,
22
25
  Label: Label,
23
26
  Loader: Loader,
24
27
  Modal: Modal,
@@ -26,6 +29,7 @@ var BaseComponents = {
26
29
  RadioToggle: RadioToggle,
27
30
  SelectBoxButton: SelectBoxButton,
28
31
  Typography: Typography,
32
+ TextareaField: TextareaField,
29
33
  TextPair: TextPair,
30
34
  TabButtons: TabButtons,
31
35
  StatusText: StatusText,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAA,SAAA;AACT,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,iBAAiB,EAAA,iBAAA;AACjB,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,QAAQ,EAAA,QAAA;AACR,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,OAAO,EAAA,OAAA;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAmBO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAA,SAAA;AACT,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,iBAAiB,EAAA,iBAAA;AACjB,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,aAAa,EAAA,aAAA;AACb,IAAA,QAAQ,EAAA,QAAA;AACR,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,OAAO,EAAA,OAAA;;;;;"}
@@ -0,0 +1,18 @@
1
+ var css_248z = ".Agreement-module_modalBodyAgreement__IE2ca {\n display: flex;\n flex-direction: column;\n gap: 32px;\n align-self: stretch;\n}\n\n.Agreement-module_agreementWrapper__PlTqO {\n height: 356px;\n overflow-y: scroll;\n}\n\n.Agreement-module_btn__continue__W96SF {\n align-self: stretch;\n}\n";
2
+ var styles = {"modalBodyAgreement":"Agreement-module_modalBodyAgreement__IE2ca","agreementWrapper":"Agreement-module_agreementWrapper__PlTqO","btn__continue":"Agreement-module_btn__continue__W96SF"};
3
+ function styleInject(css, options) {
4
+ if (typeof document === 'undefined') return;
5
+ const head = document.head || document.getElementsByTagName('head')[0];
6
+ const style = document.createElement('style');
7
+ style.type = 'text/css';
8
+ if (style.styleSheet) {
9
+ style.styleSheet.cssText = css;
10
+ } else {
11
+ style.appendChild(document.createTextNode(css));
12
+ }
13
+ head.appendChild(style);
14
+ }
15
+ styleInject(css_248z);
16
+
17
+ export { styles as default };
18
+ //# sourceMappingURL=Agreement.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Agreement.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,15 @@
1
+ import { __assign } from 'tslib';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+ import parse from 'html-react-parser';
4
+ import { BaseComponents } from '../../baseComponents/index.js';
5
+ import { i18n } from '../../constants/i18n/index.js';
6
+ import styles from './Agreement.module.css.js';
7
+
8
+ var Agreement = function (_a) {
9
+ var lang = _a.lang, agreementText = _a.agreementText, submitAgreementAndSign = _a.submitAgreementAndSign;
10
+ var langDic = i18n.Agreement;
11
+ return (jsxs("div", __assign({ className: styles.modalBodyAgreement }, { children: [jsx("div", __assign({ className: styles.agreementWrapper }, { children: parse(agreementText) })), jsx(BaseComponents.Button, __assign({ "data-testid": "IdentityBtn_AGREEMENT", "aria-label": langDic.signBtnAria[lang], onClick: submitAgreementAndSign, className: styles.btn__continue, size: "large" }, { children: langDic.signButton[lang] }))] })));
12
+ };
13
+
14
+ export { Agreement };
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Agreement/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAWO,IAAM,SAAS,GAAG,UAAC,EAIJ,EAAA;AAHpB,IAAA,IAAA,IAAI,UAAA,EACJ,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,sBAAsB,GAAA,EAAA,CAAA,sBAAA;AAEtB,IAAA,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS;IAE9B,QACEA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,EAAA,EAAA,QAAA,EAAA,CACvCC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAA,EAAA,EAAA,QAAA,EAAG,KAAK,CAAC,aAAa,CAAC,EAAA,CAAA,CAAO,EACrEA,GAAA,CAAC,cAAc,CAAC,MAAM,EAAA,QAAA,CAAA,EAAA,aAAA,EACR,uBAAuB,EAAA,YAAA,EACvB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,OAAO,EAAE,sBAAsB,EAC/B,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,IAAI,EAAC,OAAO,EAAA,EAAA,EAAA,QAAA,EAEX,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAA,CAAA,CACH,CAAA,EAAA,CAAA,CACpB;AAEV;;;;"}
@@ -0,0 +1,18 @@
1
+ var css_248z = ".Auth-module_loginBox__title__XNOsJ {\n margin-bottom: 8px;\n text-align: center;\n}\n\n.Auth-module_loginBox__subtitle__ob57C {\n text-align: center;\n}\n\n.Auth-module_loginBox__content__Rrrqi {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n}\n\n.Auth-module_loginBox__content__Rrrqi > * {\n width: 160px;\n}\n\n.Auth-module_loginBox__textItemsList__jc0ki {\n display: flex;\n gap: 8px;\n flex-direction: column;\n justify-content: space-around;\n}\n\n.Auth-module_loginBox__textItemWrapper__ITiR8 {\n display: flex;\n padding: 4px 0;\n align-items: flex-start;\n gap: 8px;\n align-self: stretch;\n}\n\n.Auth-module_loginBox__qrCode__-M-St {\n border-radius: 12px;\n filter: drop-shadow(0px 12px 32px rgba(128, 130, 136, 0.12));\n overflow: hidden;\n}\n\n.Auth-module_loginBox__divider__u9n7u {\n width: calc(100% + 54px);\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n}\n\n.Auth-module_loginBox__dividerText__gVwVj::before {\n left: 0;\n content: \"\";\n position: absolute;\n top: 50%;\n width: 68px;\n height: 1px;\n background-color: var(--button-secondary-default-color);\n}\n.Auth-module_loginBox__dividerText__gVwVj::after {\n right: 0;\n content: \"\";\n position: absolute;\n top: 50%;\n width: 68px;\n height: 1px;\n background-color: var(--button-secondary-default-color);\n}\n\n.Auth-module_loginBox__footer__1pBV3 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n}\n\n.Auth-module_loginBox__footer__1pBV3 > button {\n flex: 1;\n}\n\n.Auth-module_mainRegisterBtn__SpY1r {\n cursor: pointer;\n color: var(--text-accent);\n}\n.Auth-module_downloadBtn__UrTYI {\n cursor: pointer;\n color: var(--text-accent);\n overflow: hidden;\n text-overflow: ellipsis;\n font: inherit;\n text-align: left;\n}\n";
2
+ var styles = {"loginBox__title":"Auth-module_loginBox__title__XNOsJ","loginBox__subtitle":"Auth-module_loginBox__subtitle__ob57C","loginBox__content":"Auth-module_loginBox__content__Rrrqi","loginBox__textItemsList":"Auth-module_loginBox__textItemsList__jc0ki","loginBox__textItemWrapper":"Auth-module_loginBox__textItemWrapper__ITiR8","loginBox__qrCode":"Auth-module_loginBox__qrCode__-M-St","loginBox__divider":"Auth-module_loginBox__divider__u9n7u","loginBox__dividerText":"Auth-module_loginBox__dividerText__gVwVj","loginBox__footer":"Auth-module_loginBox__footer__1pBV3","mainRegisterBtn":"Auth-module_mainRegisterBtn__SpY1r","downloadBtn":"Auth-module_downloadBtn__UrTYI"};
3
+ function styleInject(css, options) {
4
+ if (typeof document === 'undefined') return;
5
+ const head = document.head || document.getElementsByTagName('head')[0];
6
+ const style = document.createElement('style');
7
+ style.type = 'text/css';
8
+ if (style.styleSheet) {
9
+ style.styleSheet.cssText = css;
10
+ } else {
11
+ style.appendChild(document.createTextNode(css));
12
+ }
13
+ head.appendChild(style);
14
+ }
15
+ styleInject(css_248z);
16
+
17
+ export { styles as default };
18
+ //# sourceMappingURL=Auth.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Auth.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,16 @@
1
+ import { __assign } from 'tslib';
2
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
3
+ import { Icons } from '@egov3/graphics';
4
+ import { BaseComponents } from '../../baseComponents/index.js';
5
+ import { i18n } from '../../constants/i18n/index.js';
6
+ import { QrCodeIcon } from '../../svg/QrCodeIcon.js';
7
+ import styles from './Auth.module.css.js';
8
+
9
+ var Auth = function (_a) {
10
+ var lang = _a.lang, handleEdsClick = _a.handleEdsClick, handleRegistrationClick = _a.handleRegistrationClick, handleDownloadAppClick = _a.handleDownloadAppClick;
11
+ var langDic = i18n.Auth;
12
+ return (jsxs(Fragment, { children: [jsxs("div", __assign({ "data-testid": "AuthStepComponentLogin_BOX", className: styles.loginBox }, { children: [jsx(BaseComponents.Typography, __assign({ "data-testid": "AuthStepComponentLoginBox_TITLE", className: styles.loginBox__title, fontClass: "heading3", tag: "h2", "aria-label": langDic.Welcome[lang] }, { children: langDic.Welcome[lang] })), jsxs(BaseComponents.Typography, __assign({ "data-testid": "AuthStepComponentNotRegisteredYet_TEXT", className: styles.loginBox__subtitle, fontClass: "body2Regular", tag: "p", "aria-label": langDic.NotRegisteredYet[lang] }, { children: [langDic.NotRegisteredYet[lang], " ", jsx("button", __assign({ type: "button", className: styles.mainRegisterBtn, "data-testid": "AuthStepComponent_REGISTRATION", onClick: handleRegistrationClick }, { children: langDic.Register[lang] }))] }))] })), jsx("div", __assign({ "data-testid": "AuthStepComponent_WRAPPER" }, { children: jsxs("div", __assign({ "data-testid": "AuthStepComponent_CONTENT", className: styles.loginBox__content }, { children: [jsxs("ul", __assign({ "data-testid": "AuthStepComponentLoginBox_LIST", className: styles.loginBox__textItemsList }, { children: [jsxs("li", __assign({ "data-testid": "AuthStepComponentLoginBoxPhone_ITEM", className: styles.loginBox__textItemWrapper }, { children: [jsx("div", __assign({ "data-testid": "AuthStepComponentLoginBoxPhone_ICON" }, { children: jsx(Icons.General.Phone, { "data-testid": "AuthStepComponentPhone_ICON", width: 16, height: 16 }) })), jsxs(BaseComponents.Typography, __assign({ "data-testid": "AuthStepComponentLoginBox_INFO", tag: "span", fontClass: "caption1Regular", "aria-label": langDic.OpenAppEgov[lang] }, { children: [langDic.OpenAppEgov[lang], jsx("button", __assign({ type: "button", "data-testid": "AuthStepComponentLoginBox_LINK", "aria-label": langDic.DownloadApp[lang], className: styles.downloadBtn, onClick: handleDownloadAppClick }, { children: langDic.DownloadApp[lang] }))] }))] })), jsxs("li", __assign({ "data-testid": "AuthStepComponentLoginBoxQR_ITEM", className: styles.loginBox__textItemWrapper }, { children: [jsx("div", __assign({ "data-testid": "AuthStepComponentLoginBoxQR_ICON" }, { children: jsx(Icons.General.QrCodeOutline, { "data-testid": "AuthStepComponentQRCodeOutline_ICON", width: 16, height: 16 }) })), jsx(BaseComponents.Typography, __assign({ "data-testid": "AuthStepComponentLoginBoxClickQr_INFO", tag: "span", fontClass: "caption1Regular", "aria-label": langDic.ClickQRIcon[lang] }, { children: langDic.ClickQRIcon[lang] }))] })), jsxs("li", __assign({ "data-testid": "AuthStepComponentLoginBoxQRScan_ITEM", className: styles.loginBox__textItemWrapper }, { children: [jsx("div", __assign({ "data-testid": "AuthStepComponentLoginBoxQRScan_ICON" }, { children: jsx(Icons.General.QrCodeScan, { "data-testid": "AuthStepComponentQrCodeScan_ICON", width: 16, height: 16 }) })), jsx(BaseComponents.Typography, __assign({ "data-testid": "AuthStepComponentLoginBoxScanQRIcon_INFO", tag: "span", fontClass: "caption1Regular", "aria-label": langDic.ScanQRIcon[lang] }, { children: langDic.ScanQRIcon[lang] }))] }))] })), jsx("div", __assign({ "data-testid": "AuthStepComponentLoginBoxQr_CODE", className: styles.loginBox__qrCode }, { children: jsx(QrCodeIcon, { "data-testid": "AuthStepComponentQrCode_ICON", className: styles.svg, width: 160, height: 160 }) }))] })) })), jsx("div", __assign({ "data-testid": "AuthStepComponentLoginBox_DIVIDER", className: styles.loginBox__divider }, { children: jsx(BaseComponents.Typography, __assign({ "data-testid": "AuthStepComponentLoginBoxText_DIVIDER", className: styles.loginBox__dividerText, fontClass: "body2Regular", tag: "span", "aria-label": langDic.UseAnotherMethod[lang] }, { children: langDic.UseAnotherMethod[lang] })) })), jsx("div", __assign({ "data-testid": "AuthStepComponentLoginBox_FOOTER", className: styles.loginBox__footer }, { children: jsx(BaseComponents.Button, __assign({ "data-testid": "IdentityAuthBtn_EDS", "aria-label": langDic.AriaEDS[lang], variant: "tinted", size: "large", onClick: handleEdsClick }, { children: langDic.EDS[lang] })) }))] }));
13
+ };
14
+
15
+ export { Auth };
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Auth/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
@@ -0,0 +1,18 @@
1
+ var css_248z = ".CustomersMsg-module_chatMsgDivider__2yBGx {\n display: flex;\n justify-content: flex-end;\n align-items: flex-end;\n gap: 4px;\n align-self: stretch;\n}\n\n.CustomersMsg-module_chatMsgDate__tEQrI {\n position: absolute;\n right: 12px;\n bottom: 4.08px;\n color: #758393;\n text-align: right;\n}\n\n.CustomersMsg-module_chatMsgWrapper__zj5UX {\n display: flex;\n padding: 12px 12px 20px 12px;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n position: relative;\n border-radius: 16px 16px 4px 16px;\n background: var(--surface-surface-2);\n}\n\n.CustomersMsg-module_chatMsgText__4WlXB {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n";
2
+ var styles = {"chatMsgDivider":"CustomersMsg-module_chatMsgDivider__2yBGx","chatMsgDate":"CustomersMsg-module_chatMsgDate__tEQrI","chatMsgWrapper":"CustomersMsg-module_chatMsgWrapper__zj5UX","chatMsgText":"CustomersMsg-module_chatMsgText__4WlXB"};
3
+ function styleInject(css, options) {
4
+ if (typeof document === 'undefined') return;
5
+ const head = document.head || document.getElementsByTagName('head')[0];
6
+ const style = document.createElement('style');
7
+ style.type = 'text/css';
8
+ if (style.styleSheet) {
9
+ style.styleSheet.cssText = css;
10
+ } else {
11
+ style.appendChild(document.createTextNode(css));
12
+ }
13
+ head.appendChild(style);
14
+ }
15
+ styleInject(css_248z);
16
+
17
+ export { styles as default };
18
+ //# sourceMappingURL=CustomersMsg.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CustomersMsg.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,13 @@
1
+ import { __assign } from 'tslib';
2
+ import { jsx, jsxs } from 'react/jsx-runtime';
3
+ import { BaseComponents } from '../../baseComponents/index.js';
4
+ import styles from './CustomersMsg.module.css.js';
5
+
6
+ var CustomersMsg = function (_a) {
7
+ var msgItem = _a.msgItem;
8
+ return (jsx("div", __assign({ "data-testid": "Msg_DIVIDER", className: styles.chatMsgDivider }, { children: jsxs("div", __assign({ className: styles.chatMsgWrapper }, { children: [msgItem.description.length > 0 &&
9
+ msgItem.description.map(function (descriptionItem) { return (jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "body2Regular", "data-testid": "MsgBody_TEXT", className: styles.chatMsgText }, { children: descriptionItem.text }), descriptionItem.text)); }), jsx(BaseComponents.Typography, __assign({ tag: "time", fontClass: "caption2Regular", "data-testid": "MsgBody_TIME", className: styles.chatMsgDate }, { children: msgItem.time }))] })) })));
10
+ };
11
+
12
+ export { CustomersMsg };
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/CustomersMsg/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAIO,IAAM,YAAY,GAAG,UAAC,EAAsC,EAAA;AAApC,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;IAAkC,QACtEA,qCAAiB,aAAa,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,EAAA,EAAA,QAAA,EAC7DC,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,EAAA,EAAA,QAAA,EAAA,CAClC,OAAO,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;AAC7B,oBAAA,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,UAAC,eAAe,EAAA,EAAK,QAC3CD,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,QAAA,CAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,iBACZ,cAAc,EAE1B,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,EAAA,EAAA,QAAA,EAE5B,eAAe,CAAC,IAAI,EAAA,CAAA,EAHhB,eAAe,CAAC,IAAI,CAIC,EAC7B,CAV4C,CAU5C,CAAC,EACJA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,QAAA,CAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,iBAAiB,EAAA,aAAA,EACf,cAAc,EAC1B,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,EAAA,EAAA,QAAA,EAE5B,OAAO,CAAC,IAAI,EAAA,CAAA,CACa,CAAA,EAAA,CAAA,CACxB,IACF;AAxBgE;;;;"}
@@ -0,0 +1,18 @@
1
+ var css_248z = ".EdsSuccess-module_modalBodyAgreement__D7zM6 {\n display: flex;\n flex-direction: column;\n gap: 32px;\n align-self: stretch;\n}\n\n.EdsSuccess-module_iconWrapper__P69FP {\n display: flex;\n justify-content: center;\n}\n\n.EdsSuccess-module_modalInfoBlock__OfBZm {\n display: flex;\n gap: 8px;\n flex-direction: column;\n}\n\n.EdsSuccess-module_modalStepTitle__1lTnS {\n text-align: center;\n}\n\n.EdsSuccess-module_modalDescription__fg-r- {\n text-align: center;\n display: block;\n}\n";
2
+ var styles = {"modalBodyAgreement":"EdsSuccess-module_modalBodyAgreement__D7zM6","iconWrapper":"EdsSuccess-module_iconWrapper__P69FP","modalInfoBlock":"EdsSuccess-module_modalInfoBlock__OfBZm","modalStepTitle":"EdsSuccess-module_modalStepTitle__1lTnS","modalDescription":"EdsSuccess-module_modalDescription__fg-r-"};
3
+ function styleInject(css, options) {
4
+ if (typeof document === 'undefined') return;
5
+ const head = document.head || document.getElementsByTagName('head')[0];
6
+ const style = document.createElement('style');
7
+ style.type = 'text/css';
8
+ if (style.styleSheet) {
9
+ style.styleSheet.cssText = css;
10
+ } else {
11
+ style.appendChild(document.createTextNode(css));
12
+ }
13
+ head.appendChild(style);
14
+ }
15
+ styleInject(css_248z);
16
+
17
+ export { styles as default };
18
+ //# sourceMappingURL=EdsSuccess.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EdsSuccess.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,15 @@
1
+ import { __assign } from 'tslib';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+ import { Graphics } from '@egov3/graphics';
4
+ import { BaseComponents } from '../../baseComponents/index.js';
5
+ import { i18n } from '../../constants/i18n/index.js';
6
+ import styles from './EdsSuccess.module.css.js';
7
+
8
+ var EdsSuccess = function (_a) {
9
+ var lang = _a.lang, handleEdsOnclick = _a.handleEdsOnclick;
10
+ var langDic = i18n.EdsSuccess;
11
+ return (jsxs("div", __assign({ className: styles.modalBodyAgreement, "data-testid": "EdsSuccess_CONTAINER" }, { children: [jsx("div", __assign({ className: styles.iconWrapper, "data-testid": "EdsSuccessIcon_WRAPPER" }, { children: jsx(Graphics.Illustrations.RegistrationSuccess, { "data-testid": "Success_ICON" }) })), jsxs("div", __assign({ className: styles.modalInfoBlock, "data-testid": "EdsSuccessInfo_WRAPPER" }, { children: [jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "heading3", "data-testid": "IdentityEds_TITLE", className: styles.modalStepTitle, "aria-label": langDic.identityEdsTitle[lang] }, { children: langDic.identityEdsTitle[lang] })), jsxs("div", __assign({ "data-testid": "EdsSuccessDescription_WRAPPER" }, { children: [jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "body2Regular", "data-testid": "IdentityEds_DESCRIPTION", className: styles.modalDescription, "aria-label": langDic.identityHappyDescription[lang] }, { children: langDic.identityHappyDescription[lang] })), jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "body2Regular", "data-testid": "IdentityEds_DESCRIPTION", className: styles.modalDescription, "aria-label": langDic.identityHappyLogin[lang] }, { children: langDic.identityHappyLogin[lang] }))] }))] })), jsx(BaseComponents.Button, __assign({ "data-testid": "IdentityEds_BTN", "aria-label": langDic.identityEdsButton[lang], size: "large", onClick: handleEdsOnclick }, { children: langDic.identityEdsButton[lang] }))] })));
12
+ };
13
+
14
+ export { EdsSuccess };
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/EdsSuccess/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,IAAM,UAAU,GAAG,UAAC,EAA4C,EAAA;QAA1C,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,gBAAA;AACjD,IAAA,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU;AAE/B,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,aAAA,EACxB,sBAAsB,iBAElCC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EAAc,wBAAwB,gBACtEA,GAAA,CAAC,QAAQ,CAAC,aAAa,CAAC,mBAAmB,EAAA,EAAA,aAAA,EAAa,cAAc,EAAA,CAAG,EAAA,CAAA,CACrE,EACND,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,aAAA,EACpB,wBAAwB,iBAEpCC,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,QAAA,CAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,UAAU,EAAA,aAAA,EACR,mBAAmB,EAC/B,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,YAAA,EACpB,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAA,EAAA,EAAA,QAAA,EAEzC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,IACL,EAC5BD,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,+BAA+B,EAAA,EAAA,EAAA,QAAA,EAAA,CAC9CC,GAAA,CAAC,cAAc,CAAC,UAAU,aACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,yBAAyB,EACrC,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAA,YAAA,EACtB,OAAO,CAAC,wBAAwB,CAAC,IAAI,CAAC,gBAEjD,OAAO,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAA,CAAA,CACb,EAC5BA,IAAC,cAAc,CAAC,UAAU,EAAA,QAAA,CAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,iBACZ,yBAAyB,EACrC,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAA,YAAA,EACtB,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAA,EAAA,EAAA,QAAA,EAE3C,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAA,CAAA,CACP,KACxB,CAAA,EAAA,CAAA,CACF,EACNA,IAAC,cAAc,CAAC,MAAM,EAAA,QAAA,CAAA,EAAA,aAAA,EACR,iBAAiB,gBACjB,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC3C,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,gBAAgB,gBAExB,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAA,CAAA,CACV,CAAA,EAAA,CAAA,CACpB;AAEV;;;;"}
@@ -38,7 +38,7 @@ var Feedback = function (_a) {
38
38
  handleEmojiClick(4);
39
39
  } }), jsx(Icons.Emoji.Grin, { className: styles.icon, fill: getEmojiColor(5), "data-color": getEmojiColor(5), "aria-label": langDic.grinEmoji[lang], onClick: function () {
40
40
  handleEmojiClick(5);
41
- } })] })), jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "caption2Regular", className: styles.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.descriptionText[lang] }, { children: langDic.descriptionText[lang] }))] }))] })), jsxs("div", __assign({ "data-testid": "Feedback_WRAP_INPUT", className: styles.card }, { children: [jsx(BaseComponents.Label, { variant: "small", isSpaced: true, text: langDic.titleFeedback[lang] }), jsxs("div", __assign({ className: styles.content, "data-testid": "Feedback_CONTENT_INPUT" }, { children: [jsx(BaseComponents.InputField, { id: "serviceFeedbackInput", ariaLabel: langDic.inputAriaLabel[lang], labelText: langDic.inputLabel[lang], value: value, onChange: onChange, autoExpand: true }), jsx(BaseComponents.Button, __assign({ size: "large", className: styles.button, onClick: onAction, "data-testid": "Feedback_BTN" }, { children: langDic.sendButton[lang] }))] }))] }))] })) }));
41
+ } })] })), jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "caption2Regular", className: styles.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.descriptionText[lang] }, { children: langDic.descriptionText[lang] }))] }))] })), jsxs("div", __assign({ "data-testid": "Feedback_WRAP_INPUT", className: styles.card }, { children: [jsx(BaseComponents.Label, { variant: "small", isSpaced: true, text: langDic.titleFeedback[lang] }), jsxs("div", __assign({ className: styles.content, "data-testid": "Feedback_CONTENT_INPUT" }, { children: [jsx(BaseComponents.TextareaField, { id: "serviceFeedbackInput", "aria-label": langDic.inputAriaLabel[lang], labelText: langDic.inputLabel[lang], value: value, onChange: onChange }), jsx(BaseComponents.Button, __assign({ size: "large", className: styles.button, onClick: onAction, "data-testid": "Feedback_BTN" }, { children: langDic.sendButton[lang] }))] }))] }))] })) }));
42
42
  };
43
43
 
44
44
  export { Feedback };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Feedback/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Feedback/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
@@ -0,0 +1,18 @@
1
+ var css_248z = ".HelpNotification-module_wrap__XimHR {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n z-index: 9;\n position: relative;\n}\n\n.HelpNotification-module_icon__eHsUX {\n display: block;\n height: 24px;\n}\n\n.HelpNotification-module_notification__Ru9Lf {\n width: max-content;\n position: absolute;\n top: 36px;\n right: -18px;\n}\n\n.HelpNotification-module_arrow__59tvT {\n height: 16px;\n fill: var(--surface-surface-2);\n position: absolute;\n top: -14px;\n right: 16px;\n}\n\n.HelpNotification-module_block__tA997 {\n width: fit-content;\n background: var(--surface-surface-2);\n padding: 16px 24px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 8px;\n border-radius: 12px;\n box-shadow: 0px 12px 32px 0px rgba(128, 130, 136, 0.12);\n}\n";
2
+ var styles = {"wrap":"HelpNotification-module_wrap__XimHR","icon":"HelpNotification-module_icon__eHsUX","notification":"HelpNotification-module_notification__Ru9Lf","arrow":"HelpNotification-module_arrow__59tvT","block":"HelpNotification-module_block__tA997"};
3
+ function styleInject(css, options) {
4
+ if (typeof document === 'undefined') return;
5
+ const head = document.head || document.getElementsByTagName('head')[0];
6
+ const style = document.createElement('style');
7
+ style.type = 'text/css';
8
+ if (style.styleSheet) {
9
+ style.styleSheet.cssText = css;
10
+ } else {
11
+ style.appendChild(document.createTextNode(css));
12
+ }
13
+ head.appendChild(style);
14
+ }
15
+ styleInject(css_248z);
16
+
17
+ export { styles as default };
18
+ //# sourceMappingURL=HelpNotification.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HelpNotification.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,23 @@
1
+ import { __assign } from 'tslib';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
3
+ import { useState } from 'react';
4
+ import styles from './HelpNotification.module.css.js';
5
+
6
+ var HelpNotification = function (_a) {
7
+ var icon = _a.icon, children = _a.children, handleOnClick = _a.handleOnClick, ariaLabel = _a.ariaLabel, dataTestid = _a.dataTestid;
8
+ var _b = useState(false), visible = _b[0], setVisible = _b[1];
9
+ var handleMouseEnter = function () {
10
+ setVisible(true);
11
+ };
12
+ var handleMouseLeave = function () {
13
+ setVisible(false);
14
+ };
15
+ return (jsxs("button", __assign({ type: "button", className: styles.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onClick: function () {
16
+ if (handleOnClick) {
17
+ handleOnClick();
18
+ }
19
+ }, tabIndex: 0, "aria-expanded": visible, "aria-label": ariaLabel }, { children: [jsx("div", __assign({ className: styles.icon, "data-testid": "HelpNotification_BUTTON" }, { children: icon })), visible && (jsxs("div", __assign({ className: styles.notification, "data-testid": "HelpNotification_NOTIFICATION" }, { children: [jsx("div", __assign({ className: styles.arrow, "data-testid": "HelpNotification_ARROW" }, { children: jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "28", height: "13", viewBox: "0 0 28 13" }, { children: jsx("path", { d: "M28 12.9988L0 12.9988C6.894 13.1061 10.7704 6.17509 12.6198 1.40184C13.0084 0.398973 14.9916 0.398973 15.3802 1.40184C17.2296 6.17509 21.106 13.1061 28 12.9988Z" }) })) })), jsx("div", __assign({ className: styles.block, "data-testid": "HelpNotification_BLOCK" }, { children: children }))] })))] })));
20
+ };
21
+
22
+ export { HelpNotification };
23
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAYO,IAAM,gBAAgB,GAAG,UAAC,EAMR,EAAA;AALvB,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA;IAEJ,IAAA,EAAA,GAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAAmB;AAE7C,IAAA,IAAM,gBAAgB,GAAG,YAAA;QACvB,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;AAED,IAAA,IAAM,gBAAgB,GAAG,YAAA;QACvB,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,QACEA,0BACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,IAAI,iBACT,UAAU,EACvB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EAAE,YAAA;AACP,YAAA,IAAI,aAAa,EAAE;AACjB,gBAAA,aAAa,EAAE;AAChB,YAAA;AACH,QAAA,CAAC,EACD,QAAQ,EAAE,CAAC,EAAA,eAAA,EACI,OAAO,EAAA,YAAA,EACV,SAAS,EAAA,EAAA,EAAA,QAAA,EAAA,CAErBC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EAAc,yBAAyB,EAAA,EAAA,EAAA,QAAA,EAC/D,IAAI,EAAA,CAAA,CACD,EACL,OAAO,KACND,uBACE,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,aAAA,EAClB,+BAA+B,iBAE3CC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,EAAA,EAAA,EAAA,QAAA,EAChEA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EAAA,EAAA,EAAA,QAAA,EAEnBA,cAAM,CAAC,EAAC,kKAAkK,EAAA,CAAG,IACzK,EAAA,CAAA,CACF,EACNA,sBAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,gBAC/D,QAAQ,EAAA,CAAA,CACL,KACF,CACP,CAAA,EAAA,CAAA,CACM;AAEb;;;;"}