@canmingir/link 1.2.22 → 1.2.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canmingir/link",
-  "version": "1.2.22",
+  "version": "1.2.23",
   "type": "module",
   "exports": {
     ".": "./index.js",

package/src/config/schemas.js

@@ -15,6 +15,7 @@ export const ConfigSchema = Joi.object({
     region: Joi.string().optional(),
     userPoolId: Joi.string().optional(),
     clientId: Joi.string().optional(),
+    requestUrl: Joi.string().uri().optional(),
   }).optional(),
   project: Joi.object({
     nucleoid: Joi.object().optional(),

package/src/layouts/auth/modern.jsx

@@ -29,6 +29,8 @@ export default function AuthModernLayout({ image }) {
         maxSize={140}
         sx={{
           mb: { xs: 1, md: 2 },
+          width: 80,
+          height: 80,
         }}
       />
 

package/src/layouts/common/account-popover.jsx

@@ -1,5 +1,3 @@
-import CustomPopover, { usePopover } from "../../components/custom-popover";
-
 import Avatar from "@mui/material/Avatar";
 import Box from "@mui/material/Box";
 import Divider from "@mui/material/Divider";
@@ -16,6 +14,8 @@ import { useRouter } from "../../routes/hooks";
 import { useUser } from "../../hooks/use-user";
 import { varHover } from "../../components/animate";
 
+import CustomPopover, { usePopover } from "../../components/custom-popover";
+
 // ----------------------------------------------------------------------
 
 export default function AccountPopover() {
@@ -27,11 +27,7 @@ export default function AccountPopover() {
 
   const handleLogout = async () => {
     try {
-      storage.remove("link", "accessToken");
-      storage.remove("link", "refreshToken");
-      storage.remove("link", "identityProvider");
-      storage.remove("projectId");
-      storage.remove("landingLevel");
+      storage.clear();
       popover.onClose();
       router.replace("/login");
     } catch (error) {

package/src/pages/Callback.jsx

@@ -33,7 +33,7 @@ function Callback() {
 
     if (state) {
       stateData = JSON.parse(decodeURIComponent(state));
-      identityProvider = stateData.identityProvider;
+      identityProvider = stateData.identityProvider.toUpperCase();
     }
 
     if (error) {
@@ -54,9 +54,9 @@ function Callback() {
     hasProcessed.current = true;
 
     const providerConfigs = {
-      github,
-      linkedin,
-      google,
+      GITHUB: github,
+      LINKEDIN: linkedin,
+      GOOGLE: google,
     };
 
     const providerConfig = providerConfigs[identityProvider];

package/src/widgets/Login/CognitoLogin.jsx

@@ -53,7 +53,7 @@ export default function CognitoLogin() {
 
   const navigate = useNavigate();
 
-  const { appId } = config();
+  const { appId, credentials } = config();
 
   const handleLogin = async () => {
     try {
@@ -63,7 +63,9 @@ export default function CognitoLogin() {
       if (!tokens?.accessToken)
         throw new Error("No Cognito access token received");
 
-      const res = await fetch("/api/oauth", {
+      const requestUrl = credentials.requestUrl || "/api/oauth";
+
+      const res = await fetch(requestUrl, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({

package/src/widgets/Login/DemoLogin.jsx

@@ -1,3 +1,7 @@
+import config from "../../config/config";
+import { storage } from "@nucleoidjs/webstorage";
+import { useNavigate } from "react-router-dom";
+
 import {
   Box,
   Button,
@@ -16,20 +20,18 @@ import {
 } from "@mui/icons-material";
 import React, { useState } from "react";
 
-import config from "../../config/config";
-import { storage } from "@nucleoidjs/webstorage";
-import { useNavigate } from "react-router-dom";
-
 export default function DemoLogin() {
   const [username, setUsername] = useState("");
   const [password, setPassword] = useState("");
   const [showPassword, setShowPassword] = useState(false);
   const navigate = useNavigate();
 
-  const { appId } = config();
+  const { appId, credentials } = config();
 
   async function handleLogin() {
-    const res = await fetch("/api/oauth", {
+    const requestUrl = credentials.requestUrl || "/api/oauth";
+
+    const res = await fetch(requestUrl, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({

package/src/widgets/SettingsDialog.jsx

@@ -1,3 +1,10 @@
+import Iconify from "../components/Iconify";
+import config from "../config/config";
+import pkg from "../../../../../package.json";
+import { useEvent } from "@nucleoidai/react-event";
+import useSettings from "../hooks/useSettings";
+import { useUser } from "../hooks/use-user";
+
 import {
   Avatar,
   Box,
@@ -22,13 +29,6 @@ import {
 import { Button, Dialog, DialogActions, DialogContent } from "@mui/material";
 import React, { useEffect, useState } from "react";
 
-import Iconify from "../components/Iconify";
-import config from "../config/config";
-import pkg from "../../../../../../package.json";
-import { useEvent } from "@nucleoidai/react-event";
-import useSettings from "../hooks/useSettings";
-import { useUser } from "../hooks/use-user";
-
 function a11yProps(index) {
   return {
     id: `vertical-tab-${index}`,