@asgardeo/react 0.2.4 → 0.4.0

package/dist/{esm/types/models/public-models.d.ts → models/config.d.ts}

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ * Copyright (c) 2025, 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
@@ -15,5 +15,5 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-export type { UIAuthConfig } from '@asgardeo/js';
-export { Hooks } from './use-on';
+import { AsgardeoBrowserConfig } from '@asgardeo/browser';
+export type AsgardeoReactConfig = AsgardeoBrowserConfig;

package/dist/utils/getMappedUserProfileValue.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) 2025, 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 { User } from '@asgardeo/browser';
+/**
+ * Retrieves a user profile value based on attribute mapping configuration.
+ *
+ * This function allows flexible mapping of component attribute names to actual
+ * user profile field paths. It supports both simple string mappings and arrays
+ * of potential field paths for fallback scenarios.
+ *
+ * @param key - The logical attribute name to retrieve (e.g., 'firstName', 'email')
+ * @param mappings - Object mapping logical names to user profile field paths
+ * @param user - The user object to extract values from
+ * @returns The mapped value from the user profile, or undefined if not found
+ *
+ * @example
+ * ```typescript
+ * const mappings = {
+ *   firstName: 'name.givenName',
+ *   email: 'emails[0]',
+ *   picture: ['profileUrl', 'profile', 'avatar'] // fallback options
+ * };
+ *
+ * const user = {
+ *   name: { givenName: 'John' },
+ *   emails: ['john@example.com'],
+ *   profileUrl: 'https://example.com/avatar.jpg'
+ * };
+ *
+ * getMappedUserProfileValue('firstName', mappings, user); // 'John'
+ * getMappedUserProfileValue('email', mappings, user); // 'john@example.com'
+ * getMappedUserProfileValue('picture', mappings, user); // 'https://example.com/avatar.jpg'
+ * ```
+ */
+declare const getMappedUserProfileValue: (key: string, mappings: Record<string, string | string[]>, user: User) => any;
+export default getMappedUserProfileValue;

package/package.json

@@ -1,80 +1,76 @@
 {
   "name": "@asgardeo/react",
-  "version": "0.2.4",
-  "description": "React Wrapper to build customizable login UIs for Asgardeo or Identity Server",
-  "main": "dist/esm/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/index.d.ts",
-  "type": "module",
-  "author": "WSO2",
-  "license": "Apache-2.0",
-  "files": [
-    "dist",
-    "LICENSE",
-    "README.md"
+  "version": "0.4.0",
+  "description": "React implementation of Asgardeo JavaScript SDK.",
+  "keywords": [
+    "asgardeo",
+    "react",
+    "spa"
   ],
   "homepage": "https://github.com/asgardeo/web-ui-sdks/tree/main/packages/react#readme",
   "bugs": {
     "url": "https://github.com/asgardeo/web-ui-sdks/issues"
   },
+  "author": "WSO2",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "dist/cjs/index.js",
+  "module": "dist/index.js",
+  "exports": {
+    "import": "./dist/index.js",
+    "require": "./dist/cjs/index.js"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "types": "dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/asgardeo/web-ui-sdks",
     "directory": "packages/react"
   },
-  "keywords": [
-    "asgardeo",
-    "identity",
-    "ui",
-    "react",
-    "login",
-    "customize"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-image": "^3.0.3",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@types/node": "^20.12.7",
-    "@types/randombytes": "^2.0.3",
-    "@types/react": "^18.2.79",
-    "@types/react-dom": "^18.2.25",
-    "@wso2/eslint-plugin": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/eslint-plugin?fa0b844715320a3953d6d055997c0770f8695082",
-    "@wso2/prettier-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/prettier-config?fa0b844715320a3953d6d055997c0770f8695082",
-    "@wso2/stylelint-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/stylelint-config?fa0b844715320a3953d6d055997c0770f8695082",
-    "eslint": "~8.57.0",
-    "prettier": "^3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^4.17.2",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-polyfill-node": "^0.13.0",
-    "rollup-plugin-styles": "^4.0.0",
-    "sass": "^1.75.0",
-    "stylelint": "15.1.0",
-    "tslib": "^2.6.2",
-    "typescript": "5.1.6"
+    "@testing-library/dom": "^10.4.0",
+    "@types/node": "^22.15.3",
+    "@types/react": "^19.1.4",
+    "@vitest/browser": "^3.1.3",
+    "@wso2/eslint-plugin": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/eslint-plugin?a1fc6eb570653c999828aea9f5027cba06af4391",
+    "@wso2/prettier-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/prettier-config?a1fc6eb570653c999828aea9f5027cba06af4391",
+    "esbuild-plugin-preserve-directives": "^0.0.11",
+    "eslint": "8.57.0",
+    "playwright": "^1.52.0",
+    "prettier": "^2.6.2",
+    "react": "^19.1.0",
+    "rimraf": "^6.0.1",
+    "typescript": "~5.7.2",
+    "vitest": "^3.1.3",
+    "vitest-browser-react": "^0.1.1"
+  },
+  "peerDependencies": {
+    "@types/react": ">=16.8.0",
+    "react": ">=16.8.0"
   },
   "dependencies": {
-    "@asgardeo/js": "*",
-    "@oxygen-ui/react": "^1.11.0",
-    "base64url": "^3.0.1",
-    "buffer": "^6.0.3",
+    "@floating-ui/react": "^0.27.12",
+    "@types/react-dom": "^19.1.5",
     "clsx": "^2.1.1",
-    "fast-sha256": "^1.3.0",
-    "jose": "^5.3.0",
-    "randombytes": "^2.1.0"
+    "esbuild": "^0.25.4",
+    "react-dom": "^19.1.0",
+    "tslib": "^2.8.1",
+    "@asgardeo/browser": "^0.1.0"
   },
-  "peerDependencies": {
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+  "publishConfig": {
+    "access": "public"
   },
   "scripts": {
-    "build": "rollup -c",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix"
+    "build": "pnpm clean && node esbuild.config.mjs && tsc -p tsconfig.lib.json --emitDeclarationOnly --outDir dist",
+    "clean": "rimraf dist",
+    "fix:lint": "eslint . --ext .js,.jsx,.ts,.tsx,.cjs,.mjs",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx,.cjs,.mjs",
+    "test": "vitest",
+    "test:browser": "vitest --workspace=vitest.workspace.ts",
+    "typecheck": "tsc -p tsconfig.lib.json"
   }
 }