@brightlayer-ui/react-native-template-authentication-typescript 3.0.0-alpha.1 → 3.0.0

package/template.config.js

@@ -1,4 +1,4 @@
 module.exports = {
-    placeholderName: 'blankTemplate',
+    placeholderName: 'example',
     templateDir: './template',
 };

package/template/eslint.config.mjs

@@ -1,10 +0,0 @@
-import globals from "globals";
-import tseslint from "typescript-eslint";
-import pluginReactConfig from "eslint-plugin-react/configs/recommended.js";
-
-
-export default [
-  {languageOptions: { globals: globals.browser }},
-  ...tseslint.configs.recommended,
-  pluginReactConfig,
-];

package/template/ios/blankTemplate/PrivacyInfo.xcprivacy

@@ -1,37 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>NSPrivacyAccessedAPITypes</key>
-	<array>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>C617.1</string>
-			</array>
-		</dict>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>CA92.1</string>
-			</array>
-		</dict>
-		<dict>
-			<key>NSPrivacyAccessedAPIType</key>
-			<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
-			<key>NSPrivacyAccessedAPITypeReasons</key>
-			<array>
-				<string>35F9.1</string>
-			</array>
-		</dict>
-	</array>
-	<key>NSPrivacyCollectedDataTypes</key>
-	<array/>
-	<key>NSPrivacyTracking</key>
-	<false/>
-</dict>
-</plist>

package/template/src/components/AuthCustomScreen.tsx

@@ -1,50 +0,0 @@
-import React, { useCallback } from 'react';
-import {
-    WorkflowCard,
-    WorkflowCardActions,
-    WorkflowCardBody,
-    WorkflowCardHeader,
-    useAuthContext,
-} from '@brightlayer-ui/react-native-auth-workflow';
-import { Text } from 'react-native-paper';
-import { View } from 'react-native';
-import { useTranslation } from 'react-i18next';
-
-export const AuthCustomScreen: React.FC = () => {
-    const { actions } = useAuthContext();
-
-    const handleOnNext = useCallback(async () => {
-        try {
-            await actions.forgotPassword('email@email.email');
-        } catch (_error) {
-            // eslint-disable-next-line no-console
-            console.log('Error ::', _error);
-        }
-    }, [actions]);
-
-    const { t } = useTranslation();
-
-    return (
-        <WorkflowCard>
-            <WorkflowCardHeader title="Auth Screen" />
-            <WorkflowCardBody>
-                <View
-                    style={{
-                        justifyContent: 'center',
-                        alignItems: 'center',
-                        paddingTop: 50,
-                        paddingBottom: 50,
-                    }}
-                >
-                    <Text variant="headlineSmall">Auth Translations</Text>
-                    <Text variant="bodyMedium">{`Auth Translations: ${t('bluiAuth:FORGOT_PASSWORD.ERROR')}`}</Text>
-                    <Text variant="bodyMedium">{`Common Translations: ${t(
-                        'bluiCommon:ACTIONS.CHANGE_LANGUAGE'
-                    )}`}</Text>
-                    <Text variant="bodyMedium">{`App Translations: ${t('app:PAGE_DETAILS.AUTHORISED_MESSAGE')}`}</Text>
-                </View>
-            </WorkflowCardBody>
-            <WorkflowCardActions showNext nextLabel={'Press'} onNext={(): void => void handleOnNext()} />
-        </WorkflowCard>
-    );
-};

package/template/src/components/CustomScreen.tsx

@@ -1,77 +0,0 @@
-import React, { useCallback, useState } from 'react';
-// import { useRegistrationWorkflowContext } from '../../contexts';
-import {
-    WorkflowCard,
-    WorkflowCardActions,
-    WorkflowCardBody,
-    WorkflowCardHeader,
-    useRegistrationWorkflowContext,
-    useRegistrationContext,
-} from '@brightlayer-ui/react-native-auth-workflow';
-import { TextInput } from 'react-native-paper';
-import { useTranslation } from 'react-i18next';
-
-type CustomScreenProps = {
-    /**
-     * Used to pre-populate the data when the screen loads
-     *
-     */
-    organisationName?: any;
-};
-
-export const CustomScreen: React.FC<CustomScreenProps> = (props) => {
-    const regWorkflow = useRegistrationWorkflowContext();
-    const { navigate } = useRegistrationContext();
-    const { nextScreen, screenData, currentScreen, totalScreens, resetScreenData, previousScreen } = regWorkflow;
-    const { organisationName } = props;
-    const { t } = useTranslation();
-
-    const [organisationNameInput, setOrganisationNameInput] = useState(
-        organisationName ? organisationName : screenData.Other?.organisationName
-    );
-
-    const onNext = useCallback(() => {
-        void nextScreen({
-            screenId: 'Custom',
-            values: { organisationName: organisationNameInput },
-            // isAccountExist: true,
-        });
-    }, [organisationNameInput, nextScreen]);
-
-    const onIconPress = useCallback(() => {
-        navigate(-1);
-        resetScreenData();
-    }, [navigate, resetScreenData]);
-
-    const onPrevious = useCallback(() => {
-        void previousScreen({
-            screenId: 'Custom',
-            values: { organisationName: organisationNameInput },
-            // isAccountExist: true,
-        });
-    }, [organisationNameInput, previousScreen]);
-
-    return (
-        <WorkflowCard>
-            <WorkflowCardHeader title="Custom Screen" onIconPress={onIconPress} icon={{ name: 'arrow-back' }} />
-            <WorkflowCardBody>
-                <TextInput
-                    label={t('app:ORGANAIZATION_DETAILS.NAME')}
-                    mode="flat"
-                    value={organisationNameInput}
-                    onChangeText={(value) => setOrganisationNameInput(value)}
-                />
-            </WorkflowCardBody>
-            <WorkflowCardActions
-                showPrevious
-                showNext
-                previousLabel={t('bluiCommon:ACTIONS.BACK')}
-                nextLabel={t('bluiCommon:ACTIONS.OKAY')}
-                currentStep={currentScreen}
-                totalSteps={totalScreens}
-                onNext={onNext}
-                onPrevious={onPrevious}
-            />
-        </WorkflowCard>
-    );
-};

package/template/src/components/ForgotPasswordScreenBaseExample.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import {
-    ForgotPasswordScreen,
-    AuthContextProvider,
-    ErrorContextProvider,
-} from '@brightlayer-ui/react-native-auth-workflow';
-import { useNavigation } from '@react-navigation/native';
-import { useApp } from '../contexts/AppContextProvider';
-import { ProjectAuthUIActions } from '../actions/AuthUIActions';
-import i18nAppInstance from '../../translations/i18n';
-
-export const ForgotPasswordScreenBaseExample: React.FC = () => {
-    const app = useApp();
-    const navigation = useNavigation();
-
-    return (
-        <AuthContextProvider
-            language={app.language}
-            actions={ProjectAuthUIActions(app)}
-            i18n={i18nAppInstance}
-            navigate={(destination: -1 | string) => {
-                if (typeof destination === 'string') {
-                    navigation.navigate(destination);
-                } else {
-                    navigation.goBack();
-                }
-            }}
-            routeConfig={{
-                LOGIN: 'Home',
-                FORGOT_PASSWORD: undefined,
-                RESET_PASSWORD: undefined,
-                REGISTER_INVITE: undefined,
-                REGISTER_SELF: undefined,
-                SUPPORT: undefined,
-            }}
-        >
-            <ErrorContextProvider>
-                <ForgotPasswordScreen />
-            </ErrorContextProvider>
-        </AuthContextProvider>
-    );
-};

package/template/src/components/ResetPasswordScreenBaseExample.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-import { AuthContextProvider, ResetPasswordScreen } from '@brightlayer-ui/react-native-auth-workflow';
-import { useApp } from '../contexts/AppContextProvider';
-import { useNavigation } from '@react-navigation/native';
-import { ProjectAuthUIActions } from '../actions/AuthUIActions';
-import i18nAppInstance from '../../translations/i18n';
-
-export const ResetPasswordScreenBaseExample: React.FC = () => {
-    const app = useApp();
-    const navigation = useNavigation();
-
-    return (
-        <AuthContextProvider
-            language={app.language}
-            actions={ProjectAuthUIActions(app)}
-            i18n={i18nAppInstance}
-            navigate={(destination: -1 | string) => {
-                if (typeof destination === 'string') {
-                    navigation.navigate(destination);
-                } else {
-                    navigation.goBack();
-                }
-            }}
-            routeConfig={{
-                LOGIN: 'Home',
-                FORGOT_PASSWORD: undefined,
-                RESET_PASSWORD: undefined,
-                REGISTER_INVITE: undefined,
-                REGISTER_SELF: undefined,
-                SUPPORT: undefined,
-            }}
-        >
-            <ResetPasswordScreen
-                accountParams={{
-                    code: '123',
-                    email: 'test@eaton.com',
-                }}
-            />
-        </AuthContextProvider>
-    );
-};