Merge pull request #14 from movinsilva/react-ui--components

Author: DonOmalVindula

.vscode/settings.json

@@ -3,7 +3,8 @@
         "workspace",
         "core",
         "react",
-        "auth-components"
+        "auth-components",
+        "sample-app"
     ],
     "editor.codeActionsOnSave": {
         "source.fixAll.eslint": "explicit"

package.json

@@ -8,6 +8,7 @@
     "nx": "18.2.4"
   },
   "workspaces": [
-    "packages/*"
+    "packages/*",
+    "recipes/*"
   ]
 }

packages/core/src/api/sign-out.ts

@@ -18,6 +18,7 @@
 
 import {AuthClient, ResponseMode} from '../auth-client';
 import AsgardeoUIException from '../exception';
+import {UIAuthClient} from '../models/auth-config';
 
 /**
  * Sign out the user.
@@ -45,9 +46,11 @@ const signOut = async (): Promise<void> => {
 
   const formBody: URLSearchParams = new URLSearchParams();
 
+  const authClient: UIAuthClient = AuthClient.getInstance();
+
   try {
-    formBody.append('id_token_hint', await AuthClient.getInstance().getIDToken());
-    formBody.append('client_id', (await AuthClient.getInstance().getDataLayer().getConfigData()).clientID);
+    formBody.append('id_token_hint', await authClient.getIDToken());
+    formBody.append('client_id', (await authClient.getDataLayer().getConfigData()).clientID);
     formBody.append('response_mode', ResponseMode.direct);
   } catch (error) {
     throw new AsgardeoUIException('JS_UI_CORE-SIGNOUT-SO-IV', 'Failed to build the body of the signout request.');
@@ -60,7 +63,8 @@ const signOut = async (): Promise<void> => {
   };
 
   try {
-    signOutUrl = (await AuthClient.getInstance().getOIDCServiceEndpoints()).endSessionEndpoint;
+    const {endSessionEndpoint} = await authClient.getOIDCServiceEndpoints();
+    signOutUrl = endSessionEndpoint;
   } catch (error) {
     throw new AsgardeoUIException('JS_UI_CORE-SIGNOUT-SO-NF', 'Failed to retrieve the sign out endpoint.');
   }

packages/core/src/branding/get-branding.ts

@@ -41,8 +41,14 @@ const getBranding = async (props: GetBrandingProps): Promise<Branding> => {
   if (!merged) {
     let brandingFromConsole: BrandingPreferenceAPIResponse;
 
-    if ((await AuthClient.getInstance().getDataLayer().getConfigData()).enableConsoleBranding ?? true) {
-      brandingFromConsole = await getBrandingPreference();
+    try {
+      if ((await AuthClient.getInstance().getDataLayer().getConfigData()).enableConsoleBranding ?? true) {
+        brandingFromConsole = await getBrandingPreference();
+      }
+    } catch {
+      /**
+       * If the branding from the console cannot be fetched, proceed with the default branding.
+       */
     }
 
     if (brandingFromConsole?.preference?.configs?.isBrandingEnabled) {

packages/core/src/i18n/get-localization.ts

@@ -21,7 +21,6 @@ import merge from 'lodash.merge';
 import {TextObject} from './screens/model';
 import getBrandingPreferenceText from '../api/get-branding-preference-text';
 import {AuthClient} from '../auth-client';
-import AsgardeoUIException from '../exception';
 import {UIAuthConfig} from '../models/auth-config';
 import {BrandingPreferenceTypes} from '../models/branding-api-response';
 import {BrandingPreferenceTextAPIResponse} from '../models/branding-text-api-response';
@@ -42,21 +41,21 @@ const getLocalization = async (props: GetLocalizationProps): Promise<TextObject>
 
   const configData: AuthClientConfig<UIAuthConfig> = await AuthClient.getInstance().getDataLayer().getConfigData();
 
+  const DEFAULT_NAME: string = 'carbon.super';
+
   try {
     if (configData.enableConsoleTextBranding ?? true) {
       textFromConsoleBranding = await getBrandingPreferenceText({
         locale,
-        name: configData.name ?? 'carbon.super',
+        name: configData.name ?? DEFAULT_NAME,
         screen,
         type: configData.type ?? BrandingPreferenceTypes.Org,
       });
     }
   } catch (error) {
-    throw new AsgardeoUIException(
-      'JS_UI_CORE-LOCALIZATION-IV',
-      'Error occurred while fetching text from console branding.',
-      error.stack,
-    );
+    /**
+     * If the branding from the console cannot be fetched, proceed with the default branding.
+     */
   }
 
   /**

packages/core/src/i18n/screens/common/en-US.ts

@@ -20,7 +20,11 @@ import {Common} from './model';
 
 export const common: Common = {
   copyright: '© {{currentYear}} WSO2 LLC.',
+  error: 'Something went wrong. Please try again.',
+  or: 'OR',
+  'prefix.register': "Don't have an account?",
   'privacy.policy': 'Privacy Policy',
+  register: 'Register',
   'site.title': 'WSO2 Identity Server',
   'terms.of.service': 'Terms of Servicet',
 };

packages/core/src/i18n/screens/common/fr-FR.ts

@@ -20,7 +20,11 @@ import {Common} from './model';
 
 export const common: Common = {
   copyright: '© {{currentYear}} WSO2 LLC.',
+  error: "Quelque chose s'est mal passé. Veuillez réessayer.",
+  or: 'OU',
+  'prefix.register': "Vous n'avez pas de compte?",
   'privacy.policy': 'Politique de confidentialité',
+  register: "S'inscrire",
   'site.title': 'Identity Server WSO2',
   'terms.of.service': 'Conditions de service',
 };

packages/core/src/i18n/screens/common/model.ts

@@ -21,7 +21,11 @@
  */
 export interface Common {
   copyright: string;
+  error: string;
+  or: string;
+  'prefix.register': string;
   'privacy.policy': string;
+  register: string;
   'site.title': string;
   'terms.of.service': string;
 }

packages/core/src/i18n/screens/emailOtp/en-US.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import {EmailOTP} from './model';
+
+export const emailOtp: EmailOTP = {
+  continue: 'Continue',
+  'email.otp.heading': 'OTP Verification',
+  'enter.verification.code.got.by.device': 'Enter the code sent to your email ID.',
+  'resend.code': 'Resend code',
+};

packages/core/src/i18n/screens/emailOtp/model.ts

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+/**
+ * Interface for the TOTP text.
+ */
+export interface EmailOTP {
+  continue: string;
+  'email.otp.heading': string;
+  'enter.verification.code.got.by.device': string;
+  'resend.code': string;
+}