@bmc-soft/keycloak-auth 1.0.1 → 1.0.3
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/_lib/escapeForInjectedJS.d.ts +2 -0
- package/dist/_lib/escapeForInjectedJS.d.ts.map +1 -0
- package/dist/_lib/escapeForInjectedJS.js +8 -0
- package/dist/_lib/escapeForInjectedJS.js.map +1 -0
- package/dist/_lib/getInjectedJSForDetect.d.ts +2 -0
- package/dist/_lib/getInjectedJSForDetect.d.ts.map +1 -0
- package/dist/_lib/getInjectedJSForDetect.js +27 -0
- package/dist/_lib/getInjectedJSForDetect.js.map +1 -0
- package/dist/_lib/getInjectedJSForLogin.d.ts +2 -0
- package/dist/_lib/getInjectedJSForLogin.d.ts.map +1 -0
- package/dist/_lib/getInjectedJSForLogin.js +168 -0
- package/dist/_lib/getInjectedJSForLogin.js.map +1 -0
- package/dist/_lib/getInjectedJSForLogout.d.ts +2 -0
- package/dist/_lib/getInjectedJSForLogout.d.ts.map +1 -0
- package/dist/_lib/getInjectedJSForLogout.js +63 -0
- package/dist/_lib/getInjectedJSForLogout.js.map +1 -0
- package/dist/_lib/index.d.ts +7 -0
- package/dist/_lib/index.d.ts.map +1 -0
- package/dist/_lib/index.js +7 -0
- package/dist/_lib/index.js.map +1 -0
- package/dist/_lib/types/authStage.d.ts +7 -0
- package/dist/_lib/types/authStage.d.ts.map +1 -0
- package/dist/_lib/types/authStage.js +6 -0
- package/dist/_lib/types/authStage.js.map +1 -0
- package/dist/_lib/types/confirmAuthPhase.d.ts +7 -0
- package/dist/_lib/types/confirmAuthPhase.d.ts.map +1 -0
- package/dist/_lib/types/confirmAuthPhase.js +6 -0
- package/dist/_lib/types/confirmAuthPhase.js.map +1 -0
- package/dist/_lib/types/index.d.ts +4 -0
- package/dist/_lib/types/index.d.ts.map +1 -0
- package/dist/_lib/types/index.js +4 -0
- package/dist/_lib/types/index.js.map +1 -0
- package/dist/_lib/types/pinSetupStage.d.ts +7 -0
- package/dist/_lib/types/pinSetupStage.d.ts.map +1 -0
- package/dist/_lib/types/pinSetupStage.js +6 -0
- package/dist/_lib/types/pinSetupStage.js.map +1 -0
- package/dist/axios/adapters/KeycloakTokenProvider.d.ts +10 -0
- package/dist/axios/adapters/KeycloakTokenProvider.d.ts.map +1 -0
- package/dist/axios/adapters/KeycloakTokenProvider.js +56 -0
- package/dist/axios/adapters/KeycloakTokenProvider.js.map +1 -0
- package/dist/axios/index.d.ts +5 -0
- package/dist/axios/index.d.ts.map +1 -0
- package/dist/axios/index.js +3 -0
- package/dist/axios/index.js.map +1 -0
- package/dist/axios/interceptors.d.ts +5 -0
- package/dist/axios/interceptors.d.ts.map +1 -0
- package/dist/axios/interceptors.js +136 -0
- package/dist/axios/interceptors.js.map +1 -0
- package/dist/axios/tokenProvider.d.ts +7 -0
- package/dist/axios/tokenProvider.d.ts.map +1 -0
- package/dist/axios/tokenProvider.js +2 -0
- package/dist/axios/tokenProvider.js.map +1 -0
- package/dist/axios/types.d.ts +17 -0
- package/dist/axios/types.d.ts.map +1 -0
- package/dist/axios/types.js +2 -0
- package/dist/axios/types.js.map +1 -0
- package/dist/context/KeycloakConfigContext.d.ts +10 -0
- package/dist/context/KeycloakConfigContext.d.ts.map +1 -0
- package/dist/context/KeycloakConfigContext.js +50 -0
- package/dist/context/KeycloakConfigContext.js.map +1 -0
- package/dist/context/KeycloakInstanceContext.d.ts +20 -0
- package/dist/context/KeycloakInstanceContext.d.ts.map +1 -0
- package/dist/context/KeycloakInstanceContext.js +113 -0
- package/dist/context/KeycloakInstanceContext.js.map +1 -0
- package/dist/context/KeycloakProvider.d.ts +15 -0
- package/dist/context/KeycloakProvider.d.ts.map +1 -0
- package/dist/context/KeycloakProvider.js +19 -0
- package/dist/context/KeycloakProvider.js.map +1 -0
- package/dist/context/KeycloakThemeContext.d.ts +66 -0
- package/dist/context/KeycloakThemeContext.d.ts.map +1 -0
- package/dist/context/KeycloakThemeContext.js +59 -0
- package/dist/context/KeycloakThemeContext.js.map +1 -0
- package/dist/context/ReauthContext.d.ts +13 -0
- package/dist/context/ReauthContext.d.ts.map +1 -0
- package/dist/context/ReauthContext.js +26 -0
- package/dist/context/ReauthContext.js.map +1 -0
- package/dist/context/TokenContext.d.ts +18 -0
- package/dist/context/TokenContext.d.ts.map +1 -0
- package/dist/context/TokenContext.js +117 -0
- package/dist/context/TokenContext.js.map +1 -0
- package/dist/context/index.d.ts +14 -0
- package/dist/context/index.d.ts.map +1 -0
- package/dist/context/index.js +7 -0
- package/dist/context/index.js.map +1 -0
- package/dist/core/adapter.d.ts +23 -0
- package/dist/core/adapter.d.ts.map +1 -0
- package/dist/core/adapter.js +75 -0
- package/dist/core/adapter.js.map +1 -0
- package/dist/core/client.d.ts +7 -0
- package/dist/core/client.d.ts.map +1 -0
- package/dist/core/client.js +12 -0
- package/dist/core/client.js.map +1 -0
- package/dist/core/index.d.ts +5 -0
- package/dist/core/index.d.ts.map +1 -0
- package/dist/core/index.js +4 -0
- package/dist/core/index.js.map +1 -0
- package/dist/core/storage.d.ts +10 -0
- package/dist/core/storage.d.ts.map +1 -0
- package/dist/core/storage.js +37 -0
- package/dist/core/storage.js.map +1 -0
- package/dist/core/types.d.ts +31 -0
- package/dist/core/types.d.ts.map +1 -0
- package/dist/core/types.js +2 -0
- package/dist/core/types.js.map +1 -0
- package/dist/core/utils.d.ts +2 -0
- package/dist/core/utils.d.ts.map +1 -0
- package/dist/core/utils.js +10 -0
- package/dist/core/utils.js.map +1 -0
- package/dist/hooks/index.d.ts +9 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +7 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useKeycloakAuth.d.ts +23 -0
- package/dist/hooks/useKeycloakAuth.d.ts.map +1 -0
- package/dist/hooks/useKeycloakAuth.js +67 -0
- package/dist/hooks/useKeycloakAuth.js.map +1 -0
- package/dist/hooks/useKeycloakAuthScreen.d.ts +11 -0
- package/dist/hooks/useKeycloakAuthScreen.d.ts.map +1 -0
- package/dist/hooks/useKeycloakAuthScreen.js +59 -0
- package/dist/hooks/useKeycloakAuthScreen.js.map +1 -0
- package/dist/index.d.ts +18 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +12 -0
- package/dist/index.js.map +1 -0
- package/dist/screens/AuthPage/AuthPage.d.ts +17 -0
- package/dist/screens/AuthPage/AuthPage.d.ts.map +1 -0
- package/dist/screens/AuthPage/AuthPage.js +115 -0
- package/dist/screens/AuthPage/AuthPage.js.map +1 -0
- package/dist/screens/AuthPage/index.d.ts +2 -0
- package/dist/screens/AuthPage/index.d.ts.map +1 -0
- package/dist/screens/AuthPage/index.js +2 -0
- package/dist/screens/AuthPage/index.js.map +1 -0
- package/dist/screens/ConfirmAuthPage/ConfirmAuthPage.d.ts +21 -0
- package/dist/screens/ConfirmAuthPage/ConfirmAuthPage.d.ts.map +1 -0
- package/dist/screens/ConfirmAuthPage/ConfirmAuthPage.js +215 -0
- package/dist/screens/ConfirmAuthPage/ConfirmAuthPage.js.map +1 -0
- package/dist/screens/ConfirmAuthPage/index.d.ts +2 -0
- package/dist/screens/ConfirmAuthPage/index.d.ts.map +1 -0
- package/dist/screens/ConfirmAuthPage/index.js +2 -0
- package/dist/screens/ConfirmAuthPage/index.js.map +1 -0
- package/dist/screens/index.d.ts +3 -0
- package/dist/screens/index.d.ts.map +1 -0
- package/dist/screens/index.js +3 -0
- package/dist/screens/index.js.map +1 -0
- package/dist/storage/credentialStorage.d.ts +26 -0
- package/dist/storage/credentialStorage.d.ts.map +1 -0
- package/dist/storage/credentialStorage.js +188 -0
- package/dist/storage/credentialStorage.js.map +1 -0
- package/dist/storage/index.d.ts +3 -0
- package/dist/storage/index.d.ts.map +1 -0
- package/dist/storage/index.js +3 -0
- package/dist/storage/index.js.map +1 -0
- package/dist/storage/tokenStorage.d.ts +28 -0
- package/dist/storage/tokenStorage.d.ts.map +1 -0
- package/dist/storage/tokenStorage.js +145 -0
- package/dist/storage/tokenStorage.js.map +1 -0
- package/dist/ui/DefaultButton/DefaultButton.d.ts +10 -0
- package/dist/ui/DefaultButton/DefaultButton.d.ts.map +1 -0
- package/dist/ui/DefaultButton/DefaultButton.js +41 -0
- package/dist/ui/DefaultButton/DefaultButton.js.map +1 -0
- package/dist/ui/DefaultButton/DefaultIconButton.d.ts +4 -0
- package/dist/ui/DefaultButton/DefaultIconButton.d.ts.map +1 -0
- package/dist/ui/DefaultButton/DefaultIconButton.js +11 -0
- package/dist/ui/DefaultButton/DefaultIconButton.js.map +1 -0
- package/dist/ui/DefaultButton/index.d.ts +4 -0
- package/dist/ui/DefaultButton/index.d.ts.map +1 -0
- package/dist/ui/DefaultButton/index.js +3 -0
- package/dist/ui/DefaultButton/index.js.map +1 -0
- package/dist/ui/DefaultLoader/DefaultLoader.d.ts +3 -0
- package/dist/ui/DefaultLoader/DefaultLoader.d.ts.map +1 -0
- package/dist/ui/DefaultLoader/DefaultLoader.js +16 -0
- package/dist/ui/DefaultLoader/DefaultLoader.js.map +1 -0
- package/dist/ui/DefaultLoader/index.d.ts +2 -0
- package/dist/ui/DefaultLoader/index.d.ts.map +1 -0
- package/dist/ui/DefaultLoader/index.js +2 -0
- package/dist/ui/DefaultLoader/index.js.map +1 -0
- package/dist/ui/LogoutButton/LogoutButtonIcon.d.ts +4 -0
- package/dist/ui/LogoutButton/LogoutButtonIcon.d.ts.map +1 -0
- package/dist/ui/LogoutButton/LogoutButtonIcon.js +12 -0
- package/dist/ui/LogoutButton/LogoutButtonIcon.js.map +1 -0
- package/dist/ui/LogoutButton/LogoutButtonText.d.ts +4 -0
- package/dist/ui/LogoutButton/LogoutButtonText.d.ts.map +1 -0
- package/dist/ui/LogoutButton/LogoutButtonText.js +18 -0
- package/dist/ui/LogoutButton/LogoutButtonText.js.map +1 -0
- package/dist/ui/LogoutButton/index.d.ts +4 -0
- package/dist/ui/LogoutButton/index.d.ts.map +1 -0
- package/dist/ui/LogoutButton/index.js +3 -0
- package/dist/ui/LogoutButton/index.js.map +1 -0
- package/dist/ui/LogoutButton/types.d.ts +14 -0
- package/dist/ui/LogoutButton/types.d.ts.map +1 -0
- package/dist/ui/LogoutButton/types.js +2 -0
- package/dist/ui/LogoutButton/types.js.map +1 -0
- package/dist/ui/LogoutButton/useLogoutButton.d.ts +13 -0
- package/dist/ui/LogoutButton/useLogoutButton.d.ts.map +1 -0
- package/dist/ui/LogoutButton/useLogoutButton.js +46 -0
- package/dist/ui/LogoutButton/useLogoutButton.js.map +1 -0
- package/dist/ui/LogoutConfirmSheet/LogoutConfirmSheet.d.ts +15 -0
- package/dist/ui/LogoutConfirmSheet/LogoutConfirmSheet.d.ts.map +1 -0
- package/dist/ui/LogoutConfirmSheet/LogoutConfirmSheet.js +68 -0
- package/dist/ui/LogoutConfirmSheet/LogoutConfirmSheet.js.map +1 -0
- package/dist/ui/LogoutConfirmSheet/index.d.ts +2 -0
- package/dist/ui/LogoutConfirmSheet/index.d.ts.map +1 -0
- package/dist/ui/LogoutConfirmSheet/index.js +2 -0
- package/dist/ui/LogoutConfirmSheet/index.js.map +1 -0
- package/dist/ui/NumberPad/NumberPad.d.ts +15 -0
- package/dist/ui/NumberPad/NumberPad.d.ts.map +1 -0
- package/dist/ui/NumberPad/NumberPad.js +142 -0
- package/dist/ui/NumberPad/NumberPad.js.map +1 -0
- package/dist/ui/NumberPad/index.d.ts +2 -0
- package/dist/ui/NumberPad/index.d.ts.map +1 -0
- package/dist/ui/NumberPad/index.js +2 -0
- package/dist/ui/NumberPad/index.js.map +1 -0
- package/dist/ui/PINConfirm/PINConfirm.d.ts +18 -0
- package/dist/ui/PINConfirm/PINConfirm.d.ts.map +1 -0
- package/dist/ui/PINConfirm/PINConfirm.js +148 -0
- package/dist/ui/PINConfirm/PINConfirm.js.map +1 -0
- package/dist/ui/PINConfirm/index.d.ts +2 -0
- package/dist/ui/PINConfirm/index.d.ts.map +1 -0
- package/dist/ui/PINConfirm/index.js +2 -0
- package/dist/ui/PINConfirm/index.js.map +1 -0
- package/dist/ui/PINIndicator/PINIndicator.d.ts +13 -0
- package/dist/ui/PINIndicator/PINIndicator.d.ts.map +1 -0
- package/dist/ui/PINIndicator/PINIndicator.js +52 -0
- package/dist/ui/PINIndicator/PINIndicator.js.map +1 -0
- package/dist/ui/PINIndicator/index.d.ts +2 -0
- package/dist/ui/PINIndicator/index.d.ts.map +1 -0
- package/dist/ui/PINIndicator/index.js +2 -0
- package/dist/ui/PINIndicator/index.js.map +1 -0
- package/dist/ui/PINSetup/PINSetup.d.ts +17 -0
- package/dist/ui/PINSetup/PINSetup.d.ts.map +1 -0
- package/dist/ui/PINSetup/PINSetup.js +117 -0
- package/dist/ui/PINSetup/PINSetup.js.map +1 -0
- package/dist/ui/PINSetup/index.d.ts +2 -0
- package/dist/ui/PINSetup/index.d.ts.map +1 -0
- package/dist/ui/PINSetup/index.js +2 -0
- package/dist/ui/PINSetup/index.js.map +1 -0
- package/dist/ui/PINSetup/stages/BiometryStage.d.ts +12 -0
- package/dist/ui/PINSetup/stages/BiometryStage.d.ts.map +1 -0
- package/dist/ui/PINSetup/stages/BiometryStage.js +76 -0
- package/dist/ui/PINSetup/stages/BiometryStage.js.map +1 -0
- package/dist/ui/PINSetup/stages/ConfirmStage.d.ts +13 -0
- package/dist/ui/PINSetup/stages/ConfirmStage.d.ts.map +1 -0
- package/dist/ui/PINSetup/stages/ConfirmStage.js +20 -0
- package/dist/ui/PINSetup/stages/ConfirmStage.js.map +1 -0
- package/dist/ui/PINSetup/stages/EnterStage.d.ts +13 -0
- package/dist/ui/PINSetup/stages/EnterStage.d.ts.map +1 -0
- package/dist/ui/PINSetup/stages/EnterStage.js +19 -0
- package/dist/ui/PINSetup/stages/EnterStage.js.map +1 -0
- package/dist/ui/PINSetup/stages/index.d.ts +4 -0
- package/dist/ui/PINSetup/stages/index.d.ts.map +1 -0
- package/dist/ui/PINSetup/stages/index.js +4 -0
- package/dist/ui/PINSetup/stages/index.js.map +1 -0
- package/dist/ui/PINSetup/styles.d.ts +39 -0
- package/dist/ui/PINSetup/styles.d.ts.map +1 -0
- package/dist/ui/PINSetup/styles.js +40 -0
- package/dist/ui/PINSetup/styles.js.map +1 -0
- package/dist/ui/WebViewLogin/WebViewLogin.d.ts +14 -0
- package/dist/ui/WebViewLogin/WebViewLogin.d.ts.map +1 -0
- package/dist/ui/WebViewLogin/WebViewLogin.js +125 -0
- package/dist/ui/WebViewLogin/WebViewLogin.js.map +1 -0
- package/dist/ui/WebViewLogin/index.d.ts +2 -0
- package/dist/ui/WebViewLogin/index.d.ts.map +1 -0
- package/dist/ui/WebViewLogin/index.js +2 -0
- package/dist/ui/WebViewLogin/index.js.map +1 -0
- package/dist/ui/WebViewLogout/WebViewLogout.d.ts +11 -0
- package/dist/ui/WebViewLogout/WebViewLogout.d.ts.map +1 -0
- package/dist/ui/WebViewLogout/WebViewLogout.js +96 -0
- package/dist/ui/WebViewLogout/WebViewLogout.js.map +1 -0
- package/dist/ui/WebViewLogout/index.d.ts +2 -0
- package/dist/ui/WebViewLogout/index.d.ts.map +1 -0
- package/dist/ui/WebViewLogout/index.js +2 -0
- package/dist/ui/WebViewLogout/index.js.map +1 -0
- package/dist/ui/icons/FaceIdIcon.d.ts +4 -0
- package/dist/ui/icons/FaceIdIcon.d.ts.map +1 -0
- package/dist/ui/icons/FaceIdIcon.js +7 -0
- package/dist/ui/icons/FaceIdIcon.js.map +1 -0
- package/dist/ui/icons/FingerprintIcon.d.ts +4 -0
- package/dist/ui/icons/FingerprintIcon.d.ts.map +1 -0
- package/dist/ui/icons/FingerprintIcon.js +10 -0
- package/dist/ui/icons/FingerprintIcon.js.map +1 -0
- package/dist/ui/icons/index.d.ts +3 -0
- package/dist/ui/icons/index.d.ts.map +1 -0
- package/dist/ui/icons/index.js +3 -0
- package/dist/ui/icons/index.js.map +1 -0
- package/dist/ui/index.d.ts +11 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/ui/index.js +11 -0
- package/dist/ui/index.js.map +1 -0
- package/dist/widgets/ReauthBottomSheet/ReauthBottomSheet.d.ts +17 -0
- package/dist/widgets/ReauthBottomSheet/ReauthBottomSheet.d.ts.map +1 -0
- package/dist/widgets/ReauthBottomSheet/ReauthBottomSheet.js +48 -0
- package/dist/widgets/ReauthBottomSheet/ReauthBottomSheet.js.map +1 -0
- package/dist/widgets/ReauthBottomSheet/index.d.ts +2 -0
- package/dist/widgets/ReauthBottomSheet/index.d.ts.map +1 -0
- package/dist/widgets/ReauthBottomSheet/index.js +2 -0
- package/dist/widgets/ReauthBottomSheet/index.js.map +1 -0
- package/dist/widgets/index.d.ts +2 -0
- package/dist/widgets/index.d.ts.map +1 -0
- package/dist/widgets/index.js +2 -0
- package/dist/widgets/index.js.map +1 -0
- package/package.json +24 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/LogoutButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ViewStyle } from 'react-native';
|
|
2
|
+
export type LogoutButtonBaseProps = {
|
|
3
|
+
onLogoutSuccess?: () => void;
|
|
4
|
+
onError?: (error: Error) => void;
|
|
5
|
+
style?: ViewStyle;
|
|
6
|
+
};
|
|
7
|
+
export type LogoutButtonTextProps = LogoutButtonBaseProps & {
|
|
8
|
+
variant: 'contained' | 'outlined';
|
|
9
|
+
label: string;
|
|
10
|
+
};
|
|
11
|
+
export type LogoutButtonIconProps = LogoutButtonBaseProps & {
|
|
12
|
+
renderIcon: React.ReactNode;
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/LogoutButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAAG;IAClC,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,GAAG;IAC1D,OAAO,EAAE,WAAW,GAAG,UAAU,CAAC;IAElC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAGF,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,GAAG;IAE1D,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ui/LogoutButton/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { LogoutButtonBaseProps } from './types';
|
|
3
|
+
export declare function useLogoutButton(props: LogoutButtonBaseProps): {
|
|
4
|
+
buttonProps: {
|
|
5
|
+
onPress: () => void;
|
|
6
|
+
disabled: boolean;
|
|
7
|
+
loading: boolean;
|
|
8
|
+
overlayColor: string;
|
|
9
|
+
style: import("react-native").ViewStyle | undefined;
|
|
10
|
+
};
|
|
11
|
+
modal: React.JSX.Element;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=useLogoutButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLogoutButton.d.ts","sourceRoot":"","sources":["../../../src/ui/LogoutButton/useLogoutButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAK5D,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAQnD,wBAAgB,eAAe,CAAC,KAAK,EAAE,qBAAqB;;;;;;;;;EA2D3D"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React, { useCallback, useMemo, useState } from 'react';
|
|
2
|
+
import { Modal, StyleSheet, View } from 'react-native';
|
|
3
|
+
import { useKeycloakTheme } from '../../context';
|
|
4
|
+
import { WebViewLogout } from '../WebViewLogout';
|
|
5
|
+
const styles = StyleSheet.create({
|
|
6
|
+
modalContent: {
|
|
7
|
+
flex: 1,
|
|
8
|
+
},
|
|
9
|
+
});
|
|
10
|
+
export function useLogoutButton(props) {
|
|
11
|
+
const { onLogoutSuccess, onError, style } = props;
|
|
12
|
+
const { colors } = useKeycloakTheme();
|
|
13
|
+
const [showWebView, setShowWebView] = useState(false);
|
|
14
|
+
const [isLoggingOut, setIsLoggingOut] = useState(false);
|
|
15
|
+
const handlePress = useCallback(() => {
|
|
16
|
+
setShowWebView(true);
|
|
17
|
+
setIsLoggingOut(true);
|
|
18
|
+
}, []);
|
|
19
|
+
const handleLogoutSuccess = useCallback(() => {
|
|
20
|
+
setShowWebView(false);
|
|
21
|
+
setIsLoggingOut(false);
|
|
22
|
+
onLogoutSuccess?.();
|
|
23
|
+
}, [onLogoutSuccess]);
|
|
24
|
+
const handleError = useCallback((error) => {
|
|
25
|
+
setShowWebView(false);
|
|
26
|
+
setIsLoggingOut(false);
|
|
27
|
+
onError?.(error);
|
|
28
|
+
}, [onError]);
|
|
29
|
+
const buttonProps = useMemo(() => ({
|
|
30
|
+
onPress: handlePress,
|
|
31
|
+
disabled: isLoggingOut,
|
|
32
|
+
loading: isLoggingOut,
|
|
33
|
+
overlayColor: colors?.error,
|
|
34
|
+
style,
|
|
35
|
+
}), [handlePress, isLoggingOut, colors?.error, style]);
|
|
36
|
+
const modal = useMemo(() => (<Modal visible={showWebView} animationType="fade" transparent={false} statusBarTranslucent onRequestClose={() => {
|
|
37
|
+
setShowWebView(false);
|
|
38
|
+
setIsLoggingOut(false);
|
|
39
|
+
}}>
|
|
40
|
+
{showWebView ? (<View style={styles.modalContent}>
|
|
41
|
+
<WebViewLogout onLogoutSuccess={handleLogoutSuccess} onError={handleError}/>
|
|
42
|
+
</View>) : null}
|
|
43
|
+
</Modal>), [showWebView, handleLogoutSuccess, handleError]);
|
|
44
|
+
return { buttonProps, modal };
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=useLogoutButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLogoutButton.js","sourceRoot":"","sources":["../../../src/ui/LogoutButton/useLogoutButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAErD,OAAO,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAG/C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,eAAe,CAAC,KAA4B;IAC1D,MAAM,EAAC,eAAe,EAAE,OAAO,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAChD,MAAM,EAAC,MAAM,EAAC,GAAG,gBAAgB,EAAE,CAAC;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,eAAe,EAAE,EAAE,CAAC;IACtB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAY,EAAE,EAAE;QACf,cAAc,CAAC,KAAK,CAAC,CAAC;QACtB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,YAAY;QACtB,OAAO,EAAE,YAAY;QACrB,YAAY,EAAE,MAAM,EAAE,KAAK;QAC3B,KAAK;KACN,CAAC,EACF,CAAC,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAClD,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CACJ,CAAC,KAAK,CACJ,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,aAAa,CAAC,MAAM,CACpB,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,oBAAoB,CACpB,cAAc,CAAC,CAAC,GAAG,EAAE;YACnB,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAC,CACF;QAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;YAAA,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,EAC5E;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,KAAK,CAAC,CACT,EACD,CAAC,WAAW,EAAE,mBAAmB,EAAE,WAAW,CAAC,CAChD,CAAC;IAEF,OAAO,EAAC,WAAW,EAAE,KAAK,EAAC,CAAC;AAC9B,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface LogoutConfirmSheetRef {
|
|
3
|
+
open: () => void;
|
|
4
|
+
close: () => void;
|
|
5
|
+
}
|
|
6
|
+
export interface LogoutConfirmSheetProps {
|
|
7
|
+
title?: string;
|
|
8
|
+
message?: string;
|
|
9
|
+
cancelText?: string;
|
|
10
|
+
confirmText?: string;
|
|
11
|
+
onCancel?: () => void;
|
|
12
|
+
onConfirm?: () => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const LogoutConfirmSheet: React.ForwardRefExoticComponent<LogoutConfirmSheetProps & React.RefAttributes<LogoutConfirmSheetRef>>;
|
|
15
|
+
//# sourceMappingURL=LogoutConfirmSheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogoutConfirmSheet.d.ts","sourceRoot":"","sources":["../../../src/ui/LogoutConfirmSheet/LogoutConfirmSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAMlF,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,uBAAuB;IAEtC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAOD,eAAO,MAAM,kBAAkB,uGAkE9B,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import BottomSheet, { BottomSheetBackdrop, BottomSheetView } from '@gorhom/bottom-sheet';
|
|
2
|
+
import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
|
|
3
|
+
import { StyleSheet, Text, View } from 'react-native';
|
|
4
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
5
|
+
import { useKeycloakTheme } from '../../context';
|
|
6
|
+
const DEFAULT_TITLE = 'Выйти из аккаунта';
|
|
7
|
+
const DEFAULT_MESSAGE = 'Вы уверены что хотите выйти?';
|
|
8
|
+
const DEFAULT_CANCEL_TEXT = 'Отмена';
|
|
9
|
+
const DEFAULT_CONFIRM_TEXT = 'Выход';
|
|
10
|
+
export const LogoutConfirmSheet = forwardRef(({ title = DEFAULT_TITLE, message = DEFAULT_MESSAGE, cancelText = DEFAULT_CANCEL_TEXT, confirmText = DEFAULT_CONFIRM_TEXT, onCancel, onConfirm, }, ref) => {
|
|
11
|
+
const { ContainedButtonComponent, OutlinedButtonComponent } = useKeycloakTheme();
|
|
12
|
+
const { bottom } = useSafeAreaInsets();
|
|
13
|
+
const bottomSheetRef = useRef(null);
|
|
14
|
+
const open = useCallback(() => {
|
|
15
|
+
bottomSheetRef.current?.snapToIndex(0);
|
|
16
|
+
}, []);
|
|
17
|
+
const close = useCallback(() => {
|
|
18
|
+
bottomSheetRef.current?.close();
|
|
19
|
+
}, []);
|
|
20
|
+
useImperativeHandle(ref, () => ({ open, close }), [open, close]);
|
|
21
|
+
const renderBackdrop = useCallback((props) => (<BottomSheetBackdrop {...props} disappearsOnIndex={-1} appearsOnIndex={0} opacity={0.5}/>), []);
|
|
22
|
+
const handleCancel = useCallback(() => {
|
|
23
|
+
close();
|
|
24
|
+
onCancel?.();
|
|
25
|
+
}, [close, onCancel]);
|
|
26
|
+
const handleConfirm = useCallback(() => {
|
|
27
|
+
onConfirm?.();
|
|
28
|
+
}, [onConfirm]);
|
|
29
|
+
return (<BottomSheet ref={bottomSheetRef} index={-1} enableDynamicSizing bottomInset={bottom} enablePanDownToClose enableOverDrag={false} backdropComponent={renderBackdrop}>
|
|
30
|
+
<BottomSheetView style={styles.content}>
|
|
31
|
+
<Text style={styles.title}>{title}</Text>
|
|
32
|
+
<Text style={styles.message}>{message}</Text>
|
|
33
|
+
<View style={styles.buttons}>
|
|
34
|
+
<OutlinedButtonComponent style={styles.buttonFlex} onPress={handleCancel}>
|
|
35
|
+
{cancelText}
|
|
36
|
+
</OutlinedButtonComponent>
|
|
37
|
+
<ContainedButtonComponent style={styles.buttonFlex} onPress={handleConfirm}>
|
|
38
|
+
{confirmText}
|
|
39
|
+
</ContainedButtonComponent>
|
|
40
|
+
</View>
|
|
41
|
+
</BottomSheetView>
|
|
42
|
+
</BottomSheet>);
|
|
43
|
+
});
|
|
44
|
+
LogoutConfirmSheet.displayName = 'LogoutConfirmSheet';
|
|
45
|
+
const styles = StyleSheet.create({
|
|
46
|
+
content: {
|
|
47
|
+
padding: 16,
|
|
48
|
+
paddingBottom: 32,
|
|
49
|
+
},
|
|
50
|
+
title: {
|
|
51
|
+
fontSize: 18,
|
|
52
|
+
fontWeight: '600',
|
|
53
|
+
marginBottom: 8,
|
|
54
|
+
},
|
|
55
|
+
message: {
|
|
56
|
+
fontSize: 14,
|
|
57
|
+
marginBottom: 20,
|
|
58
|
+
},
|
|
59
|
+
buttons: {
|
|
60
|
+
flexDirection: 'row',
|
|
61
|
+
justifyContent: 'space-between',
|
|
62
|
+
gap: 12,
|
|
63
|
+
},
|
|
64
|
+
buttonFlex: {
|
|
65
|
+
flex: 1,
|
|
66
|
+
},
|
|
67
|
+
});
|
|
68
|
+
//# sourceMappingURL=LogoutConfirmSheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogoutConfirmSheet.js","sourceRoot":"","sources":["../../../src/ui/LogoutConfirmSheet/LogoutConfirmSheet.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/LogoutConfirmSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,GAC3B,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/LogoutConfirmSheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,GAGnB,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ViewStyle } from 'react-native';
|
|
3
|
+
interface NumberPadProps {
|
|
4
|
+
value: number[];
|
|
5
|
+
onChangeValue: (value: number[]) => void;
|
|
6
|
+
codeLength?: number;
|
|
7
|
+
onBiometry?: () => void;
|
|
8
|
+
biometryType?: 'FaceID' | 'TouchID' | 'Fingerprint' | null;
|
|
9
|
+
BiometryIcon?: React.ReactNode;
|
|
10
|
+
BackspaceIcon?: React.ReactNode;
|
|
11
|
+
style?: ViewStyle;
|
|
12
|
+
}
|
|
13
|
+
export declare const NumberPad: React.FC<NumberPadProps>;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=NumberPad.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberPad.d.ts","sourceRoot":"","sources":["../../../src/ui/NumberPad/NumberPad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,EAAuD,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB7F,UAAU,cAAc;IAItB,KAAK,EAAE,MAAM,EAAE,CAAC;IAKhB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAMzC,UAAU,CAAC,EAAE,MAAM,CAAC;IAKpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAKxB,YAAY,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,aAAa,GAAG,IAAI,CAAC;IAK3D,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAK/B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAKhC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AA2BD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkH9C,CAAC"}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
import { Dimensions, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
3
|
+
import { useKeycloakTheme } from '../../context';
|
|
4
|
+
import { FaceIdIcon, FingerprintIcon } from '../icons';
|
|
5
|
+
const numberKeys = [
|
|
6
|
+
{ number: 1, letters: '' },
|
|
7
|
+
{ number: 2, letters: 'ABC' },
|
|
8
|
+
{ number: 3, letters: 'DEF' },
|
|
9
|
+
{ number: 4, letters: 'GHI' },
|
|
10
|
+
{ number: 5, letters: 'JKL' },
|
|
11
|
+
{ number: 6, letters: 'MNO' },
|
|
12
|
+
{ number: 7, letters: 'PQRS' },
|
|
13
|
+
{ number: 8, letters: 'TUV' },
|
|
14
|
+
{ number: 9, letters: 'WXYZ' },
|
|
15
|
+
];
|
|
16
|
+
const BUTTON_GAP = 12;
|
|
17
|
+
const HORIZONTAL_PADDING = 12;
|
|
18
|
+
const NUMBER_OF_COLUMNS = 3;
|
|
19
|
+
const { width: SCREEN_WIDTH } = Dimensions.get('window');
|
|
20
|
+
const BUTTON_SIZE = (SCREEN_WIDTH - 20 - HORIZONTAL_PADDING * 2 - BUTTON_GAP * NUMBER_OF_COLUMNS * 2) /
|
|
21
|
+
NUMBER_OF_COLUMNS;
|
|
22
|
+
export const NumberPad = ({ value, onChangeValue, codeLength = 4, onBiometry, biometryType, BiometryIcon, BackspaceIcon, style, }) => {
|
|
23
|
+
const { colors: { numberPadButtonBackground: buttonBackgroundColor, numberPadText: textColor, numberPadDisabled: disabledColor, }, } = useKeycloakTheme();
|
|
24
|
+
const onNumberBackspace = () => {
|
|
25
|
+
onChangeValue(value.slice(0, -1));
|
|
26
|
+
};
|
|
27
|
+
const onNumberPress = (number) => {
|
|
28
|
+
if (value.length === codeLength) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
onChangeValue([...value, number]);
|
|
32
|
+
};
|
|
33
|
+
const onBiometryPress = () => {
|
|
34
|
+
onBiometry?.();
|
|
35
|
+
};
|
|
36
|
+
const BIOMETRY_ICON_SIZE = 32;
|
|
37
|
+
const defaultBiometryIcon = useMemo(() => {
|
|
38
|
+
if (BiometryIcon) {
|
|
39
|
+
return BiometryIcon;
|
|
40
|
+
}
|
|
41
|
+
const Icon = biometryType === 'FaceID' ? FaceIdIcon : FingerprintIcon;
|
|
42
|
+
return <Icon width={BIOMETRY_ICON_SIZE} height={BIOMETRY_ICON_SIZE} color={textColor}/>;
|
|
43
|
+
}, [biometryType, BiometryIcon, textColor]);
|
|
44
|
+
const defaultBackspaceIcon = useMemo(() => {
|
|
45
|
+
if (BackspaceIcon) {
|
|
46
|
+
return BackspaceIcon;
|
|
47
|
+
}
|
|
48
|
+
return <Text style={[styles.icon, { color: !value.length ? disabledColor : textColor }]}>⌫</Text>;
|
|
49
|
+
}, [BackspaceIcon, value.length, textColor, disabledColor]);
|
|
50
|
+
const renderKey = ({ number, letters }) => (<TouchableOpacity key={number} activeOpacity={0.7} onPress={() => onNumberPress(number)} style={[
|
|
51
|
+
styles.numberButton,
|
|
52
|
+
{
|
|
53
|
+
width: BUTTON_SIZE,
|
|
54
|
+
height: BUTTON_SIZE,
|
|
55
|
+
backgroundColor: buttonBackgroundColor,
|
|
56
|
+
},
|
|
57
|
+
]}>
|
|
58
|
+
<View style={styles.keyContent}>
|
|
59
|
+
<Text style={[styles.number, { color: textColor }]}>{number}</Text>
|
|
60
|
+
{letters && <Text style={[styles.letters, { color: textColor }]}>{letters}</Text>}
|
|
61
|
+
</View>
|
|
62
|
+
</TouchableOpacity>);
|
|
63
|
+
return (<View style={[styles.container, style]}>
|
|
64
|
+
<View style={styles.numberRow}>{numberKeys.slice(0, 3).map(renderKey)}</View>
|
|
65
|
+
<View style={styles.numberRow}>{numberKeys.slice(3, 6).map(renderKey)}</View>
|
|
66
|
+
<View style={styles.numberRow}>{numberKeys.slice(6, 9).map(renderKey)}</View>
|
|
67
|
+
<View style={styles.numberRow}>
|
|
68
|
+
<View style={styles.sideButtonContainer}>
|
|
69
|
+
{onBiometry ? (<TouchableOpacity style={[styles.sideButton, { width: BUTTON_SIZE }]} onPress={onBiometryPress}>
|
|
70
|
+
{defaultBiometryIcon}
|
|
71
|
+
</TouchableOpacity>) : (<View style={[styles.emptyButton, { width: BUTTON_SIZE }]}/>)}
|
|
72
|
+
</View>
|
|
73
|
+
<TouchableOpacity key={0} onPress={() => onNumberPress(0)} style={[
|
|
74
|
+
styles.numberButton,
|
|
75
|
+
{
|
|
76
|
+
backgroundColor: buttonBackgroundColor,
|
|
77
|
+
width: BUTTON_SIZE,
|
|
78
|
+
height: BUTTON_SIZE,
|
|
79
|
+
},
|
|
80
|
+
]}>
|
|
81
|
+
<View style={styles.keyContent}>
|
|
82
|
+
<Text style={[styles.number, { color: textColor }]}>0</Text>
|
|
83
|
+
</View>
|
|
84
|
+
</TouchableOpacity>
|
|
85
|
+
<View style={styles.sideButtonContainer}>
|
|
86
|
+
<TouchableOpacity style={[styles.sideButton, { width: BUTTON_SIZE }]} disabled={!value.length} key="backspace" onPress={onNumberBackspace}>
|
|
87
|
+
{defaultBackspaceIcon}
|
|
88
|
+
</TouchableOpacity>
|
|
89
|
+
</View>
|
|
90
|
+
</View>
|
|
91
|
+
</View>);
|
|
92
|
+
};
|
|
93
|
+
const styles = StyleSheet.create({
|
|
94
|
+
container: {
|
|
95
|
+
flexDirection: 'column',
|
|
96
|
+
paddingHorizontal: HORIZONTAL_PADDING,
|
|
97
|
+
justifyContent: 'flex-end',
|
|
98
|
+
gap: BUTTON_GAP,
|
|
99
|
+
},
|
|
100
|
+
numberRow: {
|
|
101
|
+
flexDirection: 'row',
|
|
102
|
+
justifyContent: 'center',
|
|
103
|
+
gap: BUTTON_GAP,
|
|
104
|
+
},
|
|
105
|
+
numberButton: {
|
|
106
|
+
alignItems: 'center',
|
|
107
|
+
justifyContent: 'center',
|
|
108
|
+
borderRadius: BUTTON_SIZE / 2,
|
|
109
|
+
},
|
|
110
|
+
keyContent: {
|
|
111
|
+
alignItems: 'center',
|
|
112
|
+
justifyContent: 'center',
|
|
113
|
+
},
|
|
114
|
+
number: {
|
|
115
|
+
fontSize: 28,
|
|
116
|
+
lineHeight: 38,
|
|
117
|
+
fontWeight: '400',
|
|
118
|
+
},
|
|
119
|
+
letters: {
|
|
120
|
+
fontSize: 10,
|
|
121
|
+
lineHeight: 14,
|
|
122
|
+
marginTop: -4,
|
|
123
|
+
opacity: 0.7,
|
|
124
|
+
},
|
|
125
|
+
sideButtonContainer: {
|
|
126
|
+
width: BUTTON_SIZE,
|
|
127
|
+
alignItems: 'center',
|
|
128
|
+
justifyContent: 'center',
|
|
129
|
+
},
|
|
130
|
+
sideButton: {
|
|
131
|
+
aspectRatio: 1,
|
|
132
|
+
justifyContent: 'center',
|
|
133
|
+
alignItems: 'center',
|
|
134
|
+
},
|
|
135
|
+
emptyButton: {
|
|
136
|
+
aspectRatio: 1,
|
|
137
|
+
},
|
|
138
|
+
icon: {
|
|
139
|
+
fontSize: 32,
|
|
140
|
+
},
|
|
141
|
+
});
|
|
142
|
+
//# sourceMappingURL=NumberPad.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberPad.js","sourceRoot":"","sources":["../../../src/ui/NumberPad/NumberPad.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/NumberPad/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/NumberPad/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ViewStyle } from 'react-native';
|
|
3
|
+
interface PINConfirmProps {
|
|
4
|
+
pinLength?: number;
|
|
5
|
+
onSuccess?: (credentials?: {
|
|
6
|
+
username: string;
|
|
7
|
+
password: string;
|
|
8
|
+
}) => void;
|
|
9
|
+
onError?: (error: Error) => void;
|
|
10
|
+
allowBiometry?: boolean;
|
|
11
|
+
autoShowBiometry?: boolean;
|
|
12
|
+
title?: string;
|
|
13
|
+
description?: string;
|
|
14
|
+
style?: ViewStyle;
|
|
15
|
+
}
|
|
16
|
+
export declare const PINConfirm: React.FC<PINConfirmProps>;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=PINConfirm.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PINConfirm.d.ts","sourceRoot":"","sources":["../../../src/ui/PINConfirm/PINConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAyB,SAAS,EAAC,MAAM,cAAc,CAAC;AAY/D,UAAU,eAAe;IAKvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAOnB,SAAS,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;IAKzE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAMjC,aAAa,CAAC,EAAE,OAAO,CAAC;IAMxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAK3B,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAoBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4HhD,CAAC"}
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
import React, { useCallback, useEffect, useState } from 'react';
|
|
2
|
+
import { StyleSheet, Text, View } from 'react-native';
|
|
3
|
+
import { useKeycloakTheme } from '../../context/KeycloakThemeContext';
|
|
4
|
+
import { getBiometryEnabled, getCredentialsWithBiometry, getDecryptedCredentials, getSupportedBiometryType, } from '../../storage';
|
|
5
|
+
import { NumberPad } from '../NumberPad';
|
|
6
|
+
import { PINIndicator } from '../PINIndicator';
|
|
7
|
+
export const PINConfirm = ({ pinLength = 4, onSuccess, onError, allowBiometry = true, autoShowBiometry = true, title = 'Введите PIN', style, }) => {
|
|
8
|
+
const { colors } = useKeycloakTheme();
|
|
9
|
+
const [pin, setPin] = useState([]);
|
|
10
|
+
const [error, setError] = useState(null);
|
|
11
|
+
const [biometryType, setBiometryType] = useState(null);
|
|
12
|
+
const [biometryEnabled, setBiometryEnabled] = useState(false);
|
|
13
|
+
const [isVerifying, setIsVerifying] = useState(false);
|
|
14
|
+
const { background, text } = colors;
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
const checkBiometry = async () => {
|
|
17
|
+
try {
|
|
18
|
+
const [type, enabled] = await Promise.all([
|
|
19
|
+
getSupportedBiometryType(),
|
|
20
|
+
getBiometryEnabled(),
|
|
21
|
+
]);
|
|
22
|
+
setBiometryType(type);
|
|
23
|
+
setBiometryEnabled(enabled && !!type);
|
|
24
|
+
}
|
|
25
|
+
catch (err) {
|
|
26
|
+
console.error('[PINConfirm] Ошибка проверки биометрии:', err);
|
|
27
|
+
setBiometryType(null);
|
|
28
|
+
setBiometryEnabled(false);
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
checkBiometry();
|
|
32
|
+
}, []);
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
if (autoShowBiometry && allowBiometry && biometryEnabled) {
|
|
35
|
+
handleBiometry();
|
|
36
|
+
}
|
|
37
|
+
}, [autoShowBiometry, allowBiometry, biometryEnabled]);
|
|
38
|
+
useEffect(() => {
|
|
39
|
+
if (pin.length > 0 && error) {
|
|
40
|
+
setError(null);
|
|
41
|
+
}
|
|
42
|
+
}, [pin.length, error]);
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
if (pin.length === pinLength && !isVerifying) {
|
|
45
|
+
handleVerifyPIN();
|
|
46
|
+
}
|
|
47
|
+
}, [pin, pinLength, isVerifying]);
|
|
48
|
+
const handleVerifyPIN = async () => {
|
|
49
|
+
setIsVerifying(true);
|
|
50
|
+
try {
|
|
51
|
+
const pinStr = pin.join('');
|
|
52
|
+
const credentials = await getDecryptedCredentials(pinStr);
|
|
53
|
+
if (credentials) {
|
|
54
|
+
onSuccess?.(credentials);
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
const errorMsg = 'Неверный PIN';
|
|
58
|
+
setError(errorMsg);
|
|
59
|
+
setPin([]);
|
|
60
|
+
onError?.(new Error(errorMsg));
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
catch (err) {
|
|
64
|
+
const pinError = err instanceof Error ? err : new Error('Ошибка проверки PIN');
|
|
65
|
+
setError(pinError.message);
|
|
66
|
+
setPin([]);
|
|
67
|
+
onError?.(pinError);
|
|
68
|
+
}
|
|
69
|
+
finally {
|
|
70
|
+
setIsVerifying(false);
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
const handleBiometry = useCallback(async () => {
|
|
74
|
+
if (!biometryEnabled || !biometryType) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
try {
|
|
78
|
+
const credentials = await getCredentialsWithBiometry();
|
|
79
|
+
if (credentials) {
|
|
80
|
+
onSuccess?.(credentials);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
catch (err) {
|
|
84
|
+
console.error('[PINConfirm] Биометрия не удалась:', err);
|
|
85
|
+
setError('Ошибка биометрической аутентификации');
|
|
86
|
+
}
|
|
87
|
+
}, [biometryEnabled, biometryType, onSuccess]);
|
|
88
|
+
return (<View style={[styles.container, { backgroundColor: background }, style]}>
|
|
89
|
+
<View style={styles.content}>
|
|
90
|
+
<View style={styles.header}>
|
|
91
|
+
<Text style={[styles.title, { color: text }]}>{title}</Text>
|
|
92
|
+
</View>
|
|
93
|
+
|
|
94
|
+
<View style={styles.indicatorContainer}>
|
|
95
|
+
<PINIndicator value={pin} codeLength={pinLength} error={error}/>
|
|
96
|
+
</View>
|
|
97
|
+
|
|
98
|
+
<NumberPad value={pin} onChangeValue={setPin} codeLength={pinLength} onBiometry={allowBiometry && biometryEnabled ? handleBiometry : undefined} biometryType={biometryType}/>
|
|
99
|
+
</View>
|
|
100
|
+
</View>);
|
|
101
|
+
};
|
|
102
|
+
const styles = StyleSheet.create({
|
|
103
|
+
container: {
|
|
104
|
+
flex: 1,
|
|
105
|
+
paddingHorizontal: 16,
|
|
106
|
+
},
|
|
107
|
+
content: {
|
|
108
|
+
flex: 1,
|
|
109
|
+
justifyContent: 'space-between',
|
|
110
|
+
paddingTop: 24,
|
|
111
|
+
},
|
|
112
|
+
header: {
|
|
113
|
+
alignItems: 'center',
|
|
114
|
+
},
|
|
115
|
+
title: {
|
|
116
|
+
fontSize: 24,
|
|
117
|
+
fontWeight: '600',
|
|
118
|
+
textAlign: 'center',
|
|
119
|
+
marginBottom: 8,
|
|
120
|
+
},
|
|
121
|
+
description: {
|
|
122
|
+
fontSize: 14,
|
|
123
|
+
textAlign: 'center',
|
|
124
|
+
opacity: 0.7,
|
|
125
|
+
},
|
|
126
|
+
indicatorContainer: {
|
|
127
|
+
alignItems: 'center',
|
|
128
|
+
marginVertical: 40,
|
|
129
|
+
},
|
|
130
|
+
errorContainer: {
|
|
131
|
+
alignItems: 'center',
|
|
132
|
+
marginTop: -20,
|
|
133
|
+
marginBottom: 20,
|
|
134
|
+
},
|
|
135
|
+
errorText: {
|
|
136
|
+
fontSize: 14,
|
|
137
|
+
textAlign: 'center',
|
|
138
|
+
},
|
|
139
|
+
forgotPINButton: {
|
|
140
|
+
alignItems: 'center',
|
|
141
|
+
paddingVertical: 16,
|
|
142
|
+
},
|
|
143
|
+
forgotPINText: {
|
|
144
|
+
fontSize: 16,
|
|
145
|
+
fontWeight: '500',
|
|
146
|
+
},
|
|
147
|
+
});
|
|
148
|
+
//# sourceMappingURL=PINConfirm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PINConfirm.js","sourceRoot":"","sources":["../../../src/ui/PINConfirm/PINConfirm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/PINConfirm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/PINConfirm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ViewStyle } from 'react-native';
|
|
3
|
+
interface PINIndicatorProps {
|
|
4
|
+
value: number[];
|
|
5
|
+
codeLength: number;
|
|
6
|
+
error?: string | null;
|
|
7
|
+
dotSize?: number;
|
|
8
|
+
dotSpacing?: number;
|
|
9
|
+
style?: ViewStyle;
|
|
10
|
+
}
|
|
11
|
+
export declare const PINIndicator: React.FC<PINIndicatorProps>;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=PINIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PINIndicator.d.ts","sourceRoot":"","sources":["../../../src/ui/PINIndicator/PINIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,SAAS,EAAC,MAAM,cAAc,CAAC;AAI/D,UAAU,iBAAiB;IAIzB,KAAK,EAAE,MAAM,EAAE,CAAC;IAKhB,UAAU,EAAE,MAAM,CAAC;IAKnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAKtB,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,UAAU,CAAC,EAAE,MAAM,CAAC;IAKpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAaD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2CpD,CAAC"}
|