@nibssplc/cams-sdk-react 0.0.1-beta.58 → 0.0.1-beta.59

package/dist/index.d.ts

@@ -7,5 +7,7 @@ export * from './components/ClientOnly';
 export * from './components/UnifiedCAMSProvider';
 export { default as MFAOptions } from './components/MFAOptions';
 export { default as MFAGate } from './components/MFAGate';
+export { default as LoginButton } from './components/LoginButton';
+export { default as ClientOnly } from './components/ClientOnly';
 export { useCAMSContext } from './context/CAMSContext';
 export * from '@nibssplc/cams-sdk';

package/dist/index.esm.js

@@ -1082,7 +1082,7 @@ function useCAMSMSALContext() {
     return context;
 }
 
-function ClientOnly(_a) {
+var ClientOnly = function (_a) {
     var children = _a.children, _b = _a.fallback, fallback = _b === void 0 ? null : _b;
     var _c = useState(false), hasMounted = _c[0], setHasMounted = _c[1];
     useEffect(function () {
@@ -1092,7 +1092,7 @@ function ClientOnly(_a) {
         return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: fallback });
     }
     return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
-}
+};
 
 var CAMSContext = createContext(null);
 function useCAMSContext() {
@@ -1123,7 +1123,7 @@ var getCookie = function (name) {
 var deleteCookie = function (name) {
     document.cookie = name + "=; Max-Age=-99999999; path=/";
 };
-function CAMSProviderInner(props) {
+function CAMSProviderCore(props) {
     var _this = this;
     var _a = props, children = _a.children, mode = _a.mode, appCode = _a.appCode, validateTokenUrl = _a.validateTokenUrl;
     // Always call both hooks to satisfy Rules of Hooks
@@ -1219,9 +1219,9 @@ function UnifiedCAMSProvider(props) {
     if (props.mode === "MSAL") {
         var msalConfig = props.msalConfig, msalInstance = props.msalInstance;
         var instance = msalInstance || new PublicClientApplication(msalConfig);
-        return (jsxRuntimeExports.jsx(MsalProvider, { instance: instance, children: jsxRuntimeExports.jsx(CAMSProviderInner, __assign({}, props)) }));
+        return (jsxRuntimeExports.jsx(MsalProvider, { instance: instance, children: jsxRuntimeExports.jsx(CAMSProviderCore, __assign({}, props)) }));
     }
-    return jsxRuntimeExports.jsx(CAMSProviderInner, __assign({}, props));
+    return (jsxRuntimeExports.jsx(ClientOnly, { fallback: jsxRuntimeExports.jsx("div", { children: "Loading..." }), children: jsxRuntimeExports.jsx(CAMSProviderCore, __assign({}, props)) }));
 }
 // Backward compatibility exports
 var CAMSProvider = function (props) { return (jsxRuntimeExports.jsx(UnifiedCAMSProvider, __assign({}, props, { mode: "REGULAR" }))); };
@@ -1745,8 +1745,23 @@ var MFAOptions = function (_a) {
     return (jsxRuntimeExports.jsxs(Card, { className: "mx-auto space-y-6 p-6 bg-white rounded-lg shadow-md", children: [jsxRuntimeExports.jsxs(CardHeader, { children: [jsxRuntimeExports.jsx("img", { src: "/OTPAuthentication1.svg", alt: "NIBSS Logo", width: 365, height: 365 }), jsxRuntimeExports.jsx(CardTitle, { className: "text-3xl font-bold mb-6 text-center", children: "Two-Factor Authentication" }), jsxRuntimeExports.jsx(CardTitle, { className: "text-gray-300 text-sm -tracking-wide text-center", children: "Your Microsoft account has been validated. Please complete two-factor authentication to continue." })] }), jsxRuntimeExports.jsx(CardContent, { children: content }), jsxRuntimeExports.jsxs(CardFooter, { className: "flex items-center justify-center mt-6 space-x-2 text-gray-400 text-sm", children: [jsxRuntimeExports.jsx(ShieldCheck, { className: "w-4 h-4 text-[#506f4a] pulse-glow" }), jsxRuntimeExports.jsx("span", { children: "Powered By NIBSS" })] })] }));
 };
 
+var LoginButton = function () {
+    var context = useCAMSContext();
+    var login = context.login, isLoading = context.isLoading, error = context.error, authMode = context.authMode;
+    var handleLogin = function () {
+        if (authMode === "MSAL") {
+            login();
+        }
+        else {
+            // For regular mode, you'd need to provide CAMSConfig
+            console.warn("Regular CAMS login requires configuration");
+        }
+    };
+    return (jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-4 p-6", children: [jsxRuntimeExports.jsx(Button, { onClick: handleLogin, disabled: isLoading, className: "min-w-[200px]", children: isLoading ? 'Logging in...' : 'Login with Microsoft' }), error && (jsxRuntimeExports.jsxs("p", { className: "text-red-600 text-sm text-center", children: ["Error: ", error.message] }))] }));
+};
+
 var MFAGate = function (_a) {
-    var children = _a.children, fallback = _a.fallback;
+    var children = _a.children, fallback = _a.fallback, LoginComponent = _a.loginComponent;
     var context = useCAMSContext();
     // Only apply MFA gate for MSAL mode
     if (context.authMode !== "MSAL") {
@@ -1764,10 +1779,10 @@ var MFAGate = function (_a) {
             } }));
     }
     if (!isAuthenticated) {
-        return fallback || jsxRuntimeExports.jsx("div", { children: "Please log in" });
+        return fallback || (LoginComponent ? jsxRuntimeExports.jsx(LoginComponent, {}) : jsxRuntimeExports.jsx(LoginButton, {}));
     }
     return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
 };
 
-export { CAMSMSALProvider, CAMSProvider, ClientOnly, MFAGate, MFAOptions, ProtectedRoute, UnifiedCAMSProvider, useCAMSAuth, useCAMSContext, useCAMSMSALAuth, useCAMSMSALContext, useCAMSPopupAuth };
+export { CAMSMSALProvider, CAMSProvider, ClientOnly, LoginButton, MFAGate, MFAOptions, ProtectedRoute, UnifiedCAMSProvider, useCAMSAuth, useCAMSContext, useCAMSMSALAuth, useCAMSMSALContext, useCAMSPopupAuth };
 //# sourceMappingURL=index.esm.js.map