@egov3/system-design 1.3.98 → 1.3.100

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 (107) hide show
  1. package/README.md +4 -0
  2. package/dist/cjs/baseComponents/SearchBar/SearchBar.module.css.js +2 -2
  3. package/dist/cjs/baseComponents/SearchBar/index.js +39 -15
  4. package/dist/cjs/baseComponents/SearchBar/index.js.map +1 -1
  5. package/dist/cjs/components/Identity/HelpInstruction/HelpInstruction.module.css.js +22 -0
  6. package/dist/cjs/components/Identity/HelpInstruction/HelpInstruction.module.css.js.map +1 -0
  7. package/dist/cjs/components/Identity/HelpInstruction/index.js +10 -0
  8. package/dist/cjs/components/Identity/HelpInstruction/index.js.map +1 -0
  9. package/dist/cjs/components/Messages/MsgSearch/index.js +2 -2
  10. package/dist/cjs/components/Messages/MsgSearch/index.js.map +1 -1
  11. package/dist/cjs/components/NotificationComponent/NotificationComponent.module.css.js +22 -0
  12. package/dist/cjs/components/NotificationComponent/NotificationComponent.module.css.js.map +1 -0
  13. package/dist/cjs/components/NotificationComponent/index.js +29 -0
  14. package/dist/cjs/components/NotificationComponent/index.js.map +1 -0
  15. package/dist/cjs/components/Presale/AccordionTitle/AccordionTitle.module.css.js +22 -0
  16. package/dist/cjs/components/Presale/AccordionTitle/AccordionTitle.module.css.js.map +1 -0
  17. package/dist/cjs/components/Presale/AccordionTitle/index.js +10 -0
  18. package/dist/cjs/components/Presale/AccordionTitle/index.js.map +1 -0
  19. package/dist/cjs/components/Presale/Instructions/Instructions.module.css.js +22 -0
  20. package/dist/cjs/components/Presale/Instructions/Instructions.module.css.js.map +1 -0
  21. package/dist/cjs/components/Presale/Instructions/index.js +10 -0
  22. package/dist/cjs/components/Presale/Instructions/index.js.map +1 -0
  23. package/dist/cjs/components/Presale/PassportDetails/PassportDetails.module.css.js +22 -0
  24. package/dist/cjs/components/Presale/PassportDetails/PassportDetails.module.css.js.map +1 -0
  25. package/dist/cjs/components/Presale/PassportDetails/index.js +10 -0
  26. package/dist/cjs/components/Presale/PassportDetails/index.js.map +1 -0
  27. package/dist/cjs/components/Presale/ServiceDetails/ServiceDetails.module.css.js +22 -0
  28. package/dist/cjs/components/Presale/ServiceDetails/ServiceDetails.module.css.js.map +1 -0
  29. package/dist/cjs/components/Presale/ServiceDetails/index.js +22 -0
  30. package/dist/cjs/components/Presale/ServiceDetails/index.js.map +1 -0
  31. package/dist/cjs/components/Presale/index.js +16 -0
  32. package/dist/cjs/components/Presale/index.js.map +1 -0
  33. package/dist/cjs/components/ServiceCardComponent/ServiceCardComponent.module.css.js +22 -0
  34. package/dist/cjs/components/ServiceCardComponent/ServiceCardComponent.module.css.js.map +1 -0
  35. package/dist/cjs/components/ServiceCardComponent/index.js +15 -0
  36. package/dist/cjs/components/ServiceCardComponent/index.js.map +1 -0
  37. package/dist/cjs/components/index.js +50 -42
  38. package/dist/cjs/components/index.js.map +1 -1
  39. package/dist/cjs/constants/i18n/Common.js +20 -0
  40. package/dist/cjs/constants/i18n/Common.js.map +1 -1
  41. package/dist/cjs/constants/i18n/SearchBar.js +22 -0
  42. package/dist/cjs/constants/i18n/SearchBar.js.map +1 -0
  43. package/dist/cjs/constants/i18n/index.js +2 -2
  44. package/dist/cjs/constants/i18n/index.js.map +1 -1
  45. package/dist/cjs/styles/colors.css.js +1 -1
  46. package/dist/cjs/utils/debounce.js +23 -0
  47. package/dist/cjs/utils/debounce.js.map +1 -0
  48. package/dist/esm/baseComponents/SearchBar/SearchBar.module.css.js +2 -2
  49. package/dist/esm/baseComponents/SearchBar/index.js +40 -16
  50. package/dist/esm/baseComponents/SearchBar/index.js.map +1 -1
  51. package/dist/esm/components/Identity/HelpInstruction/HelpInstruction.module.css.js +18 -0
  52. package/dist/esm/components/Identity/HelpInstruction/HelpInstruction.module.css.js.map +1 -0
  53. package/dist/esm/components/Identity/HelpInstruction/index.js +8 -0
  54. package/dist/esm/components/Identity/HelpInstruction/index.js.map +1 -0
  55. package/dist/esm/components/Messages/MsgSearch/index.js +2 -2
  56. package/dist/esm/components/Messages/MsgSearch/index.js.map +1 -1
  57. package/dist/esm/components/NotificationComponent/NotificationComponent.module.css.js +18 -0
  58. package/dist/esm/components/NotificationComponent/NotificationComponent.module.css.js.map +1 -0
  59. package/dist/esm/components/NotificationComponent/index.js +27 -0
  60. package/dist/esm/components/NotificationComponent/index.js.map +1 -0
  61. package/dist/esm/components/Presale/AccordionTitle/AccordionTitle.module.css.js +18 -0
  62. package/dist/esm/components/Presale/AccordionTitle/AccordionTitle.module.css.js.map +1 -0
  63. package/dist/esm/components/Presale/AccordionTitle/index.js +8 -0
  64. package/dist/esm/components/Presale/AccordionTitle/index.js.map +1 -0
  65. package/dist/esm/components/Presale/Instructions/Instructions.module.css.js +18 -0
  66. package/dist/esm/components/Presale/Instructions/Instructions.module.css.js.map +1 -0
  67. package/dist/esm/components/Presale/Instructions/index.js +8 -0
  68. package/dist/esm/components/Presale/Instructions/index.js.map +1 -0
  69. package/dist/esm/components/Presale/PassportDetails/PassportDetails.module.css.js +18 -0
  70. package/dist/esm/components/Presale/PassportDetails/PassportDetails.module.css.js.map +1 -0
  71. package/dist/esm/components/Presale/PassportDetails/index.js +8 -0
  72. package/dist/esm/components/Presale/PassportDetails/index.js.map +1 -0
  73. package/dist/esm/components/Presale/ServiceDetails/ServiceDetails.module.css.js +18 -0
  74. package/dist/esm/components/Presale/ServiceDetails/ServiceDetails.module.css.js.map +1 -0
  75. package/dist/esm/components/Presale/ServiceDetails/index.js +20 -0
  76. package/dist/esm/components/Presale/ServiceDetails/index.js.map +1 -0
  77. package/dist/esm/components/Presale/index.js +14 -0
  78. package/dist/esm/components/Presale/index.js.map +1 -0
  79. package/dist/esm/components/ServiceCardComponent/ServiceCardComponent.module.css.js +18 -0
  80. package/dist/esm/components/ServiceCardComponent/ServiceCardComponent.module.css.js.map +1 -0
  81. package/dist/esm/components/ServiceCardComponent/index.js +13 -0
  82. package/dist/esm/components/ServiceCardComponent/index.js.map +1 -0
  83. package/dist/esm/components/index.js +8 -0
  84. package/dist/esm/components/index.js.map +1 -1
  85. package/dist/esm/constants/i18n/Common.js +20 -0
  86. package/dist/esm/constants/i18n/Common.js.map +1 -1
  87. package/dist/esm/constants/i18n/SearchBar.js +20 -0
  88. package/dist/esm/constants/i18n/SearchBar.js.map +1 -0
  89. package/dist/esm/constants/i18n/index.js +2 -2
  90. package/dist/esm/constants/i18n/index.js.map +1 -1
  91. package/dist/esm/styles/colors.css.js +1 -1
  92. package/dist/esm/utils/debounce.js +21 -0
  93. package/dist/esm/utils/debounce.js.map +1 -0
  94. package/dist/types/baseComponents/SearchBar/index.d.ts +6 -1
  95. package/dist/types/components/Identity/HelpInstruction/index.d.ts +7 -0
  96. package/dist/types/components/NotificationComponent/index.d.ts +8 -0
  97. package/dist/types/components/Presale/AccordionTitle/index.d.ts +5 -0
  98. package/dist/types/components/Presale/Instructions/index.d.ts +7 -0
  99. package/dist/types/components/Presale/PassportDetails/index.d.ts +20 -0
  100. package/dist/types/components/Presale/ServiceDetails/index.d.ts +13 -0
  101. package/dist/types/components/ServiceCardComponent/index.d.ts +17 -0
  102. package/dist/types/index.d.ts +17 -1
  103. package/package.json +2 -2
  104. package/dist/cjs/constants/i18n/Messages/MsgSearch.js +0 -17
  105. package/dist/cjs/constants/i18n/Messages/MsgSearch.js.map +0 -1
  106. package/dist/esm/constants/i18n/Messages/MsgSearch.js +0 -15
  107. package/dist/esm/constants/i18n/Messages/MsgSearch.js.map +0 -1
package/README.md CHANGED
@@ -6,6 +6,10 @@
6
6
 
7
7
  Egov3/System-Design — это библиотека UI-компонентов с поддержкой Storybook. Включает в себя готовые элементы интерфейса, утилиты для работы с датами и улучшенные стили.
8
8
 
9
+ ## Requirements
10
+ - Node.js >= 18
11
+ - Yarn 1.x
12
+
9
13
  ## Установка
10
14
 
11
15
  С Yarn:
@@ -2,8 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var css_248z = ".SearchBar-module_searchLayout__VCBFD {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n}\n\n.SearchBar-module_searchIcon__w5c7b > :first-child {\n fill: var(--icon-secondary-color);\n}\n\n.SearchBar-module_clearIcon__tlykn > :first-child {\n fill: var(--icon-secondary-color);\n}\n\n.SearchBar-module_clearIcon__tlykn svg {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n\n.SearchBar-module_loadingIcon__v-WG9 {\n animation: SearchBar-module_loading__qptyx 1s linear infinite;\n}\n\n.SearchBar-module_loadingIcon__v-WG9 > :first-child {\n fill: var(--icon-accent-color);\n}\n\n@keyframes SearchBar-module_loading__qptyx {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.SearchBar-module_inputContainer__jvbxZ {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n border-radius: 8px;\n}\n\n.SearchBar-module_inputContainer--modal__5Ayyp {\n padding: 12px 16px;\n background: var(--surface-surface-white-nonconvert);\n box-shadow: 0 12px 32px 0 rgba(128, 130, 136, 0.5);\n}\n\n.SearchBar-module_inputContainer--default__82CUU {\n padding: 12px 16px;\n background: var(--surface-surface-1);\n}\n\n.SearchBar-module_inputContainer--chat__fXYm9 {\n padding: 6px 12px;\n background: var(--surface-surface-white-nonconvert);\n}\n\n.SearchBar-module_input__eZosz::placeholder {\n color: var(--text-disabled-color);\n}\n\n.SearchBar-module_iconWrapper__VHJrg {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.SearchBar-module_inputContainer--modal__5Ayyp .SearchBar-module_iconWrapper__VHJrg,\n.SearchBar-module_inputContainer--default__82CUU .SearchBar-module_iconWrapper__VHJrg,\n.SearchBar-module_inputContainer--modal__5Ayyp .SearchBar-module_clearIcon__tlykn,\n.SearchBar-module_inputContainer--default__82CUU .SearchBar-module_clearIcon__tlykn {\n height: 20px;\n width: 20px;\n}\n\n.SearchBar-module_inputContainer--chat__fXYm9 .SearchBar-module_iconWrapper__VHJrg,\n.SearchBar-module_inputContainer--chat__fXYm9 .SearchBar-module_clearIcon__tlykn {\n height: 16px;\n width: 16px;\n}\n\n.SearchBar-module_inputContainer--modal__5Ayyp input,\n.SearchBar-module_inputContainer--default__82CUU input {\n height: 24px;\n}\n\n.SearchBar-module_inputContainer--chat__fXYm9 input {\n height: 20px;\n}\n\n.SearchBar-module_input__eZosz {\n outline: none;\n border: none;\n width: 100%;\n background: transparent;\n}\n\n.SearchBar-module_input__eZosz:focus {\n caret-color: var(--default-primary-accent);\n}\n\nbutton {\n background: transparent;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n line-height: 0;\n}\n";
6
- var styles = {"searchLayout":"SearchBar-module_searchLayout__VCBFD","searchIcon":"SearchBar-module_searchIcon__w5c7b","clearIcon":"SearchBar-module_clearIcon__tlykn","loadingIcon":"SearchBar-module_loadingIcon__v-WG9","loading":"SearchBar-module_loading__qptyx","inputContainer":"SearchBar-module_inputContainer__jvbxZ","inputContainer--modal":"SearchBar-module_inputContainer--modal__5Ayyp","inputContainer--default":"SearchBar-module_inputContainer--default__82CUU","inputContainer--chat":"SearchBar-module_inputContainer--chat__fXYm9","input":"SearchBar-module_input__eZosz","iconWrapper":"SearchBar-module_iconWrapper__VHJrg"};
5
+ var css_248z = ".SearchBar-module_searchLayout__VCBFD {\n display: flex;\n align-items: center;\n gap: 8px;\n width: 100%;\n}\n\n.SearchBar-module_searchIcon__w5c7b > :first-child {\n fill: var(--icon-secondary-color);\n}\n\n.SearchBar-module_clearIcon__tlykn > :first-child {\n fill: var(--icon-secondary-color);\n}\n\n.SearchBar-module_clearIcon__tlykn svg {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n}\n\n.SearchBar-module_loadingIcon__v-WG9 {\n animation: SearchBar-module_loading__qptyx 1s linear infinite;\n}\n\n.SearchBar-module_loadingIcon__v-WG9 > :first-child {\n fill: var(--icon-accent-color);\n}\n\n@keyframes SearchBar-module_loading__qptyx {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.SearchBar-module_inputContainer__jvbxZ {\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1 0 0;\n border-radius: 8px;\n}\n\n.SearchBar-module_inputContainer--shadow__YJ6eS {\n padding: 12px 16px;\n background: var(--surface-surface-white-nonconvert);\n box-shadow: 0 12px 32px 0 rgba(128, 130, 136, 0.5);\n cursor: pointer;\n}\n\n.SearchBar-module_inputContainer--default__82CUU {\n padding: 12px 16px;\n background: var(--surface-surface-1);\n}\n\n.SearchBar-module_inputContainer--slim__B6Of8 {\n padding: 6px 12px;\n background: var(--surface-surface-white-nonconvert);\n}\n\n.SearchBar-module_input__eZosz::placeholder {\n color: var(--text-disabled-color);\n}\n\n.SearchBar-module_iconWrapper__VHJrg {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.SearchBar-module_inputContainer--shadow__YJ6eS .SearchBar-module_iconWrapper__VHJrg,\n.SearchBar-module_inputContainer--default__82CUU .SearchBar-module_iconWrapper__VHJrg,\n.SearchBar-module_inputContainer--shadow__YJ6eS .SearchBar-module_clearIcon__tlykn,\n.SearchBar-module_inputContainer--default__82CUU .SearchBar-module_clearIcon__tlykn {\n height: 20px;\n width: 20px;\n}\n\n.SearchBar-module_inputContainer--slim__B6Of8 .SearchBar-module_iconWrapper__VHJrg,\n.SearchBar-module_inputContainer--slim__B6Of8 .SearchBar-module_clearIcon__tlykn {\n height: 16px;\n width: 16px;\n}\n\n.SearchBar-module_inputContainer--shadow__YJ6eS input,\n.SearchBar-module_inputContainer--default__82CUU input {\n height: 24px;\n}\n\n.SearchBar-module_inputContainer--slim__B6Of8 input {\n height: 20px;\n}\n\n.SearchBar-module_input__eZosz {\n outline: none;\n border: none;\n width: 100%;\n background: transparent;\n}\n\n.SearchBar-module_input__eZosz:focus {\n caret-color: var(--default-primary-accent);\n}\n\nbutton {\n background: transparent;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n line-height: 0;\n}\n";
6
+ var styles = {"searchLayout":"SearchBar-module_searchLayout__VCBFD","searchIcon":"SearchBar-module_searchIcon__w5c7b","clearIcon":"SearchBar-module_clearIcon__tlykn","loadingIcon":"SearchBar-module_loadingIcon__v-WG9","loading":"SearchBar-module_loading__qptyx","inputContainer":"SearchBar-module_inputContainer__jvbxZ","inputContainer--shadow":"SearchBar-module_inputContainer--shadow__YJ6eS","inputContainer--default":"SearchBar-module_inputContainer--default__82CUU","inputContainer--slim":"SearchBar-module_inputContainer--slim__B6Of8","input":"SearchBar-module_input__eZosz","iconWrapper":"SearchBar-module_iconWrapper__VHJrg"};
7
7
  function styleInject(css, options) {
8
8
  if (typeof document === 'undefined') return;
9
9
  const head = document.head || document.getElementsByTagName('head')[0];
@@ -4,16 +4,30 @@ var jsxRuntime = require('react/jsx-runtime');
4
4
  var graphics = require('@egov3/graphics');
5
5
  var React = require('react');
6
6
  var index = require('../../constants/i18n/index.js');
7
+ var debounce = require('../../utils/debounce.js');
7
8
  var joinClasses = require('../../utils/joinClasses.js');
8
9
  var typography_module = require('../../styles/typography.module.css.js');
9
10
  var SearchBar_module = require('./SearchBar.module.css.js');
10
11
 
11
- const langDic = index.i18n.MsgSearch;
12
- const SearchBar = ({ lang, handleModalOpen, handleOnEnter, variant = "default", loading = false, disabled = false, defaultValue = "", showClearButton = true, }) => {
12
+ const langDic = index.i18n.SearchBar;
13
+ const SearchBar = ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handleOnChange, variant = "default", loading = false, disabled = false, defaultValue = "", showClearButton = true, placeholder = "", "aria-label": ariaLabel = "", debounceDelay = 300, }) => {
13
14
  const [value, setValue] = React.useState(defaultValue);
14
15
  const inputRef = React.useRef(null);
16
+ const debouncedOnChangeRef = React.useRef(null);
17
+ React.useEffect(() => {
18
+ debouncedOnChangeRef.current = debounce.debounce((value) => {
19
+ if (handleOnChange) {
20
+ handleOnChange(value);
21
+ }
22
+ }, debounceDelay);
23
+ return () => {
24
+ if (debouncedOnChangeRef.current) {
25
+ debouncedOnChangeRef.current.cancel();
26
+ }
27
+ };
28
+ }, [handleOnChange, debounceDelay]);
15
29
  const handleKeyDown = React.useCallback((event) => {
16
- if (disabled || loading)
30
+ if (disabled || loading || !!handleModalOpen)
17
31
  return;
18
32
  if (event.key === "Enter") {
19
33
  event.preventDefault();
@@ -21,27 +35,37 @@ const SearchBar = ({ lang, handleModalOpen, handleOnEnter, variant = "default",
21
35
  handleOnEnter(value.trim());
22
36
  }
23
37
  }
24
- }, [disabled, loading, handleOnEnter, value]);
38
+ }, [disabled, loading, handleModalOpen, handleOnEnter, value]);
25
39
  const handleClear = React.useCallback(() => {
26
40
  if (disabled || loading)
27
41
  return;
28
42
  setValue("");
29
- if (handleOnEnter) {
30
- handleOnEnter("");
43
+ if (debouncedOnChangeRef.current) {
44
+ debouncedOnChangeRef.current.cancel();
31
45
  }
46
+ handleOnEnter?.("");
47
+ handleOnChange?.("");
48
+ handleOnClear?.();
32
49
  inputRef.current?.focus();
33
- }, [disabled, loading, handleOnEnter]);
50
+ }, [disabled, loading, handleOnEnter, handleOnClear, handleOnChange]);
34
51
  const handleInputClick = React.useCallback((event) => {
35
- if (variant === "modal") {
36
- event.stopPropagation();
37
- if (handleModalOpen && !disabled) {
38
- handleModalOpen();
39
- }
52
+ event.stopPropagation();
53
+ if (handleModalOpen && !disabled) {
54
+ handleModalOpen();
55
+ }
56
+ }, [handleModalOpen, disabled]);
57
+ const handleChange = React.useCallback((e) => {
58
+ const newValue = e.target.value;
59
+ setValue(newValue);
60
+ if (debouncedOnChangeRef.current) {
61
+ debouncedOnChangeRef.current(newValue);
40
62
  }
41
- }, [variant, handleModalOpen, disabled]);
63
+ }, []);
42
64
  const inputContainerClasses = joinClasses.joinClasses(SearchBar_module.default.inputContainer, SearchBar_module.default[`inputContainer--${variant}`]);
43
- const inputClasses = joinClasses.joinClasses(SearchBar_module.default.input, variant === "chat" ? typography_module.default.body2Regular : typography_module.default.body1Regular);
44
- return (jsxRuntime.jsx("div", { "data-testid": "SearchBar_WRAPPER", className: SearchBar_module.default.searchLayout, "data-variant": variant, "data-loading": loading, "data-disabled": disabled, children: jsxRuntime.jsxs("div", { "data-testid": "SearchBar_INPUT_CONTAINER_WRAPPER", className: inputContainerClasses, children: [jsxRuntime.jsx("div", { className: SearchBar_module.default.iconWrapper, children: loading ? (jsxRuntime.jsx(graphics.Icons.General.Loader, { className: SearchBar_module.default.loadingIcon, "data-testid": "SearchBar_LOADING_ICON" })) : (jsxRuntime.jsx(graphics.Icons.General.Search, { className: SearchBar_module.default.searchIcon, "data-testid": "SearchBar_SEARCH_ICON" })) }), jsxRuntime.jsx("input", { ref: inputRef, "data-testid": "SearchBar_INPUT", value: value, onChange: (e) => setValue(e.target.value), disabled: disabled, readOnly: variant === "modal", "aria-label": langDic.MsgSearchInputPlaceHolder[lang], placeholder: langDic.MsgSearchInputPlaceHolder[lang], onClick: handleInputClick, onKeyDown: variant === "modal" ? undefined : handleKeyDown, className: inputClasses }), showClearButton && value.length > 0 && variant !== "modal" && (jsxRuntime.jsx("button", { "data-testid": "SearchBar_CLEAR_BUTTON", type: "button", onClick: handleClear, className: SearchBar_module.default.clearButton, "aria-label": "Clear search", disabled: disabled, children: jsxRuntime.jsx(graphics.Icons.General.Clear, { className: SearchBar_module.default.clearIcon, "data-testid": "SearchBar_CLEAR_ICON" }) }))] }) }));
65
+ const inputClasses = joinClasses.joinClasses(SearchBar_module.default.input, variant === "slim" ? typography_module.default.body2Regular : typography_module.default.body1Regular);
66
+ const placeholderText = placeholder || langDic.SearchInputPlaceHolder[lang];
67
+ const ariaLabelText = ariaLabel || langDic.SearchInputAriaLabel[lang];
68
+ return (jsxRuntime.jsx("div", { "data-testid": "SearchBar_WRAPPER", className: SearchBar_module.default.searchLayout, "data-variant": variant, "data-loading": loading, "data-disabled": disabled, children: jsxRuntime.jsxs("div", { "data-testid": "SearchBar_INPUT_CONTAINER_WRAPPER", className: inputContainerClasses, children: [jsxRuntime.jsx("div", { className: SearchBar_module.default.iconWrapper, "data-testid": "SearchBar_ICON_WRAP", children: loading ? (jsxRuntime.jsx(graphics.Icons.General.Loader, { className: SearchBar_module.default.loadingIcon, "data-testid": "SearchBar_LOADING_ICON" })) : (jsxRuntime.jsx(graphics.Icons.General.Search, { className: SearchBar_module.default.searchIcon, "data-testid": "SearchBar_SEARCH_ICON" })) }), jsxRuntime.jsx("input", { ref: inputRef, "data-testid": "SearchBar_INPUT", value: value, onChange: handleChange, disabled: disabled, readOnly: !!handleModalOpen, "aria-label": ariaLabelText, placeholder: placeholderText, onClick: handleInputClick, onKeyDown: handleKeyDown, className: inputClasses }), showClearButton && value.length > 0 && !handleModalOpen && (jsxRuntime.jsx("button", { "data-testid": "SearchBar_CLEAR_BUTTON", type: "button", onClick: handleClear, className: SearchBar_module.default.clearButton, "aria-label": langDic.ClearSearch[lang], disabled: disabled, children: jsxRuntime.jsx(graphics.Icons.General.Clear, { className: SearchBar_module.default.clearIcon, "data-testid": "SearchBar_CLEAR_ICON" }) }))] }) }));
45
69
  };
46
70
 
47
71
  exports.SearchBar = SearchBar;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SearchBar/index.tsx"],"sourcesContent":[null],"names":["i18n","useState","useRef","useCallback","joinClasses","styles","typography","_jsx","_jsxs","Icons"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SearchBar/index.tsx"],"sourcesContent":[null],"names":["i18n","useState","useRef","useEffect","debounce","useCallback","joinClasses","styles","typography","_jsx","_jsxs","Icons"],"mappings":"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"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".HelpInstruction-module_wrap__v-RCi {\n display: flex;\n align-items: center;\n gap: 4px;\n justify-content: center;\n}\n\n.HelpInstruction-module_link__31fsd {\n color: var(--default-primary-accent);\n text-decoration: none;\n}\n";
6
+ var styles = {"wrap":"HelpInstruction-module_wrap__v-RCi","link":"HelpInstruction-module_link__31fsd"};
7
+ function styleInject(css, options) {
8
+ if (typeof document === 'undefined') return;
9
+ const head = document.head || document.getElementsByTagName('head')[0];
10
+ const style = document.createElement('style');
11
+ style.type = 'text/css';
12
+ if (style.styleSheet) {
13
+ style.styleSheet.cssText = css;
14
+ } else {
15
+ style.appendChild(document.createTextNode(css));
16
+ }
17
+ head.appendChild(style);
18
+ }
19
+ styleInject(css_248z);
20
+
21
+ exports.default = styles;
22
+ //# sourceMappingURL=HelpInstruction.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HelpInstruction.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var index = require('../../../baseComponents/index.js');
5
+ var HelpInstruction_module = require('./HelpInstruction.module.css.js');
6
+
7
+ const HelpInstruction = ({ description, linkText, link, }) => (jsxRuntime.jsxs("div", { className: HelpInstruction_module.default.wrap, "data-testid": "HelpInstruction_WRAP", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": description, "data-testid": "HelpInstruction_DESCRIPTION", fontClass: "caption1Regular", tag: "span", children: description }), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": linkText, "data-testid": "HelpInstructionLink_TEXT", fontClass: "caption1Regular", tag: "span", children: jsxRuntime.jsx("a", { className: HelpInstruction_module.default.link, "data-testid": "HelpInstruction_LINK", href: link, rel: "noopener noreferrer", target: "_blank", children: linkText }) })] }));
8
+
9
+ exports.HelpInstruction = HelpInstruction;
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/HelpInstruction/index.tsx"],"sourcesContent":[null],"names":["_jsxs","styles","_jsx","BaseComponents"],"mappings":";;;;;;AASO,MAAM,eAAe,GAAG,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,IAAI,GACkB,MACtBA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,8BAAM,CAAC,IAAI,EAAA,aAAA,EAAc,sBAAsB,EAAA,QAAA,EAAA,CAC7DC,cAAA,CAACC,oBAAc,CAAC,UAAU,kBACZ,WAAW,EAAA,aAAA,EACX,6BAA6B,EACzC,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAC,MAAM,YAET,WAAW,EAAA,CACc,EAC5BD,cAAA,CAACC,oBAAc,CAAC,UAAU,kBACZ,QAAQ,EAAA,aAAA,EACR,0BAA0B,EACtC,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAC,MAAM,YAEVD,cAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAED,8BAAM,CAAC,IAAI,EAAA,aAAA,EACV,sBAAsB,EAClC,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,EAAA,QAAA,EAEd,QAAQ,GACP,EAAA,CACsB,CAAA,EAAA,CACxB;;;;"}
@@ -5,9 +5,9 @@ var index = require('../../../baseComponents/index.js');
5
5
  var index$1 = require('../../../constants/i18n/index.js');
6
6
  var MsgSearch_module = require('./MsgSearch.module.css.js');
7
7
 
8
- const langDic = index$1.i18n.MsgSearch;
8
+ const langDic = index$1.i18n.Common;
9
9
  const MsgSearch = ({ lang, handleClose, handleOnEnter, }) => {
10
- return (jsxRuntime.jsxs("div", { "data-testid": "MsgSearch_WRAPPER", className: MsgSearch_module.default.searchLayout, children: [jsxRuntime.jsx(index.BaseComponents.SearchBar, { variant: "chat", lang: lang, handleOnEnter: handleOnEnter }), jsxRuntime.jsx(index.BaseComponents.Button, { "data-testid": "MsgSearch_CLOSE", "aria-label": langDic.MsgSearchButton[lang], size: "small", variant: "tinted", onClick: handleClose, children: langDic.MsgSearchButton[lang] })] }));
10
+ return (jsxRuntime.jsxs("div", { "data-testid": "MsgSearch_WRAPPER", className: MsgSearch_module.default.searchLayout, children: [jsxRuntime.jsx(index.BaseComponents.SearchBar, { variant: "slim", lang: lang, handleOnEnter: handleOnEnter }), jsxRuntime.jsx(index.BaseComponents.Button, { "data-testid": "MsgSearch_CLOSE", "aria-label": langDic.CloseBtn[lang], size: "small", variant: "tinted", onClick: handleClose, children: langDic.CloseBtn[lang] })] }));
11
11
  };
12
12
 
13
13
  exports.MsgSearch = MsgSearch;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/MsgSearch/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsxs","styles","_jsx","BaseComponents"],"mappings":";;;;;;;AAUA,MAAM,OAAO,GAAGA,YAAI,CAAC,SAAS;AAEvB,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,WAAW,EACX,aAAa,GACG,KAAI;AACpB,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,mBAAmB,EAAC,SAAS,EAAEC,wBAAM,CAAC,YAAY,EAAA,QAAA,EAAA,CACjEC,cAAA,CAACC,oBAAc,CAAC,SAAS,EAAA,EACvB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAAA,CAC5B,EACFD,eAACC,oBAAc,CAAC,MAAM,EAAA,EAAA,aAAA,EACR,iBAAiB,EAAA,YAAA,EACjB,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EACzC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,WAAW,EAAA,QAAA,EAEnB,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EAAA,CACR,CAAA,EAAA,CACpB;AAEV;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/MsgSearch/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsxs","styles","_jsx","BaseComponents"],"mappings":";;;;;;;AAUA,MAAM,OAAO,GAAGA,YAAI,CAAC,MAAM;AAEpB,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,WAAW,EACX,aAAa,GACG,KAAI;AACpB,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,mBAAmB,EAAC,SAAS,EAAEC,wBAAM,CAAC,YAAY,EAAA,QAAA,EAAA,CACjEC,cAAA,CAACC,oBAAc,CAAC,SAAS,EAAA,EACvB,OAAO,EAAC,MAAM,EACd,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAAA,CAC5B,EACFD,eAACC,oBAAc,CAAC,MAAM,EAAA,EAAA,aAAA,EACR,iBAAiB,EAAA,YAAA,EACjB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,WAAW,EAAA,QAAA,EAEnB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,CACD,CAAA,EAAA,CACpB;AAEV;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".NotificationComponent-module_snackbar__KQKHo {\n position: fixed;\n top: 24px;\n left: 50%;\n transform: translateX(-50%);\n padding: 16px 20px;\n border-radius: 12px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n z-index: 1000;\n box-shadow: 0px 12px 32px 0px rgba(128, 130, 136, 0.12);\n}\n\n.NotificationComponent-module_snackbar__KQKHo .NotificationComponent-module_text__YNCyD {\n color: var(--text-white-nonconvert-color);\n}\n\n.NotificationComponent-module_success__CSgbV {\n background-color: var(--icon-success);\n}\n\n.NotificationComponent-module_error__xiTCd {\n background-color: var(--icon-error-color);\n}\n\n.NotificationComponent-module_info__45pPe {\n background-color: var(--icon-accent-color);\n}\n\n.NotificationComponent-module_warning__wNp3m {\n background-color: var(--icon-warning-color);\n}\n";
6
+ var styles = {"snackbar":"NotificationComponent-module_snackbar__KQKHo","text":"NotificationComponent-module_text__YNCyD","success":"NotificationComponent-module_success__CSgbV","error":"NotificationComponent-module_error__xiTCd","info":"NotificationComponent-module_info__45pPe","warning":"NotificationComponent-module_warning__wNp3m"};
7
+ function styleInject(css, options) {
8
+ if (typeof document === 'undefined') return;
9
+ const head = document.head || document.getElementsByTagName('head')[0];
10
+ const style = document.createElement('style');
11
+ style.type = 'text/css';
12
+ if (style.styleSheet) {
13
+ style.styleSheet.cssText = css;
14
+ } else {
15
+ style.appendChild(document.createTextNode(css));
16
+ }
17
+ head.appendChild(style);
18
+ }
19
+ styleInject(css_248z);
20
+
21
+ exports.default = styles;
22
+ //# sourceMappingURL=NotificationComponent.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NotificationComponent.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var graphics = require('@egov3/graphics');
5
+ var React = require('react');
6
+ var index = require('../../baseComponents/index.js');
7
+ var joinClasses = require('../../utils/joinClasses.js');
8
+ var toPascalCase = require('../../utils/string/toPascalCase.js');
9
+ var NotificationComponent_module = require('./NotificationComponent.module.css.js');
10
+
11
+ const notificationIconTypes = {
12
+ success: graphics.Icons.Basic.Check,
13
+ error: graphics.Icons.General.Clear,
14
+ warning: graphics.Icons.General.WarningFilled,
15
+ info: graphics.Icons.General.InfoFilled,
16
+ };
17
+ const NotificationComponent = ({ type = "info", text, toggleNotification, }) => {
18
+ const Icon = notificationIconTypes[type];
19
+ React.useEffect(() => {
20
+ const timer = setTimeout(() => {
21
+ toggleNotification(false);
22
+ }, 5000);
23
+ return () => clearTimeout(timer);
24
+ }, [toggleNotification]);
25
+ return (jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(NotificationComponent_module.default.snackbar, NotificationComponent_module.default[type]), "data-testid": "NotificationComponent_SNACKBAR", children: [jsxRuntime.jsx(Icon, { fill: "var(--icon-white-nonconvert-color)", "data-testid": `NotificationComponentIcon_${toPascalCase.toPascalCase(type)}` }), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": text, className: NotificationComponent_module.default.text, "data-testid": "NotificationComponent_TEXT", fontClass: "body2Regular", tag: "span", children: text })] }));
26
+ };
27
+
28
+ exports.NotificationComponent = NotificationComponent;
29
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/NotificationComponent/index.tsx"],"sourcesContent":[null],"names":["Icons","useEffect","_jsxs","joinClasses","styles","_jsx","toPascalCase","BaseComponents"],"mappings":";;;;;;;;;;AASA,MAAM,qBAAqB,GAAG;AAC5B,IAAA,OAAO,EAAEA,cAAK,CAAC,KAAK,CAAC,KAAK;AAC1B,IAAA,KAAK,EAAEA,cAAK,CAAC,OAAO,CAAC,KAAK;AAC1B,IAAA,OAAO,EAAEA,cAAK,CAAC,OAAO,CAAC,aAAa;AACpC,IAAA,IAAI,EAAEA,cAAK,CAAC,OAAO,CAAC,UAAU;CAI/B;AAQM,MAAM,qBAAqB,GAAG,CAAC,EACpC,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,kBAAkB,GACU,KAAI;AAChC,IAAA,MAAM,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC;IAExCC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,MAAK;YAC5B,kBAAkB,CAAC,KAAK,CAAC;QAC3B,CAAC,EAAE,IAAI,CAAC;AAER,QAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;AAClC,IAAA,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAExB,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,uBAAW,CAACC,oCAAM,CAAC,QAAQ,EAAEA,oCAAM,CAAC,IAAI,CAAC,CAAC,EAAA,aAAA,EACzC,gCAAgC,EAAA,QAAA,EAAA,CAE5CC,cAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAC,oCAAoC,EAAA,aAAA,EAC5B,CAAA,0BAAA,EAA6BC,yBAAY,CAAC,IAAI,CAAC,CAAA,CAAE,EAAA,CAC9D,EACFD,cAAA,CAACE,oBAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,IAAI,EAChB,SAAS,EAAEH,oCAAM,CAAC,IAAI,EAAA,aAAA,EACV,4BAA4B,EACxC,SAAS,EAAC,cAAc,EACxB,GAAG,EAAC,MAAM,EAAA,QAAA,EAET,IAAI,EAAA,CACqB,CAAA,EAAA,CACxB;AAEV;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".AccordionTitle-module_title__-OMSd {\n display: block;\n color: var(--icon-secondary-color);\n}\n";
6
+ var styles = {"title":"AccordionTitle-module_title__-OMSd"};
7
+ function styleInject(css, options) {
8
+ if (typeof document === 'undefined') return;
9
+ const head = document.head || document.getElementsByTagName('head')[0];
10
+ const style = document.createElement('style');
11
+ style.type = 'text/css';
12
+ if (style.styleSheet) {
13
+ style.styleSheet.cssText = css;
14
+ } else {
15
+ style.appendChild(document.createTextNode(css));
16
+ }
17
+ head.appendChild(style);
18
+ }
19
+ styleInject(css_248z);
20
+
21
+ exports.default = styles;
22
+ //# sourceMappingURL=AccordionTitle.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccordionTitle.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var index = require('../../../baseComponents/index.js');
5
+ var AccordionTitle_module = require('./AccordionTitle.module.css.js');
6
+
7
+ const AccordionTitle = ({ title }) => (jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": title, className: AccordionTitle_module.default.title, "data-testid": "Accordion_TITLE", fontClass: "body1Medium", tag: "span", children: title }));
8
+
9
+ exports.AccordionTitle = AccordionTitle;
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/AccordionTitle/index.tsx"],"sourcesContent":[null],"names":["_jsx","BaseComponents","styles"],"mappings":";;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAwB,MAC5DA,cAAA,CAACC,oBAAc,CAAC,UAAU,kBACZ,KAAK,EACjB,SAAS,EAAEC,6BAAM,CAAC,KAAK,EAAA,aAAA,EACX,iBAAiB,EAC7B,SAAS,EAAC,aAAa,EACvB,GAAG,EAAC,MAAM,YAET,KAAK,EAAA,CACoB;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".Instructions-module_accordionBody__LhrR4 {\n padding: 16px 0;\n}\n\n.Instructions-module_listItem__3KOEe {\n display: flex;\n}\n\n.Instructions-module_blockItem__n--jY {\n margin-right: 14px;\n}\n\n.Instructions-module_itemNumber__p14UE {\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 20px;\n height: 20px;\n font-size: 10px;\n color: var(--default-white-color);\n background: var(--default-primary-accent);\n border-radius: 100%;\n z-index: -1;\n}\n\n.Instructions-module_itemLine__iwce4 {\n margin: 2px auto;\n width: 1px;\n height: 20px;\n background: var(--text-disabled-color);\n}\n\n.Instructions-module_listItem__3KOEe:last-child .Instructions-module_itemLine__iwce4 {\n width: 0;\n height: 0;\n}\n\n.Instructions-module_itemDescription__ErV2V {\n color: var(--text-primary);\n}\n";
6
+ var styles = {"accordionBody":"Instructions-module_accordionBody__LhrR4","listItem":"Instructions-module_listItem__3KOEe","blockItem":"Instructions-module_blockItem__n--jY","itemNumber":"Instructions-module_itemNumber__p14UE","itemLine":"Instructions-module_itemLine__iwce4","itemDescription":"Instructions-module_itemDescription__ErV2V"};
7
+ function styleInject(css, options) {
8
+ if (typeof document === 'undefined') return;
9
+ const head = document.head || document.getElementsByTagName('head')[0];
10
+ const style = document.createElement('style');
11
+ style.type = 'text/css';
12
+ if (style.styleSheet) {
13
+ style.styleSheet.cssText = css;
14
+ } else {
15
+ style.appendChild(document.createTextNode(css));
16
+ }
17
+ head.appendChild(style);
18
+ }
19
+ styleInject(css_248z);
20
+
21
+ exports.default = styles;
22
+ //# sourceMappingURL=Instructions.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Instructions.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var index = require('../../../baseComponents/index.js');
5
+ var Instructions_module = require('./Instructions.module.css.js');
6
+
7
+ const Instructions = ({ instructions, lang }) => (jsxRuntime.jsx("ol", { className: Instructions_module.default.accordionBody, "data-testid": "InstructionsOrder_LIST", children: instructions.map((item, index$1) => (jsxRuntime.jsxs("li", { className: Instructions_module.default.listItem, "data-testid": "InstructionsList_ITEMS", children: [jsxRuntime.jsxs("div", { className: Instructions_module.default.blockItem, "data-testid": "InstructionsBlock_ITEM", children: [jsxRuntime.jsx("div", { className: Instructions_module.default.itemNumber, "data-testid": "InstructionsItem_NUMBER", children: index$1 + 1 }), jsxRuntime.jsx("div", { className: Instructions_module.default.itemLine, "data-testid": "InstructionsList_LINE" })] }), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": item[lang], tag: "span", fontClass: "body2Regular", className: Instructions_module.default.itemDescription, "data-testid": "InstructionsListItem_TEXT", children: item[lang] })] }, item[lang]))) }));
8
+
9
+ exports.Instructions = Instructions;
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/Instructions/index.tsx"],"sourcesContent":[null],"names":["_jsx","styles","index","_jsxs","BaseComponents"],"mappings":";;;;;;AAQO,MAAM,YAAY,GAAG,CAAC,EAAE,YAAY,EAAE,IAAI,EAAsB,MACrEA,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEC,2BAAM,CAAC,aAAa,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EACtE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAEC,OAAK,MAC5BC,eAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAEF,2BAAM,CAAC,QAAQ,EAAA,aAAA,EACd,wBAAwB,EAAA,QAAA,EAAA,CAGpCE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,2BAAM,CAAC,SAAS,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAAA,CACpED,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,2BAAM,CAAC,UAAU,iBAChB,yBAAyB,EAAA,QAAA,EAEpCC,OAAK,GAAG,CAAC,EAAA,CACN,EACNF,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,2BAAM,CAAC,QAAQ,EAAA,aAAA,EACd,uBAAuB,EAAA,CACnC,CAAA,EAAA,CACE,EACND,cAAA,CAACI,oBAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,IAAI,CAAC,IAAI,CAAC,EACtB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EACxB,SAAS,EAAEH,2BAAM,CAAC,eAAe,EAAA,aAAA,EACrB,2BAA2B,EAAA,QAAA,EAEtC,IAAI,CAAC,IAAI,CAAC,EAAA,CACe,CAAA,EAAA,EAtBvB,IAAI,CAAC,IAAI,CAAC,CAuBZ,CACN,CAAC,EAAA,CACC;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".PassportDetails-module_passportDetailsWrapper__l4ZiP {\n padding: 0px 16px 16px 16px;\n}\n\n.PassportDetails-module_serviceDetailsItem__ngekK {\n padding: 8px 0px;\n}\n\n.PassportDetails-module_itemTitle__2TWUW {\n display: block;\n color: var(--icon-secondary-color);\n}\n\n.PassportDetails-module_itemLink__k4hn- {\n margin-left: 20px;\n line-clamp: 4;\n color: var(--text-primary);\n}\n\n.PassportDetails-module_itemDescription__yN5E- {\n color: var(--text-primary);\n}\n\n.PassportDetails-module_listMark__rY4o0 {\n list-style-type: disc;\n}\n\n.PassportDetails-module_link__sWyA6 {\n color: var(--default-primary-accent);\n text-decoration: none;\n}\n";
6
+ var styles = {"passportDetailsWrapper":"PassportDetails-module_passportDetailsWrapper__l4ZiP","serviceDetailsItem":"PassportDetails-module_serviceDetailsItem__ngekK","itemTitle":"PassportDetails-module_itemTitle__2TWUW","itemLink":"PassportDetails-module_itemLink__k4hn-","itemDescription":"PassportDetails-module_itemDescription__yN5E-","listMark":"PassportDetails-module_listMark__rY4o0","link":"PassportDetails-module_link__sWyA6"};
7
+ function styleInject(css, options) {
8
+ if (typeof document === 'undefined') return;
9
+ const head = document.head || document.getElementsByTagName('head')[0];
10
+ const style = document.createElement('style');
11
+ style.type = 'text/css';
12
+ if (style.styleSheet) {
13
+ style.styleSheet.cssText = css;
14
+ } else {
15
+ style.appendChild(document.createTextNode(css));
16
+ }
17
+ head.appendChild(style);
18
+ }
19
+ styleInject(css_248z);
20
+
21
+ exports.default = styles;
22
+ //# sourceMappingURL=PassportDetails.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PassportDetails.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,10 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var index = require('../../../baseComponents/index.js');
5
+ var PassportDetails_module = require('./PassportDetails.module.css.js');
6
+
7
+ const PassportDetails = ({ details, lang }) => (jsxRuntime.jsx("div", { "data-testid": "PassportDetails_WRAPPER", className: PassportDetails_module.default.passportDetailsWrapper, children: details.map((item) => (jsxRuntime.jsxs("div", { "data-testid": "PassportDetails_WRAP", className: PassportDetails_module.default.serviceDetailsItem, children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "caption1Regular", "data-testid": "PassportDetails_TITLE", className: PassportDetails_module.default.itemTitle, children: item.title[lang] }), item.type === "list" ? (jsxRuntime.jsx("ul", { "data-testid": "PassportDetailsUnordered_LIST", className: PassportDetails_module.default.listMark, children: item.listItems.map((listItem) => (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "li", fontClass: "body2Regular", "data-testid": "PassportDetails_LIST", className: PassportDetails_module.default.itemLink, children: listItem.linkUrl ? (jsxRuntime.jsx("a", { className: PassportDetails_module.default.link, "data-testid": "PassportDetails_LINK", href: listItem.linkUrl, target: "_blank", rel: "noopener noreferrer", children: listItem.text[lang] })) : (listItem.text[lang]) }, listItem.text[lang]))) })) : (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body2Regular", "data-testid": "PassportDetails_DESCRIPTION", className: PassportDetails_module.default.itemDescription, children: item.description[lang] }))] }, item.title[lang]))) }));
8
+
9
+ exports.PassportDetails = PassportDetails;
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/PassportDetails/index.tsx"],"sourcesContent":[null],"names":["_jsx","styles","_jsxs","BaseComponents"],"mappings":";;;;;;AAyBO,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAyB,MACtEA,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,yBAAyB,EACrC,SAAS,EAAEC,8BAAM,CAAC,sBAAsB,EAAA,QAAA,EAEvC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,MAChBC,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,sBAAsB,EAClC,SAAS,EAAED,8BAAM,CAAC,kBAAkB,aAGpCD,cAAA,CAACG,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,iBAAiB,EAAA,aAAA,EACf,uBAAuB,EACnC,SAAS,EAAEF,8BAAM,CAAC,SAAS,EAAA,QAAA,EAE1B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAA,CACS,EAC3B,IAAI,CAAC,IAAI,KAAK,MAAM,IACnBD,cAAA,CAAA,IAAA,EAAA,EAAA,aAAA,EACc,+BAA+B,EAC3C,SAAS,EAAEC,8BAAM,CAAC,QAAQ,EAAA,QAAA,EAEzB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MAC3BD,cAAA,CAACG,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAElC,SAAS,EAAEF,8BAAM,CAAC,QAAQ,YAEzB,QAAQ,CAAC,OAAO,IACfD,cAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAEC,8BAAM,CAAC,IAAI,EAAA,aAAA,EACV,sBAAsB,EAClC,IAAI,EAAE,QAAQ,CAAC,OAAO,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EAAA,QAAA,EAExB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,CAClB,KAEJ,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CACpB,EAAA,EAfI,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAgBE,CAC7B,CAAC,EAAA,CACC,KAELD,cAAA,CAACG,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,6BAA6B,EACzC,SAAS,EAAEF,8BAAM,CAAC,eAAe,EAAA,QAAA,EAEhC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAA,CACG,CAC7B,CAAA,EAAA,EAhDI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAiDjB,CACP,CAAC,EAAA,CACE;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".ServiceDetails-module_errorBtn__LntFs {\n flex: 0 1 auto;\n}\n\n.ServiceDetails-module_accordionBody__hAs2N {\n padding: 16px 0;\n border-bottom: 1px solid var(--surface-surface-1);\n}\n\n.ServiceDetails-module_serviceDetailsItem__fL3Qr {\n padding: 8px 0px;\n}\n\n.ServiceDetails-module_itemTitle__ESRZ7 {\n display: block;\n color: var(--icon-secondary-color);\n}\n\n.ServiceDetails-module_itemDescription__xJStG {\n color: var(--text-primary);\n white-space: pre-line;\n}\n\n.ServiceDetails-module_AccordionFooter__6fvsM {\n display: flex;\n align-items: center;\n gap: 16px;\n border-top: 1px var(--surface-surface-1);\n padding: 16px 0;\n}\n\n.ServiceDetails-module_informError__CGwG4 {\n color: var(--text-secondary);\n flex: 1 0 0;\n}\n\n.ServiceDetails-module_showPassportBtn__YVAEM {\n color: var(--text-accent);\n}\n";
6
+ var styles = {"errorBtn":"ServiceDetails-module_errorBtn__LntFs","accordionBody":"ServiceDetails-module_accordionBody__hAs2N","serviceDetailsItem":"ServiceDetails-module_serviceDetailsItem__fL3Qr","itemTitle":"ServiceDetails-module_itemTitle__ESRZ7","itemDescription":"ServiceDetails-module_itemDescription__xJStG","AccordionFooter":"ServiceDetails-module_AccordionFooter__6fvsM","informError":"ServiceDetails-module_informError__CGwG4","showPassportBtn":"ServiceDetails-module_showPassportBtn__YVAEM"};
7
+ function styleInject(css, options) {
8
+ if (typeof document === 'undefined') return;
9
+ const head = document.head || document.getElementsByTagName('head')[0];
10
+ const style = document.createElement('style');
11
+ style.type = 'text/css';
12
+ if (style.styleSheet) {
13
+ style.styleSheet.cssText = css;
14
+ } else {
15
+ style.appendChild(document.createTextNode(css));
16
+ }
17
+ head.appendChild(style);
18
+ }
19
+ styleInject(css_248z);
20
+
21
+ exports.default = styles;
22
+ //# sourceMappingURL=ServiceDetails.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ServiceDetails.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var React = require('react');
5
+ var index = require('../../../baseComponents/index.js');
6
+ var index$1 = require('../../../constants/i18n/index.js');
7
+ var index$2 = require('../PassportDetails/index.js');
8
+ var ServiceDetails_module = require('./ServiceDetails.module.css.js');
9
+
10
+ const ServiceDetails = ({ passportDetails, servicesDetails, lang, }) => {
11
+ const [isShowPassport, setIsShowPassport] = React.useState(false);
12
+ const langDic = index$1.i18n.Common;
13
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: ServiceDetails_module.default.accordionBody, "data-testid": "ServiceDetails_BODY", children: servicesDetails.map((item) => (jsxRuntime.jsxs("div", { className: ServiceDetails_module.default.serviceDetailsItem, "data-testid": "ServiceDetails_ITEM", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": item.title[lang], className: ServiceDetails_module.default.itemTitle, "data-testid": "ServiceDetails_TITLE", fontClass: "caption1Regular", tag: "span", children: item.title[lang] }), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": item.description[lang], className: ServiceDetails_module.default.itemDescription, "data-testid": "ServiceDetails_DESCRIPTION", fontClass: "body2Regular", tag: "span", children: item.description[lang] })] }, item.title[lang]))) }), jsxRuntime.jsxs("div", { className: ServiceDetails_module.default.AccordionFooter, "data-testid": "ServiceDetails_FOOTER", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": langDic.informError[lang], className: ServiceDetails_module.default.informError, "data-testid": "ServiceDetails_ERROR", fontClass: "caption1Regular", tag: "p", children: langDic.informError[lang] }), jsxRuntime.jsx(index.BaseComponents.Button, { className: ServiceDetails_module.default.errorBtn, "data-testid": "ServiceDetailsError_BUTTON", size: "small", variant: "secondary", children: jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": langDic.informErrorBtn[lang], "data-testid": "ServiceDetailsErrorBtn_WRAP", fontClass: "caption1Medium", tag: "span", children: langDic.informErrorBtn[lang] }) }), jsxRuntime.jsx(index.BaseComponents.Button, { "aria-label": langDic.passportBtnText[lang], "data-testid": "ShowPassport_BTN", onClick: () => {
14
+ setIsShowPassport(!isShowPassport);
15
+ }, size: "small", variant: "tinted", className: ServiceDetails_module.default.showPassportBtn, children: jsxRuntime.jsx(index.BaseComponents.Typography, { "data-testid": "ShowPassport_SPAN", fontClass: "caption1Medium", tag: "span", children: langDic.passportBtnText[lang] }) }), isShowPassport && (jsxRuntime.jsx(index.BaseComponents.Modal, { open: isShowPassport, setOpen: setIsShowPassport, header: {
16
+ title: langDic.passportBtnText[lang],
17
+ isClosable: true,
18
+ }, lang: lang, variant: "small", children: jsxRuntime.jsx(index$2.PassportDetails, { details: passportDetails, lang: lang }) }))] })] }));
19
+ };
20
+
21
+ exports.ServiceDetails = ServiceDetails;
22
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/ServiceDetails/index.tsx"],"sourcesContent":[null],"names":["useState","i18n","_jsxs","_Fragment","_jsx","styles","BaseComponents","PassportDetails"],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ 'use strict';
2
+
3
+ var index = require('./AccordionTitle/index.js');
4
+ var index$3 = require('./Instructions/index.js');
5
+ var index$2 = require('./PassportDetails/index.js');
6
+ var index$1 = require('./ServiceDetails/index.js');
7
+
8
+ const PresaleComponent = {
9
+ Instructions: index$3.Instructions,
10
+ PassportDetails: index$2.PassportDetails,
11
+ ServiceDetails: index$1.ServiceDetails,
12
+ AccordionTitle: index.AccordionTitle,
13
+ };
14
+
15
+ exports.PresaleComponent = PresaleComponent;
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Presale/index.tsx"],"sourcesContent":[null],"names":["Instructions","PassportDetails","ServiceDetails","AccordionTitle"],"mappings":";;;;;;;AAKA,MAAM,gBAAgB,GAAG;kBACvBA,oBAAY;qBACZC,uBAAe;oBACfC,sBAAc;oBACdC,oBAAc;;;;;"}
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var css_248z = ".ServiceCardComponent-module_popularServiceCard__PSpZk {\n position: relative;\n padding: 16px;\n display: flex;\n flex-direction: column;\n border-radius: 12px;\n background: var(--surface-surface-1);\n text-align: left;\n color: var(--text-primary);\n}\n\n.ServiceCardComponent-module_popularServiceCard__PSpZk:hover {\n background: var(--surface-surface-3-color);\n}\n\n@media (min-width: 768px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--tablet) - 8px);\n }\n}\n\n@media (min-width: 1024px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--labtop) - 8px);\n }\n}\n\n@media (min-width: 1440px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--desktop) - 8px);\n }\n}\n\n.ServiceCardComponent-module_TopServicesIconWrapper__Zj57c {\n background: var(--text-white-nonconvert-color);\n width: 48px;\n height: 48px;\n border-radius: 32px;\n display: inline-block;\n}\n\n.ServiceCardComponent-module_TopServicesCardText__kvXXg {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 12px;\n}\n\n.ServiceCardComponent-module_tagNew__ZXAN5 {\n display: inline-block;\n padding: 3px 6px;\n background: var(--leaf);\n text-align: center;\n border-radius: 20px;\n font-weight: 600;\n position: absolute;\n top: 8px;\n right: 8px;\n}\n\n.ServiceCardComponent-module_tagsBackground__-jLWc {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 18px;\n height: 18px;\n border-radius: 6px;\n background-color: var(--page-color-background-white);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);\n position: absolute;\n top: 8px;\n right: 8px;\n}\n\n.ServiceCardComponent-module_subcategory__gU--u {\n width: 12px;\n}\n\n.ServiceCardComponent-module_category__ddt6j {\n padding: 12px;\n}\n";
6
+ var styles = {"popularServiceCard":"ServiceCardComponent-module_popularServiceCard__PSpZk","TopServicesIconWrapper":"ServiceCardComponent-module_TopServicesIconWrapper__Zj57c","TopServicesCardText":"ServiceCardComponent-module_TopServicesCardText__kvXXg","tagNew":"ServiceCardComponent-module_tagNew__ZXAN5","tagsBackground":"ServiceCardComponent-module_tagsBackground__-jLWc","subcategory":"ServiceCardComponent-module_subcategory__gU--u","category":"ServiceCardComponent-module_category__ddt6j"};
7
+ function styleInject(css, options) {
8
+ if (typeof document === 'undefined') return;
9
+ const head = document.head || document.getElementsByTagName('head')[0];
10
+ const style = document.createElement('style');
11
+ style.type = 'text/css';
12
+ if (style.styleSheet) {
13
+ style.styleSheet.cssText = css;
14
+ } else {
15
+ style.appendChild(document.createTextNode(css));
16
+ }
17
+ head.appendChild(style);
18
+ }
19
+ styleInject(css_248z);
20
+
21
+ exports.default = styles;
22
+ //# sourceMappingURL=ServiceCardComponent.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ServiceCardComponent.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var React = require('react');
5
+ var index = require('../../baseComponents/index.js');
6
+ var ServiceCardComponent_module = require('./ServiceCardComponent.module.css.js');
7
+
8
+ const ServiceCardComponent = ({ handleOrderService, badge, isNew, title, }) => (jsxRuntime.jsxs("button", { "data-testid": "ServiceCardComponent_BUTTON", onClick: handleOrderService, className: ServiceCardComponent_module.default.popularServiceCard, type: "button", children: [jsxRuntime.jsx("div", { "data-testid": "ServiceCardComponent_WRAPPER", className: ServiceCardComponent_module.default.TopServicesIconWrapper, children: React.cloneElement(badge.category.icon, {
9
+ className: ServiceCardComponent_module.default.category,
10
+ }) }), isNew ? (jsxRuntime.jsx(index.BaseComponents.Typography, { "data-testid": "ServiceCardComponent_NEW", tag: "span", className: ServiceCardComponent_module.default.tagNew, fontClass: "caption2Semibold", children: "NEW" })) : (badge.subcategory && (jsxRuntime.jsx("div", { "data-testid": "ServiceCardComponent_CATEGORY", className: ServiceCardComponent_module.default.tagsBackground, children: React.cloneElement(badge.subcategory.icon, {
11
+ className: ServiceCardComponent_module.default.subcategory,
12
+ }) }))), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": title, "data-testid": "ServiceCardComponent_LABEL", tag: "span", fontClass: "caption1Regular", className: ServiceCardComponent_module.default.TopServicesCardText, children: title })] }));
13
+
14
+ exports.ServiceCardComponent = ServiceCardComponent;
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/ServiceCardComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","styles","_jsx","BaseComponents"],"mappings":";;;;;;;AAcO,MAAM,oBAAoB,GAAG,CAAC,EACnC,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,KAAK,GACsB,MAC3BA,eAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,6BAA6B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAEC,mCAAM,CAAC,kBAAkB,EACpC,IAAI,EAAC,QAAQ,EAAA,QAAA,EAAA,CAEbC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,8BAA8B,EAC1C,SAAS,EAAED,mCAAM,CAAC,sBAAsB,EAAA,QAAA,EAEvC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE;gBACvC,SAAS,EAAEA,mCAAM,CAAC,QAAQ;aAC3B,CAAC,EAAA,CACE,EACL,KAAK,IACJC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EAAA,aAAA,EACZ,0BAA0B,EACtC,GAAG,EAAC,MAAM,EACV,SAAS,EAAEF,mCAAM,CAAC,MAAM,EACxB,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,KAAA,EAAA,CAGF,KAE5B,KAAK,CAAC,WAAW,KACfC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,+BAA+B,EAC3C,SAAS,EAAED,mCAAM,CAAC,cAAc,EAAA,QAAA,EAE/B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE;gBAC1C,SAAS,EAAEA,mCAAM,CAAC,WAAW;AAC9B,aAAA,CAAC,EAAA,CACE,CACP,CACF,EACDC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,KAAK,EAAA,aAAA,EACL,4BAA4B,EACxC,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAEF,mCAAM,CAAC,mBAAmB,EAAA,QAAA,EAEpC,KAAK,EAAA,CACoB,CAAA,EAAA,CACrB;;;;"}