@vasanthcambium/marketplace-auth 0.1.0 → 0.1.1

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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,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,67 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSession } from './useSession.js';
+import { BridgeHttpError, 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) {
+        const status = error instanceof BridgeHttpError ? error.status : null;
+        return (_jsxs(Screen, { children: [_jsx("div", { style: styles.devBadge, children: "DEV MODE" }), _jsx("h1", { style: styles.heading, children: "NBI credentials not configured" }), _jsx("p", { style: styles.body, children: status === 502
+                        ? 'The dev proxy could not authenticate — credentials are missing or wrong.'
+                        : `Could not reach the API${status ? ` (HTTP ${status})` : ''}.` }), _jsxs("ol", { style: styles.list, children: [_jsxs("li", { children: ["Copy ", _jsx("code", { style: styles.code, children: ".env.development.example" }), " \u2192 ", _jsx("code", { style: styles.code, children: ".env.development" })] }), _jsxs("li", { children: ["Fill in ", _jsx("code", { style: styles.code, children: "NBI_CLIENT_ID" }), " and ", _jsx("code", { style: styles.code, children: "NBI_CLIENT_SECRET" }), " from your cnMaestro tenant (Settings \u2192 API Access)"] }), _jsx("li", { children: "Restart the dev server" })] })] }));
+    }
+    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 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 1rem', color: '#374151', lineHeight: 1.5,
+    },
+    muted: { color: '#6b7280' },
+    list: {
+        margin: '0', paddingLeft: '1.25rem', color: '#374151', lineHeight: 2,
+    },
+    code: {
+        background: '#f4f6f9', borderRadius: '3px',
+        padding: '0.1rem 0.35rem', fontSize: '0.875em', fontFamily: 'monospace',
+    },
+};
+//# 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.1",
   "description": "Frontend auth + NBI client for MarketApps Platform apps. Browser fetch wrapper and React hooks.",
   "license": "Apache-2.0",
   "repository": {