@vasanthcambium/marketplace-auth 0.1.0 → 0.1.2

package/dist/react/SessionGate.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+export interface SessionGateProps {
+    children: ReactNode;
+    /** Custom fallback rendered when the user is not authenticated. */
+    fallback?: ReactNode;
+}
+/**
+ * Renders children only when a valid session exists.
+ * Shows a loading screen while the session check is in flight.
+ * Shows an auth screen (or custom fallback) when unauthenticated.
+ */
+export declare function SessionGate({ children, fallback }: SessionGateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SessionGate.d.ts.map

package/dist/react/SessionGate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionGate.d.ts","sourceRoot":"","sources":["../../src/react/SessionGate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAUnE"}

package/dist/react/SessionGate.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useSession } from './useSession.js';
+import { SessionExpiredError } from '../shared/errors.js';
+/**
+ * Renders children only when a valid session exists.
+ * Shows a loading screen while the session check is in flight.
+ * Shows an auth screen (or custom fallback) when unauthenticated.
+ */
+export function SessionGate({ children, fallback }) {
+    const { session, isReady, error } = useSession();
+    if (!isReady)
+        return _jsx(Screen, { children: _jsx("p", { style: styles.muted, children: "Loading\u2026" }) });
+    if (session)
+        return _jsx(_Fragment, { children: children });
+    if (fallback)
+        return _jsx(_Fragment, { children: fallback });
+    return _jsx(AuthScreen, { error: error });
+}
+function AuthScreen({ error }) {
+    const isDev = import.meta.env.DEV;
+    if (error instanceof SessionExpiredError) {
+        return (_jsxs(Screen, { children: [_jsx("h1", { style: styles.heading, children: "Session Expired" }), _jsx("p", { style: styles.body, children: "Your session has expired. Please re-launch this app from cnMaestro." })] }));
+    }
+    if (isDev)
+        return _jsx(DevLoginForm, {});
+    return (_jsxs(Screen, { children: [_jsx("h1", { style: styles.heading, children: "Not Authenticated" }), _jsx("p", { style: styles.body, children: "Please launch this app from the cnMaestro marketplace." })] }));
+}
+function DevLoginForm() {
+    const [clientId, setClientId] = useState('');
+    const [clientSecret, setClientSecret] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [err, setErr] = useState(null);
+    async function handleSubmit(e) {
+        e.preventDefault();
+        setBusy(true);
+        setErr(null);
+        try {
+            const res = await fetch('/api/__dev-auth__', {
+                method: 'POST',
+                headers: { 'content-type': 'application/json' },
+                body: JSON.stringify({ clientId, clientSecret }),
+            });
+            if (!res.ok) {
+                const j = await res.json().catch(() => ({}));
+                setErr(j.error ?? `Server error (${res.status})`);
+                setBusy(false);
+                return;
+            }
+            window.location.reload();
+        }
+        catch (ex) {
+            setErr(String(ex));
+            setBusy(false);
+        }
+    }
+    return (_jsxs(Screen, { children: [_jsx("div", { style: styles.devBadge, children: "DEV MODE" }), _jsx("h1", { style: styles.heading, children: "Connect to cnMaestro" }), _jsx("p", { style: styles.body, children: "Enter your NBI API credentials to start the local dev session." }), _jsxs("form", { onSubmit: handleSubmit, style: styles.form, children: [_jsxs("label", { style: styles.label, children: ["Client ID", _jsx("input", { style: styles.input, type: "text", value: clientId, onChange: (e) => setClientId(e.target.value), placeholder: "your-client-id", required: true, autoFocus: true })] }), _jsxs("label", { style: styles.label, children: ["Client Secret", _jsx("input", { style: styles.input, type: "password", value: clientSecret, onChange: (e) => setClientSecret(e.target.value), placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", autoComplete: "off", required: true })] }), err && _jsx("p", { style: styles.formError, children: err }), _jsx("button", { type: "submit", style: styles.button, disabled: busy, children: busy ? 'Connecting…' : 'Connect' })] })] }));
+}
+function Screen({ children }) {
+    return (_jsx("div", { style: styles.screen, children: _jsx("div", { style: styles.card, children: children }) }));
+}
+const styles = {
+    screen: {
+        display: 'flex', alignItems: 'center', justifyContent: 'center',
+        height: '100vh', background: '#f4f6f9',
+        fontFamily: 'Arial, Helvetica, sans-serif',
+    },
+    card: {
+        background: '#ffffff', borderRadius: '8px',
+        boxShadow: '0 2px 12px rgba(0,0,0,0.10)',
+        padding: '2.5rem 3rem', maxWidth: '480px', width: '100%',
+    },
+    devBadge: {
+        display: 'inline-block', background: '#D9027D', color: '#fff',
+        borderRadius: '4px', padding: '0.15rem 0.5rem',
+        fontSize: '0.75rem', fontWeight: 700, letterSpacing: '0.06em',
+        marginBottom: '0.75rem',
+    },
+    heading: {
+        margin: '0 0 0.75rem', color: '#003A70', fontSize: '1.4rem',
+    },
+    body: {
+        margin: '0 0 1.5rem', color: '#374151', lineHeight: 1.5,
+    },
+    muted: { color: '#6b7280' },
+    form: {
+        display: 'flex', flexDirection: 'column', gap: '1rem',
+    },
+    label: {
+        display: 'flex', flexDirection: 'column', gap: '0.35rem',
+        fontSize: '0.875rem', fontWeight: 600, color: '#374151',
+    },
+    input: {
+        border: '1px solid #d2d6dc', borderRadius: '6px',
+        padding: '0.5rem 0.75rem', fontSize: '0.9rem',
+        fontFamily: 'inherit', outline: 'none',
+    },
+    button: {
+        background: '#003A70', color: '#ffffff', border: 0,
+        borderRadius: '6px', padding: '0.6rem 1.25rem',
+        fontSize: '0.95rem', fontFamily: 'inherit',
+        cursor: 'pointer', fontWeight: 600, marginTop: '0.25rem',
+    },
+    formError: {
+        margin: 0, color: '#D9027D', fontSize: '0.875rem',
+    },
+};
+//# sourceMappingURL=SessionGate.js.map

package/dist/react/SessionGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionGate.js","sourceRoot":"","sources":["../../src/react/SessionGate.tsx"],"names":[],"mappings":"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"}

package/dist/react/index.d.ts

@@ -8,6 +8,8 @@ export { useSession } from './useSession.js';
 export { useNBI } from './useNBI.js';
 export { useNBIMutation } from './useNBIMutation.js';
 export { useAccount, useUser } from './useAccount.js';
+export { SessionGate } from './SessionGate.js';
 export type { AppProviderProps } from './AppProvider.js';
+export type { SessionGateProps } from './SessionGate.js';
 export { BridgeHttpError, SessionExpiredError } from '../shared/errors.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEtD,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/react/index.js

@@ -8,5 +8,6 @@ export { useSession } from './useSession.js';
 export { useNBI } from './useNBI.js';
 export { useNBIMutation } from './useNBIMutation.js';
 export { useAccount, useUser } from './useAccount.js';
+export { SessionGate } from './SessionGate.js';
 export { BridgeHttpError, SessionExpiredError } from '../shared/errors.js';
 //# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAGtD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/C,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vasanthcambium/marketplace-auth",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Frontend auth + NBI client for MarketApps Platform apps. Browser fetch wrapper and React hooks.",
   "license": "Apache-2.0",
   "repository": {