Introduce modern Asgardeo Nuxt.js SDK

package.json

@@ -22,6 +22,7 @@
     "build": "nx run-many --target=build --all",
     "build:packages": "nx run-many --target=build --projects=packages/*",
     "build:samples": "nx run-many --target=build --projects=samples/*",
+    "build:playgrounds": "nx run-many --target=build --projects=playgrounds/*",
     "fix:lint": "nx run-many --target=fix:lint --all --parallel",
     "lint": "nx run-many --target=lint --all --parallel",
     "publish:packages": "changeset publish",

packages/javascript/src/api/updateMeProfile.ts

@@ -18,6 +18,7 @@
 
 import AsgardeoAPIError from '../errors/AsgardeoAPIError';
 import {User} from '../models/user';
+import processUserUsername from '../utils/processUsername';
 
 /**
  * Configuration for the updateMeProfile request
@@ -141,7 +142,11 @@ const updateMeProfile = async ({
       );
     }
 
-    return (await response.json()) as User;
+    // Match the read path (`getScim2Me`) — strip the userstore prefix
+    // (e.g. "DEFAULT/") so consumers receive a clean `userName`. Without
+    // this, the optimistic-update path would put the prefixed value into
+    // local state and the UI would flip to "DEFAULT/<email>" after a save.
+    return processUserUsername((await response.json()) as User);
   } catch (error) {
     if (error instanceof AsgardeoAPIError) {
       throw error;

packages/javascript/src/utils/generateFlattenedUserProfile.ts

@@ -77,6 +77,26 @@ const generateFlattenedUserProfile = (meResponse: any, processedSchemas: any[]):
 
     let value: any = get(meResponse, name);
 
+    // SCIM2 multi-valued complex attributes (phoneNumbers, emails, ims, ...)
+    // are stored as arrays of typed objects: [{type: "mobile", value: "..."}].
+    // The schema flattens them as `<attr>.<type>` (e.g. "phoneNumbers.mobile"),
+    // so when the dotted lookup misses, fall back to filtering the array by
+    // `type` and reading `.value`.
+    if (value === undefined) {
+      const dotIndex: number = name.indexOf('.');
+      if (dotIndex > 0) {
+        const head: string = name.slice(0, dotIndex);
+        const tail: string = name.slice(dotIndex + 1);
+        const arr: any = meResponse[head];
+        if (Array.isArray(arr)) {
+          const match: any = arr.find((item: any) => item && item.type === tail);
+          if (match && match.value !== undefined) {
+            value = match.value;
+          }
+        }
+      }
+    }
+
     // If value not found at top level, check within schema namespaces
     if (value === undefined) {
       const schemaNamespaces: string[] = [