@egov3/system-design 1.3.86 → 1.3.88
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/baseComponents/BaseField/BaseField.module.css.js +22 -0
- package/dist/cjs/baseComponents/BaseField/BaseField.module.css.js.map +1 -0
- package/dist/cjs/baseComponents/BaseField/index.js +48 -0
- package/dist/cjs/baseComponents/BaseField/index.js.map +1 -0
- package/dist/cjs/baseComponents/InputField/index.js +14 -67
- package/dist/cjs/baseComponents/InputField/index.js.map +1 -1
- package/dist/cjs/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js +22 -0
- package/dist/cjs/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js.map +1 -0
- package/dist/cjs/baseComponents/InputFieldGroup/index.js +73 -0
- package/dist/cjs/baseComponents/InputFieldGroup/index.js.map +1 -0
- package/dist/cjs/baseComponents/Modal/index.js +1 -1
- package/dist/cjs/baseComponents/SelectBoxButton/index.js +1 -1
- package/dist/cjs/baseComponents/TextareaField/index.js +25 -0
- package/dist/cjs/baseComponents/TextareaField/index.js.map +1 -0
- package/dist/cjs/baseComponents/index.js +25 -21
- package/dist/cjs/baseComponents/index.js.map +1 -1
- package/dist/cjs/components/ErrorModal/index.js +2 -2
- package/dist/cjs/components/{Agreement → Identity/Agreement}/Agreement.module.css.js +2 -2
- package/dist/cjs/components/{Agreement → Identity/Agreement}/index.js +3 -3
- package/dist/cjs/components/Identity/Agreement/index.js.map +1 -0
- package/dist/cjs/components/{Auth → Identity/Auth}/Auth.module.css.js +2 -2
- package/dist/cjs/components/{Auth → Identity/Auth}/index.js +4 -4
- package/dist/cjs/components/Identity/Auth/index.js.map +1 -0
- package/dist/cjs/components/{EdsSuccess → Identity/EdsSuccess}/EdsSuccess.module.css.js +2 -2
- package/dist/cjs/components/{EdsSuccess → Identity/EdsSuccess}/index.js +3 -3
- package/dist/cjs/components/Identity/EdsSuccess/index.js.map +1 -0
- package/dist/cjs/components/{IdentityHeader → Identity/IdentityHeader}/IdentityHeader.module.css.js +2 -2
- package/dist/cjs/components/{IdentityHeader → Identity/IdentityHeader}/index.js +2 -2
- package/dist/cjs/components/Identity/IdentityHeader/index.js.map +1 -0
- package/dist/cjs/components/{IdentityModal → Identity/IdentityModal}/IdentityModal.module.css.js +2 -2
- package/dist/cjs/components/{IdentityModal → Identity/IdentityModal}/index.js +4 -4
- package/dist/cjs/components/Identity/IdentityModal/index.js.map +1 -0
- package/dist/cjs/components/Messages/EmptyMessages/EmptyMessages.module.css.js +22 -0
- package/dist/cjs/components/Messages/EmptyMessages/EmptyMessages.module.css.js.map +1 -0
- package/dist/cjs/components/Messages/EmptyMessages/index.js +19 -0
- package/dist/cjs/components/Messages/EmptyMessages/index.js.map +1 -0
- package/dist/cjs/components/{HelpNotification → Messages/HelpNotification}/HelpNotification.module.css.js +2 -2
- package/dist/cjs/components/Messages/HelpNotification/index.js.map +1 -0
- package/dist/cjs/components/Messages/HelpNotificationItem/HelpNotificationItem.module.css.js +22 -0
- package/dist/cjs/components/Messages/HelpNotificationItem/HelpNotificationItem.module.css.js.map +1 -0
- package/dist/cjs/components/Messages/HelpNotificationItem/index.js +22 -0
- package/dist/cjs/components/Messages/HelpNotificationItem/index.js.map +1 -0
- package/dist/cjs/components/Messages/MsgBody/MsgBody.module.css.js +22 -0
- package/dist/cjs/components/Messages/MsgBody/MsgBody.module.css.js.map +1 -0
- package/dist/cjs/components/Messages/MsgBody/index.js +19 -0
- package/dist/cjs/components/Messages/MsgBody/index.js.map +1 -0
- package/dist/cjs/components/Messages/MsgComponentHeader/MsgComponentHeader.module.css.js +22 -0
- package/dist/cjs/components/Messages/MsgComponentHeader/MsgComponentHeader.module.css.js.map +1 -0
- package/dist/cjs/components/Messages/MsgComponentHeader/index.js +21 -0
- package/dist/cjs/components/Messages/MsgComponentHeader/index.js.map +1 -0
- package/dist/cjs/components/Messages/MsgSearch/MsgSearch.module.css.js +22 -0
- package/dist/cjs/components/Messages/MsgSearch/MsgSearch.module.css.js.map +1 -0
- package/dist/cjs/components/Messages/MsgSearch/index.js +25 -0
- package/dist/cjs/components/Messages/MsgSearch/index.js.map +1 -0
- package/dist/cjs/components/Navigation/ViewToggle/ViewToggle.module.css.js +22 -0
- package/dist/cjs/components/Navigation/ViewToggle/ViewToggle.module.css.js.map +1 -0
- package/dist/cjs/components/Navigation/ViewToggle/index.js +24 -0
- package/dist/cjs/components/Navigation/ViewToggle/index.js.map +1 -0
- package/dist/cjs/components/{DocCard → Profile/DocCard}/DocCard.module.css.js +2 -2
- package/dist/cjs/components/{DocCard → Profile/DocCard}/index.js +2 -3
- package/dist/cjs/components/Profile/DocCard/index.js.map +1 -0
- package/dist/cjs/components/{IconToggleItem → Profile/IconToggleItem}/IconToggleItem.module.css.js +2 -2
- package/dist/cjs/components/{IconToggleItem → Profile/IconToggleItem}/index.js +1 -1
- package/dist/cjs/components/Profile/IconToggleItem/index.js.map +1 -0
- package/dist/cjs/components/{ProfileHealthGeneral → Profile/ProfileHealthGeneral}/ProfileHealthGeneral.module.css.js +2 -2
- package/dist/cjs/components/{ProfileHealthGeneral → Profile/ProfileHealthGeneral}/index.js +3 -3
- package/dist/cjs/components/Profile/ProfileHealthGeneral/index.js.map +1 -0
- package/dist/cjs/components/{RightMenuSectionItem → Profile/RightMenuSectionItem}/RightMenuSectionItem.module.css.js +2 -2
- package/dist/cjs/components/{RightMenuSectionItem → Profile/RightMenuSectionItem}/index.js +1 -1
- package/dist/cjs/components/Profile/RightMenuSectionItem/index.js.map +1 -0
- package/dist/cjs/components/{SetUpAccess → Profile/SetUpAccess}/SetUpAccess.module.css.js +2 -2
- package/dist/cjs/components/{SetUpAccess → Profile/SetUpAccess}/index.js +4 -4
- package/dist/cjs/components/Profile/SetUpAccess/index.js.map +1 -0
- package/dist/cjs/components/{Feedback → Services/Feedback}/Feedback.module.css.js +2 -2
- package/dist/cjs/components/{Feedback → Services/Feedback}/index.js +9 -9
- package/dist/cjs/components/Services/Feedback/index.js.map +1 -0
- package/dist/cjs/components/Services/NextStepComponent/NextStepComponent.module.css.js +22 -0
- package/dist/cjs/components/Services/NextStepComponent/NextStepComponent.module.css.js.map +1 -0
- package/dist/cjs/components/Services/NextStepComponent/index.js +16 -0
- package/dist/cjs/components/Services/NextStepComponent/index.js.map +1 -0
- package/dist/cjs/components/index.js +40 -28
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/constants/i18n/index.js +121 -31
- package/dist/cjs/constants/i18n/index.js.map +1 -1
- package/dist/cjs/styles/colors.css.js +1 -1
- package/dist/cjs/svg/QrCodeIcon.js +1 -1
- package/dist/cjs/svg/QrCodeIcon.js.map +1 -1
- package/dist/esm/baseComponents/BaseField/BaseField.module.css.js +18 -0
- package/dist/esm/baseComponents/BaseField/BaseField.module.css.js.map +1 -0
- package/dist/esm/baseComponents/BaseField/index.js +46 -0
- package/dist/esm/baseComponents/BaseField/index.js.map +1 -0
- package/dist/esm/baseComponents/InputField/index.js +17 -70
- package/dist/esm/baseComponents/InputField/index.js.map +1 -1
- package/dist/esm/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js +18 -0
- package/dist/esm/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js.map +1 -0
- package/dist/esm/baseComponents/InputFieldGroup/index.js +71 -0
- package/dist/esm/baseComponents/InputFieldGroup/index.js.map +1 -0
- package/dist/esm/baseComponents/Modal/index.js +1 -1
- package/dist/esm/baseComponents/SelectBoxButton/index.js +1 -1
- package/dist/esm/baseComponents/TextareaField/index.js +23 -0
- package/dist/esm/baseComponents/TextareaField/index.js.map +1 -0
- package/dist/esm/baseComponents/index.js +4 -0
- package/dist/esm/baseComponents/index.js.map +1 -1
- package/dist/esm/components/ErrorModal/index.js +2 -2
- package/dist/esm/components/{Agreement → Identity/Agreement}/Agreement.module.css.js +2 -2
- package/dist/esm/components/{Agreement → Identity/Agreement}/index.js +3 -3
- package/dist/esm/components/Identity/Agreement/index.js.map +1 -0
- package/dist/esm/components/Identity/Auth/Auth.module.css.js +18 -0
- package/dist/esm/components/{Auth → Identity/Auth}/index.js +4 -4
- package/dist/esm/components/Identity/Auth/index.js.map +1 -0
- package/dist/esm/components/{EdsSuccess → Identity/EdsSuccess}/EdsSuccess.module.css.js +2 -2
- package/dist/esm/components/{EdsSuccess → Identity/EdsSuccess}/index.js +3 -3
- package/dist/esm/components/Identity/EdsSuccess/index.js.map +1 -0
- package/dist/esm/components/{IdentityHeader → Identity/IdentityHeader}/IdentityHeader.module.css.js +2 -2
- package/dist/esm/components/{IdentityHeader → Identity/IdentityHeader}/index.js +2 -2
- package/dist/esm/components/Identity/IdentityHeader/index.js.map +1 -0
- package/dist/esm/components/{IdentityModal → Identity/IdentityModal}/IdentityModal.module.css.js +2 -2
- package/dist/esm/components/{IdentityModal → Identity/IdentityModal}/index.js +4 -4
- package/dist/esm/components/Identity/IdentityModal/index.js.map +1 -0
- package/dist/esm/components/Messages/EmptyMessages/EmptyMessages.module.css.js +18 -0
- package/dist/esm/components/Messages/EmptyMessages/EmptyMessages.module.css.js.map +1 -0
- package/dist/esm/components/Messages/EmptyMessages/index.js +17 -0
- package/dist/esm/components/Messages/EmptyMessages/index.js.map +1 -0
- package/dist/esm/components/{HelpNotification → Messages/HelpNotification}/HelpNotification.module.css.js +2 -2
- package/dist/esm/components/Messages/HelpNotification/index.js.map +1 -0
- package/dist/esm/components/Messages/HelpNotificationItem/HelpNotificationItem.module.css.js +18 -0
- package/dist/esm/components/Messages/HelpNotificationItem/HelpNotificationItem.module.css.js.map +1 -0
- package/dist/esm/components/Messages/HelpNotificationItem/index.js +20 -0
- package/dist/esm/components/Messages/HelpNotificationItem/index.js.map +1 -0
- package/dist/esm/components/Messages/MsgBody/MsgBody.module.css.js +18 -0
- package/dist/esm/components/Messages/MsgBody/MsgBody.module.css.js.map +1 -0
- package/dist/esm/components/Messages/MsgBody/index.js +17 -0
- package/dist/esm/components/Messages/MsgBody/index.js.map +1 -0
- package/dist/esm/components/Messages/MsgComponentHeader/MsgComponentHeader.module.css.js +18 -0
- package/dist/esm/components/Messages/MsgComponentHeader/MsgComponentHeader.module.css.js.map +1 -0
- package/dist/esm/components/Messages/MsgComponentHeader/index.js +19 -0
- package/dist/esm/components/Messages/MsgComponentHeader/index.js.map +1 -0
- package/dist/esm/components/Messages/MsgSearch/MsgSearch.module.css.js +18 -0
- package/dist/esm/components/Messages/MsgSearch/MsgSearch.module.css.js.map +1 -0
- package/dist/esm/components/Messages/MsgSearch/index.js +23 -0
- package/dist/esm/components/Messages/MsgSearch/index.js.map +1 -0
- package/dist/esm/components/Navigation/ViewToggle/ViewToggle.module.css.js +18 -0
- package/dist/esm/components/Navigation/ViewToggle/ViewToggle.module.css.js.map +1 -0
- package/dist/esm/components/Navigation/ViewToggle/index.js +22 -0
- package/dist/esm/components/Navigation/ViewToggle/index.js.map +1 -0
- package/dist/esm/components/{DocCard → Profile/DocCard}/DocCard.module.css.js +2 -2
- package/dist/esm/components/{DocCard → Profile/DocCard}/index.js +2 -3
- package/dist/esm/components/Profile/DocCard/index.js.map +1 -0
- package/dist/esm/components/{IconToggleItem → Profile/IconToggleItem}/IconToggleItem.module.css.js +2 -2
- package/dist/esm/components/{IconToggleItem → Profile/IconToggleItem}/index.js +1 -1
- package/dist/esm/components/Profile/IconToggleItem/index.js.map +1 -0
- package/dist/esm/components/{ProfileHealthGeneral → Profile/ProfileHealthGeneral}/ProfileHealthGeneral.module.css.js +2 -2
- package/dist/esm/components/{ProfileHealthGeneral → Profile/ProfileHealthGeneral}/index.js +3 -3
- package/dist/esm/components/Profile/ProfileHealthGeneral/index.js.map +1 -0
- package/dist/esm/components/{RightMenuSectionItem → Profile/RightMenuSectionItem}/RightMenuSectionItem.module.css.js +2 -2
- package/dist/esm/components/{RightMenuSectionItem → Profile/RightMenuSectionItem}/index.js +1 -1
- package/dist/esm/components/Profile/RightMenuSectionItem/index.js.map +1 -0
- package/dist/esm/components/{SetUpAccess → Profile/SetUpAccess}/SetUpAccess.module.css.js +2 -2
- package/dist/esm/components/{SetUpAccess → Profile/SetUpAccess}/index.js +4 -4
- package/dist/esm/components/Profile/SetUpAccess/index.js.map +1 -0
- package/dist/esm/components/{Feedback → Services/Feedback}/Feedback.module.css.js +2 -2
- package/dist/esm/components/{Feedback → Services/Feedback}/index.js +9 -9
- package/dist/esm/components/Services/Feedback/index.js.map +1 -0
- package/dist/esm/components/Services/NextStepComponent/NextStepComponent.module.css.js +18 -0
- package/dist/esm/components/Services/NextStepComponent/NextStepComponent.module.css.js.map +1 -0
- package/dist/esm/components/Services/NextStepComponent/index.js +14 -0
- package/dist/esm/components/Services/NextStepComponent/index.js.map +1 -0
- package/dist/esm/components/index.js +36 -24
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/constants/i18n/index.js +121 -31
- package/dist/esm/constants/i18n/index.js.map +1 -1
- package/dist/esm/styles/colors.css.js +1 -1
- package/dist/esm/svg/QrCodeIcon.js +1 -1
- package/dist/esm/svg/QrCodeIcon.js.map +1 -1
- package/dist/types/baseComponents/Button/index.d.ts +2 -2
- package/dist/types/baseComponents/InputField/index.d.ts +11 -16
- package/dist/types/baseComponents/InputFieldGroup/index.d.ts +12 -0
- package/dist/types/baseComponents/Modal/index.d.ts +1 -1
- package/dist/types/baseComponents/SelectBoxButton/index.d.ts +1 -1
- package/dist/types/baseComponents/TabButtons/index.d.ts +1 -1
- package/dist/types/baseComponents/TextareaField/index.d.ts +19 -0
- package/dist/types/components/ErrorModal/index.d.ts +1 -1
- package/dist/types/components/{Agreement → Identity/Agreement}/index.d.ts +1 -1
- package/dist/types/components/{Auth → Identity/Auth}/index.d.ts +1 -1
- package/dist/types/components/{EdsSuccess → Identity/EdsSuccess}/index.d.ts +1 -1
- package/dist/types/components/{IdentityHeader → Identity/IdentityHeader}/index.d.ts +1 -1
- package/dist/types/components/{IdentityModal → Identity/IdentityModal}/index.d.ts +1 -1
- package/dist/types/components/Messages/EmptyMessages/index.d.ts +8 -0
- package/dist/types/components/Messages/HelpNotificationItem/index.d.ts +8 -0
- package/dist/types/components/Messages/MsgBody/index.d.ts +9 -0
- package/dist/types/components/Messages/MsgComponentHeader/index.d.ts +10 -0
- package/dist/types/components/Messages/MsgSearch/index.d.ts +8 -0
- package/dist/types/components/Navigation/ViewToggle/index.d.ts +6 -0
- package/dist/types/components/{DocCard → Profile/DocCard}/index.d.ts +1 -1
- package/dist/types/components/{ProfileHealthGeneral → Profile/ProfileHealthGeneral}/index.d.ts +2 -2
- package/dist/types/components/{RightMenuSectionItem → Profile/RightMenuSectionItem}/index.d.ts +1 -1
- package/dist/types/components/{SetUpAccess → Profile/SetUpAccess}/index.d.ts +1 -1
- package/dist/types/components/{Feedback → Services/Feedback}/index.d.ts +2 -2
- package/dist/types/components/Services/NextStepComponent/index.d.ts +8 -0
- package/dist/types/index.d.ts +40 -26
- package/dist/types/interfaces/Button.d.ts +4 -0
- package/dist/types/interfaces/{CustomersMsg.d.ts → Messages.d.ts} +6 -8
- package/dist/types/interfaces/Profile.d.ts +6 -0
- package/dist/types/interfaces/TabButtons.d.ts +6 -0
- package/dist/types/interfaces/common/index.d.ts +19 -0
- package/package.json +1 -1
- package/dist/cjs/baseComponents/InputField/InputField.module.css.js +0 -22
- package/dist/cjs/baseComponents/InputField/InputField.module.css.js.map +0 -1
- package/dist/cjs/components/Agreement/index.js.map +0 -1
- package/dist/cjs/components/Auth/index.js.map +0 -1
- package/dist/cjs/components/CustomersMsg/CustomersMsg.module.css.js +0 -22
- package/dist/cjs/components/CustomersMsg/CustomersMsg.module.css.js.map +0 -1
- package/dist/cjs/components/CustomersMsg/index.js +0 -15
- package/dist/cjs/components/CustomersMsg/index.js.map +0 -1
- package/dist/cjs/components/DocCard/index.js.map +0 -1
- package/dist/cjs/components/EdsSuccess/index.js.map +0 -1
- package/dist/cjs/components/Feedback/index.js.map +0 -1
- package/dist/cjs/components/HelpNotification/index.js.map +0 -1
- package/dist/cjs/components/IconToggleItem/index.js.map +0 -1
- package/dist/cjs/components/IdentityHeader/index.js.map +0 -1
- package/dist/cjs/components/IdentityModal/index.js.map +0 -1
- package/dist/cjs/components/ProfileHealthGeneral/index.js.map +0 -1
- package/dist/cjs/components/RightMenuSectionItem/index.js.map +0 -1
- package/dist/cjs/components/SetUpAccess/index.js.map +0 -1
- package/dist/cjs/svg/ClearIcon.js +0 -12
- package/dist/cjs/svg/ClearIcon.js.map +0 -1
- package/dist/esm/baseComponents/InputField/InputField.module.css.js +0 -18
- package/dist/esm/baseComponents/InputField/InputField.module.css.js.map +0 -1
- package/dist/esm/components/Agreement/index.js.map +0 -1
- package/dist/esm/components/Auth/Auth.module.css.js +0 -18
- package/dist/esm/components/Auth/index.js.map +0 -1
- package/dist/esm/components/CustomersMsg/CustomersMsg.module.css.js +0 -18
- package/dist/esm/components/CustomersMsg/CustomersMsg.module.css.js.map +0 -1
- package/dist/esm/components/CustomersMsg/index.js +0 -13
- package/dist/esm/components/CustomersMsg/index.js.map +0 -1
- package/dist/esm/components/DocCard/index.js.map +0 -1
- package/dist/esm/components/EdsSuccess/index.js.map +0 -1
- package/dist/esm/components/Feedback/index.js.map +0 -1
- package/dist/esm/components/HelpNotification/index.js.map +0 -1
- package/dist/esm/components/IconToggleItem/index.js.map +0 -1
- package/dist/esm/components/IdentityHeader/index.js.map +0 -1
- package/dist/esm/components/IdentityModal/index.js.map +0 -1
- package/dist/esm/components/ProfileHealthGeneral/index.js.map +0 -1
- package/dist/esm/components/RightMenuSectionItem/index.js.map +0 -1
- package/dist/esm/components/SetUpAccess/index.js.map +0 -1
- package/dist/esm/svg/ClearIcon.js +0 -10
- package/dist/esm/svg/ClearIcon.js.map +0 -1
- /package/dist/cjs/components/{Agreement → Identity/Agreement}/Agreement.module.css.js.map +0 -0
- /package/dist/cjs/components/{Auth → Identity/Auth}/Auth.module.css.js.map +0 -0
- /package/dist/cjs/components/{EdsSuccess → Identity/EdsSuccess}/EdsSuccess.module.css.js.map +0 -0
- /package/dist/cjs/components/{IdentityHeader → Identity/IdentityHeader}/IdentityHeader.module.css.js.map +0 -0
- /package/dist/cjs/components/{IdentityModal → Identity/IdentityModal}/IdentityModal.module.css.js.map +0 -0
- /package/dist/cjs/components/{HelpNotification → Messages/HelpNotification}/HelpNotification.module.css.js.map +0 -0
- /package/dist/cjs/components/{HelpNotification → Messages/HelpNotification}/index.js +0 -0
- /package/dist/cjs/components/{DocCard → Profile/DocCard}/DocCard.module.css.js.map +0 -0
- /package/dist/cjs/components/{IconToggleItem → Profile/IconToggleItem}/IconToggleItem.module.css.js.map +0 -0
- /package/dist/cjs/components/{ProfileHealthGeneral → Profile/ProfileHealthGeneral}/ProfileHealthGeneral.module.css.js.map +0 -0
- /package/dist/cjs/components/{RightMenuSectionItem → Profile/RightMenuSectionItem}/RightMenuSectionItem.module.css.js.map +0 -0
- /package/dist/cjs/components/{SetUpAccess → Profile/SetUpAccess}/SetUpAccess.module.css.js.map +0 -0
- /package/dist/cjs/components/{Feedback → Services/Feedback}/Feedback.module.css.js.map +0 -0
- /package/dist/esm/components/{Agreement → Identity/Agreement}/Agreement.module.css.js.map +0 -0
- /package/dist/esm/components/{Auth → Identity/Auth}/Auth.module.css.js.map +0 -0
- /package/dist/esm/components/{EdsSuccess → Identity/EdsSuccess}/EdsSuccess.module.css.js.map +0 -0
- /package/dist/esm/components/{IdentityHeader → Identity/IdentityHeader}/IdentityHeader.module.css.js.map +0 -0
- /package/dist/esm/components/{IdentityModal → Identity/IdentityModal}/IdentityModal.module.css.js.map +0 -0
- /package/dist/esm/components/{HelpNotification → Messages/HelpNotification}/HelpNotification.module.css.js.map +0 -0
- /package/dist/esm/components/{HelpNotification → Messages/HelpNotification}/index.js +0 -0
- /package/dist/esm/components/{DocCard → Profile/DocCard}/DocCard.module.css.js.map +0 -0
- /package/dist/esm/components/{IconToggleItem → Profile/IconToggleItem}/IconToggleItem.module.css.js.map +0 -0
- /package/dist/esm/components/{ProfileHealthGeneral → Profile/ProfileHealthGeneral}/ProfileHealthGeneral.module.css.js.map +0 -0
- /package/dist/esm/components/{RightMenuSectionItem → Profile/RightMenuSectionItem}/RightMenuSectionItem.module.css.js.map +0 -0
- /package/dist/esm/components/{SetUpAccess → Profile/SetUpAccess}/SetUpAccess.module.css.js.map +0 -0
- /package/dist/esm/components/{Feedback → Services/Feedback}/Feedback.module.css.js.map +0 -0
- /package/dist/types/components/{HelpNotification → Messages/HelpNotification}/index.d.ts +0 -0
- /package/dist/types/components/{IconToggleItem → Profile/IconToggleItem}/index.d.ts +0 -0
|
@@ -1,78 +1,25 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
|
-
import {
|
|
3
|
-
import { forwardRef
|
|
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
|
|
7
|
-
import styles from '
|
|
5
|
+
import { BaseField } from '../BaseField/index.js';
|
|
6
|
+
import styles from '../BaseField/BaseField.module.css.js';
|
|
8
7
|
|
|
9
|
-
var InputField = forwardRef(function (
|
|
10
|
-
var
|
|
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
|
-
|
|
43
|
-
|
|
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 (
|
|
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":["
|
|
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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"}
|
|
@@ -11,7 +11,7 @@ import styles from './Modal.module.css.js';
|
|
|
11
11
|
var Modal = function (_a) {
|
|
12
12
|
var children = _a.children, header = _a.header, lang = _a.lang, open = _a.open, setOpen = _a.setOpen, variant = _a.variant, _b = _a.withOverlay, withOverlay = _b === void 0 ? true : _b;
|
|
13
13
|
var Wrapper = withOverlay ? Overlay : React.Fragment;
|
|
14
|
-
return (jsx(Wrapper, { children: jsxs("div", __assign({ "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, styles["".concat(variant, "Variant")]) }, { children: [header && (jsxs("div", __assign({ "data-testid": "Modal_HEADER", className: styles.contentHeader }, { children: [(header === null || header === void 0 ? void 0 : header.goBackService) && (jsx("button", __assign({ "aria-label": i18n.Modal.
|
|
14
|
+
return (jsx(Wrapper, { children: jsxs("div", __assign({ "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, styles["".concat(variant, "Variant")]) }, { children: [header && (jsxs("div", __assign({ "data-testid": "Modal_HEADER", className: styles.contentHeader }, { children: [(header === null || header === void 0 ? void 0 : header.goBackService) && (jsx("button", __assign({ "aria-label": i18n.Modal.AriaBackButton[lang], className: styles.regGoBack, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button" }, { children: jsx(Icons.Basic.ChevronLeft, { width: "18px", height: "18px" }) }))), (header === null || header === void 0 ? void 0 : header.goIdentityMain) && (jsx("button", __assign({ "aria-label": i18n.Modal.AriaAuthorizationPageBtn[lang], className: styles.logo, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button" }, { children: jsx(Icons.Logo.Egov, { width: "69px", height: "24px" }) }))), (header === null || header === void 0 ? void 0 : header.title) && (jsx(Typography, __assign({ tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.title }, { children: header.title }))), (header === null || header === void 0 ? void 0 : header.isClosable) === true ? (jsx("button", __assign({ type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: function () {
|
|
15
15
|
if (setOpen) {
|
|
16
16
|
setOpen(!open);
|
|
17
17
|
}
|
|
@@ -8,7 +8,7 @@ import styles from './SelectBoxButton.module.css.js';
|
|
|
8
8
|
var SelectBoxButton = function (_a) {
|
|
9
9
|
var handleClick = _a.handleClick, labelText = _a.labelText, disabled = _a.disabled, error = _a.error, modalValue = _a.modalValue, lang = _a.lang;
|
|
10
10
|
var hasValue = modalValue && modalValue.length > 0;
|
|
11
|
-
return (jsxs("button", __assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: styles.selectContainer, disabled: disabled, onClick: handleClick }, { children: [jsxs("div", __assign({ "data-testid": "SelectBoxModal_TITLE", className: styles.labelWrapper }, { children: [jsx(Typography, __assign({ tag: "label", fontClass: hasValue ? "caption1Regular" : "body2Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? styles.errorLabel : styles.label, "aria-label": labelText }, { children: labelText })), hasValue && (jsx(Typography, __assign({ tag: "span", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: styles.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsx(Icons.Basic.ChevronDownSmall, { "aria-label": i18n.SelectBoxButton.
|
|
11
|
+
return (jsxs("button", __assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: styles.selectContainer, disabled: disabled, onClick: handleClick }, { children: [jsxs("div", __assign({ "data-testid": "SelectBoxModal_TITLE", className: styles.labelWrapper }, { children: [jsx(Typography, __assign({ tag: "label", fontClass: hasValue ? "caption1Regular" : "body2Regular", "data-testid": "SelectBoxModal_LABEL", className: error ? styles.errorLabel : styles.label, "aria-label": labelText }, { children: labelText })), hasValue && (jsx(Typography, __assign({ tag: "span", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: styles.selectText, "aria-label": modalValue }, { children: modalValue })))] })), jsx(Icons.Basic.ChevronDownSmall, { "aria-label": i18n.SelectBoxButton.AriaExpandButton[lang], className: styles.chevronIcon, fill: "var(--icon-secondary-color)", "data-testid": "SelectBoxModal_CHEVRON_ICON" })] })));
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { SelectBoxButton };
|
|
@@ -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":"
|
|
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;;;;;"}
|
|
@@ -9,8 +9,8 @@ var ErrorModal = function (_a) {
|
|
|
9
9
|
var status = _a.status, message = _a.message, lang = _a.lang, open = _a.open, onClose = _a.onClose, onAuthAction = _a.onAuthAction;
|
|
10
10
|
var isAuthError = status === 401;
|
|
11
11
|
var langDic = i18n.ErrorModal;
|
|
12
|
-
var langDicMsg = message !== null && message !== void 0 ? message : (isAuthError ? langDic.
|
|
13
|
-
return (jsx(BaseComponents.Modal, __assign({ open: open, setOpen: onClose, variant: "small", lang: lang }, { children: jsxs("div", __assign({ className: styles.wrapper, "data-testid": "ErrorModal_WRAPPER" }, { children: [jsxs("div", __assign({ className: styles.headerWrapper, "data-testid": "ErrorModal_HEADER" }, { children: [jsx("span", __assign({ className: styles.iconEgov, "data-testid": "ErrorModal_LOGO" }, { children: jsx(Icons.Logo.Egov, { width: "70px", height: "24px", viewBox: "0 0 70 24" }) })), jsx("button", __assign({ type: "button", onClick: onClose, className: styles.actionButton, "data-testid": "ErrorModal_CLOSE_BTN", "aria-label": langDic.
|
|
12
|
+
var langDicMsg = message !== null && message !== void 0 ? message : (isAuthError ? langDic.NotAuthorizedMessage[lang] : "");
|
|
13
|
+
return (jsx(BaseComponents.Modal, __assign({ open: open, setOpen: onClose, variant: "small", lang: lang }, { children: jsxs("div", __assign({ className: styles.wrapper, "data-testid": "ErrorModal_WRAPPER" }, { children: [jsxs("div", __assign({ className: styles.headerWrapper, "data-testid": "ErrorModal_HEADER" }, { children: [jsx("span", __assign({ className: styles.iconEgov, "data-testid": "ErrorModal_LOGO" }, { children: jsx(Icons.Logo.Egov, { width: "70px", height: "24px", viewBox: "0 0 70 24" }) })), jsx("button", __assign({ type: "button", onClick: onClose, className: styles.actionButton, "data-testid": "ErrorModal_CLOSE_BTN", "aria-label": langDic.CloseModalButton[lang] }, { children: jsx(Icons.General.Close, { width: "16px", height: "16px" }) }))] })), jsxs("div", __assign({ className: styles.bodyWrapper, "data-testid": "ErrorModal_BODY" }, { children: [isAuthError ? (jsx(Graphics.Illustrations.Verification, { "data-testid": "ErrorModal_ICON_AUTH" })) : (jsx(Graphics.Illustrations.InternetNotAvailable, { "data-testid": "ErrorModal_ICON_COMMON" })), jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "heading3", "data-testid": "ErrorModal_TITLE", "aria-label": langDic.Title[lang] }, { children: langDic.Title[lang] })), langDicMsg.length > 0 && (jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "body2Regular", className: styles.message, "data-testid": "ErrorModal_MESSAGE", "aria-label": langDicMsg }, { children: langDicMsg }))), isAuthError && onAuthAction && (jsx(BaseComponents.Button, __assign({ className: styles.actionBtn, size: "large", "data-testid": "ErrorModal_AUTH_BTN", "aria-label": langDic.AuthButton[lang], onClick: onAuthAction }, { children: langDic.AuthButton[lang] })))] }))] })) })));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export { ErrorModal };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".Agreement-
|
|
2
|
-
var styles = {"modalBodyAgreement":"Agreement-
|
|
1
|
+
var css_248z = ".Agreement-module_modalBodyAgreement__hDZY8 {\n display: flex;\n flex-direction: column;\n gap: 32px;\n align-self: stretch;\n}\n\n.Agreement-module_agreementWrapper__0kTLF {\n height: 356px;\n overflow-y: scroll;\n}\n\n.Agreement-module_btn__continue__hArxD {\n align-self: stretch;\n}\n";
|
|
2
|
+
var styles = {"modalBodyAgreement":"Agreement-module_modalBodyAgreement__hDZY8","agreementWrapper":"Agreement-module_agreementWrapper__0kTLF","btn__continue":"Agreement-module_btn__continue__hArxD"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import parse from 'html-react-parser';
|
|
4
|
-
import { BaseComponents } from '
|
|
5
|
-
import { i18n } from '
|
|
4
|
+
import { BaseComponents } from '../../../baseComponents/index.js';
|
|
5
|
+
import { i18n } from '../../../constants/i18n/index.js';
|
|
6
6
|
import styles from './Agreement.module.css.js';
|
|
7
7
|
|
|
8
8
|
var Agreement = function (_a) {
|
|
9
9
|
var lang = _a.lang, agreementText = _a.agreementText, submitAgreementAndSign = _a.submitAgreementAndSign;
|
|
10
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.
|
|
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
12
|
};
|
|
13
13
|
|
|
14
14
|
export { Agreement };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/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__9aNa2 {\n margin-bottom: 8px;\n text-align: center;\n}\n\n.Auth-module_loginBox__subtitle__H-7bF {\n text-align: center;\n}\n\n.Auth-module_loginBox__content__CE9CB {\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__CE9CB > * {\n width: 160px;\n}\n\n.Auth-module_loginBox__textItemsList__ePaG7 {\n display: flex;\n gap: 8px;\n flex-direction: column;\n justify-content: space-around;\n}\n\n.Auth-module_loginBox__textItemWrapper__R19Tn {\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__K-a93 {\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__931iO {\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__k6uDp::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__k6uDp::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__kOQJj {\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__kOQJj > button {\n flex: 1;\n}\n\n.Auth-module_mainRegisterBtn__zhTcg {\n cursor: pointer;\n color: var(--text-accent);\n}\n.Auth-module_downloadBtn__t78Kq {\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__9aNa2","loginBox__subtitle":"Auth-module_loginBox__subtitle__H-7bF","loginBox__content":"Auth-module_loginBox__content__CE9CB","loginBox__textItemsList":"Auth-module_loginBox__textItemsList__ePaG7","loginBox__textItemWrapper":"Auth-module_loginBox__textItemWrapper__R19Tn","loginBox__qrCode":"Auth-module_loginBox__qrCode__K-a93","loginBox__divider":"Auth-module_loginBox__divider__931iO","loginBox__dividerText":"Auth-module_loginBox__dividerText__k6uDp","loginBox__footer":"Auth-module_loginBox__footer__kOQJj","mainRegisterBtn":"Auth-module_mainRegisterBtn__zhTcg","downloadBtn":"Auth-module_downloadBtn__t78Kq"};
|
|
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
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Icons } from '@egov3/graphics';
|
|
4
|
-
import { BaseComponents } from '
|
|
5
|
-
import { i18n } from '
|
|
6
|
-
import { QrCodeIcon } from '
|
|
4
|
+
import { BaseComponents } from '../../../baseComponents/index.js';
|
|
5
|
+
import { i18n } from '../../../constants/i18n/index.js';
|
|
6
|
+
import { QrCodeIcon } from '../../../svg/QrCodeIcon.js';
|
|
7
7
|
import styles from './Auth.module.css.js';
|
|
8
8
|
|
|
9
9
|
var Auth = function (_a) {
|
|
10
10
|
var lang = _a.lang, handleEdsClick = _a.handleEdsClick, handleRegistrationClick = _a.handleRegistrationClick, handleDownloadAppClick = _a.handleDownloadAppClick;
|
|
11
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
|
|
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 }) }))] })) })), 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
13
|
};
|
|
14
14
|
|
|
15
15
|
export { Auth };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/Auth/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".EdsSuccess-
|
|
2
|
-
var styles = {"modalBodyAgreement":"EdsSuccess-
|
|
1
|
+
var css_248z = ".EdsSuccess-module_modalBodyAgreement__tcT0x {\n display: flex;\n flex-direction: column;\n gap: 32px;\n align-self: stretch;\n}\n\n.EdsSuccess-module_iconWrapper__dxl9n {\n display: flex;\n justify-content: center;\n}\n\n.EdsSuccess-module_modalInfoBlock__WO-y8 {\n display: flex;\n gap: 8px;\n flex-direction: column;\n}\n\n.EdsSuccess-module_modalStepTitle__zIvWv {\n text-align: center;\n}\n\n.EdsSuccess-module_modalDescription__sGskJ {\n text-align: center;\n display: block;\n}\n";
|
|
2
|
+
var styles = {"modalBodyAgreement":"EdsSuccess-module_modalBodyAgreement__tcT0x","iconWrapper":"EdsSuccess-module_iconWrapper__dxl9n","modalInfoBlock":"EdsSuccess-module_modalInfoBlock__WO-y8","modalStepTitle":"EdsSuccess-module_modalStepTitle__zIvWv","modalDescription":"EdsSuccess-module_modalDescription__sGskJ"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Graphics } from '@egov3/graphics';
|
|
4
|
-
import { BaseComponents } from '
|
|
5
|
-
import { i18n } from '
|
|
4
|
+
import { BaseComponents } from '../../../baseComponents/index.js';
|
|
5
|
+
import { i18n } from '../../../constants/i18n/index.js';
|
|
6
6
|
import styles from './EdsSuccess.module.css.js';
|
|
7
7
|
|
|
8
8
|
var EdsSuccess = function (_a) {
|
|
9
9
|
var lang = _a.lang, handleEdsOnclick = _a.handleEdsOnclick;
|
|
10
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.
|
|
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
12
|
};
|
|
13
13
|
|
|
14
14
|
export { EdsSuccess };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/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;;;;"}
|
package/dist/esm/components/{IdentityHeader → Identity/IdentityHeader}/IdentityHeader.module.css.js
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".IdentityHeader-
|
|
2
|
-
var styles = {"mainIconJustify":"IdentityHeader-
|
|
1
|
+
var css_248z = ".IdentityHeader-module_regGoBack__pYweo {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 24px;\n}\n\n.IdentityHeader-module_logo__TkjC- {\n margin-bottom: -12px;\n}\n\n.IdentityHeader-module_regCloseBtn__36kVz {\n width: 20px;\n}\n\n.IdentityHeader-module_mainIconJustify__oteQ- {\n margin-bottom: -20px;\n}\n\n.IdentityHeader-module_identityHeader__-CJ32 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 24px;\n padding: 12px 16px;\n}\n";
|
|
2
|
+
var styles = {"mainIconJustify":"IdentityHeader-module_mainIconJustify__oteQ-"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Icons } from '@egov3/graphics';
|
|
4
|
-
import { i18n } from '
|
|
4
|
+
import { i18n } from '../../../constants/i18n/index.js';
|
|
5
5
|
import styles from './IdentityHeader.module.css.js';
|
|
6
6
|
|
|
7
7
|
var IdentityHeader = function (_a) {
|
|
8
8
|
var goMainPage = _a.goMainPage, lang = _a.lang;
|
|
9
|
-
return (jsx("button", __assign({ "aria-label": i18n.IdentityHeader.
|
|
9
|
+
return (jsx("button", __assign({ "aria-label": i18n.IdentityHeader.ButtonIcon[lang], className: styles.mainIconJustify, "data-testid": "IdentityModule_BTN_LOGO", onClick: goMainPage, type: "button" }, { children: jsx(Icons.Logo.Egov, { width: "138px", height: "48px", "data-testid": "IdentityModule_BTN_LOGO_ICON" }) })));
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export { IdentityHeader };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/IdentityHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AASO,IAAM,cAAc,GAAG,UAAC,EAAmC,EAAA;QAAjC,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA;IAAsB,QACrEA,uCACc,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAChD,SAAS,EAAE,MAAM,CAAC,eAAe,iBACrB,yBAAyB,EACrC,OAAO,EAAE,UAAU,EACnB,IAAI,EAAC,QAAQ,EAAA,EAAA,EAAA,QAAA,EAEbA,GAAA,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAA,EACd,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,MAAM,EAAA,aAAA,EACD,8BAA8B,EAAA,CAC1C,EAAA,CAAA,CACK;AAb4D;;;;"}
|
package/dist/esm/components/{IdentityModal → Identity/IdentityModal}/IdentityModal.module.css.js
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".IdentityModal-
|
|
2
|
-
var styles = {"loginBox":"IdentityModal-
|
|
1
|
+
var css_248z = ".IdentityModal-module_wrapper__Gjxxi {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow-y: auto;\n padding: 20px 0px;\n}\n\n.IdentityModal-module_loginBox__4cVfu {\n background-color: var(--default-white-color);\n border-radius: 16px;\n width: 400px;\n}\n\n.IdentityModal-module_loginBody__vctVv {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n padding: 32px;\n width: calc(400px - 64px);\n}\n\n.IdentityModal-module_langFooterWrapper__g5yFN {\n padding-top: 20px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n gap: 16px;\n align-self: stretch;\n}\n\n.IdentityModal-module_langFooter__LhZCq {\n align-items: center;\n display: flex;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: 100%;\n}\n\n.IdentityModal-module_langFooterNotActive__VHbO3 {\n background: var(--page-color-background-white);\n color: var(--text-accent);\n}\n\n.IdentityModal-module_langFooterActive__lVLVJ {\n background: var(--surface-accent);\n color: var(--text-white-nonconvert-color);\n}\n";
|
|
2
|
+
var styles = {"loginBox":"IdentityModal-module_loginBox__4cVfu","loginBody":"IdentityModal-module_loginBody__vctVv","langFooterWrapper":"IdentityModal-module_langFooterWrapper__g5yFN","langFooter":"IdentityModal-module_langFooter__LhZCq","langFooterNotActive":"IdentityModal-module_langFooterNotActive__VHbO3","langFooterActive":"IdentityModal-module_langFooterActive__lVLVJ"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { BaseComponents } from '
|
|
4
|
-
import { languageList } from '
|
|
5
|
-
import { i18n } from '
|
|
6
|
-
import { joinClasses } from '
|
|
3
|
+
import { BaseComponents } from '../../../baseComponents/index.js';
|
|
4
|
+
import { languageList } from '../../../constants/common.js';
|
|
5
|
+
import { i18n } from '../../../constants/i18n/index.js';
|
|
6
|
+
import { joinClasses } from '../../../utils/joinClasses.js';
|
|
7
7
|
import { IdentityHeader } from '../IdentityHeader/index.js';
|
|
8
8
|
import styles from './IdentityModal.module.css.js';
|
|
9
9
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAgBO,IAAM,aAAa,GAAG,UAAC,EAOR,EAAA;AANpB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,MAAM,YAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA;AAET,IAAA,IAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAC3B,IAAA,IAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;QAC/C,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;KAC/D;IAED,QACEA,4BACEC,GAAA,CAAC,cAAc,CAAC,KAAK,EAAA,QAAA,CAAA,EACnB,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,IAAI,EACT,MAAM,EACJ;AACE,sBAAE;AACF,sBAAE;AACE,wBAAA,cAAc,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC;AAClD,wBAAA,aAAa,EAAE,aAAa;AAC7B,qBAAA,EAAA,EAAA,EAAA,QAAA,EAGPA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,aAAA,EAAc,0BAA0B,EAAA,EAAA,EAAA,QAAA,EACrED,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,aAAA,EACf,2BAA2B,EAAA,EAAA,EAAA,QAAA,EAAA,CAEtC,MAAM,KACLC,GAAA,CAAC,cAAc,EAAA,EACb,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAC5C,IAAI,EAAE,IAAI,EAAA,CACV,CACH,EACA,QAAQ,CAAA,EAAA,CAAA,CACL,EAAA,CAAA,CACF,EAAA,CAAA,CACe,EACtB,gBAAgB,KACfA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,aAAA,EACvB,uBAAuB,EAAA,EAAA,EAAA,QAAA,EAElC,YAAY,CAAC,GAAG,CAAC,UAAC,EAAqB,EAAA;wBAApB,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA;oBAAM,QAC3CA,yBACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,4BAAA,CAAA,MAAA,CAA6B,QAAQ,CAAE,EAEpD,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,UAAU,EACjB,QAAQ,KAAK;8BACT,MAAM,CAAC;AACT,8BAAE,MAAM,CAAC,mBAAmB,CAC/B,EAAA,YAAA,EACW,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,OAAO,EAAE,YAAA;4BACP,gBAAgB,CAAC,QAAQ,CAAC;AAC5B,wBAAA,CAAC,EAAA,EAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,QAAA,CAAA,EAAA,YAAA,EACZ,SAAS,EAAA,aAAA,EACR,wBAAA,CAAA,MAAA,CAAyB,QAAQ,CAAE,EAChD,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAC,MAAM,EAAA,EAAA,EAAA,QAAA,EAET,QAAQ,CAAC,iBAAiB,EAAE,EAAA,CAAA,CACH,EAAA,CAAA,EAnBvB,QAAQ,CAoBN;AAxBkC,gBAAA,CAyB5C,CAAC,EAAA,CAAA,CACE,CACP,CAAA,EAAA,CACA;AAEP;;;;"}
|