@inkindcards/semantic-layer 0.2.2 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-SLRBAF37.js → chunk-3OR3QCN6.js} +8 -21
- package/dist/chunk-3OR3QCN6.js.map +1 -0
- package/dist/{chunk-SHHZ37FE.cjs → chunk-T2C43AAL.cjs} +8 -21
- package/dist/chunk-T2C43AAL.cjs.map +1 -0
- package/dist/chunk-W64RGDXH.cjs +225 -0
- package/dist/chunk-W64RGDXH.cjs.map +1 -0
- package/dist/chunk-WR4D3UI6.js +222 -0
- package/dist/chunk-WR4D3UI6.js.map +1 -0
- package/dist/components.cjs +555 -9
- package/dist/components.cjs.map +1 -1
- package/dist/components.d.cts +53 -2
- package/dist/components.d.ts +53 -2
- package/dist/components.js +546 -4
- package/dist/components.js.map +1 -1
- package/dist/index.cjs +3 -3
- package/dist/index.d.cts +36 -39
- package/dist/index.d.ts +36 -39
- package/dist/index.js +1 -1
- package/dist/react.cjs +59 -185
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +10 -21
- package/dist/react.d.ts +10 -21
- package/dist/react.js +51 -177
- package/dist/react.js.map +1 -1
- package/dist/{types-Dc8Zdacw.d.cts → types-c5qj4BKB.d.cts} +1 -2
- package/dist/{types-Dc8Zdacw.d.ts → types-c5qj4BKB.d.ts} +1 -2
- package/package.json +2 -4
- package/dist/chunk-B23E3XFB.cjs +0 -219
- package/dist/chunk-B23E3XFB.cjs.map +0 -1
- package/dist/chunk-SHHZ37FE.cjs.map +0 -1
- package/dist/chunk-SLRBAF37.js.map +0 -1
- package/dist/chunk-WPK37LJ6.js +0 -216
- package/dist/chunk-WPK37LJ6.js.map +0 -1
package/dist/react.d.ts
CHANGED
|
@@ -2,28 +2,24 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import { SemanticLayerClient } from './index.js';
|
|
5
|
-
import
|
|
6
|
-
import { S as SemanticField, a as FieldCategory, P as PivotConfig, Q as QueryResult, b as SimpleQueryInput, C as CuratedField, A as AccessRole, U as UserRoleAssignment, c as UserFieldOverride, d as AuthState } from './types-Dc8Zdacw.js';
|
|
7
|
-
import '@supabase/supabase-js';
|
|
5
|
+
import { S as SemanticField, F as FieldCategory, P as PivotConfig, Q as QueryResult, a as SimpleQueryInput, C as CuratedField, A as AccessRole, U as UserRoleAssignment, b as UserFieldOverride, c as AuthState } from './types-c5qj4BKB.js';
|
|
8
6
|
|
|
9
7
|
interface SemanticLayerProviderProps {
|
|
10
|
-
/** The
|
|
8
|
+
/** The gateway API URL (e.g. https://semantic-layer-gateway.inkind-dev.com). */
|
|
11
9
|
gatewayUrl: string;
|
|
12
|
-
/** The Supabase anon/publishable key of the gateway project. */
|
|
13
|
-
anonKey: string;
|
|
14
10
|
/**
|
|
15
11
|
* Optional: restrict sign-in to emails matching this domain (e.g. "inkind.com").
|
|
16
|
-
*
|
|
12
|
+
* This is a client-side hint only; the gateway enforces domain restrictions server-side.
|
|
17
13
|
*/
|
|
18
14
|
emailDomain?: string;
|
|
19
15
|
/**
|
|
20
16
|
* Optional: a pre-constructed client instance.
|
|
21
|
-
* If provided, gatewayUrl
|
|
17
|
+
* If provided, gatewayUrl is ignored.
|
|
22
18
|
*/
|
|
23
19
|
client?: SemanticLayerClient;
|
|
24
20
|
children: React__default.ReactNode;
|
|
25
21
|
}
|
|
26
|
-
declare function SemanticLayerProvider({ gatewayUrl,
|
|
22
|
+
declare function SemanticLayerProvider({ gatewayUrl, emailDomain, client: externalClient, children, }: SemanticLayerProviderProps): react_jsx_runtime.JSX.Element;
|
|
27
23
|
|
|
28
24
|
interface AuthGateProps {
|
|
29
25
|
children: React__default.ReactNode;
|
|
@@ -33,24 +29,18 @@ interface AuthGateProps {
|
|
|
33
29
|
signInComponent?: (props: {
|
|
34
30
|
signIn: () => void;
|
|
35
31
|
}) => React__default.ReactNode;
|
|
36
|
-
/** Force email OTP sign-in instead of Google OAuth. */
|
|
37
|
-
useEmailOtp?: boolean;
|
|
38
32
|
}
|
|
39
33
|
/**
|
|
40
34
|
* Wraps children and only renders them when the user is authenticated.
|
|
41
|
-
*
|
|
42
|
-
* with an email OTP fallback. In standalone tabs, uses redirect-based OAuth.
|
|
35
|
+
* Shows a Google sign-in button when unauthenticated.
|
|
43
36
|
*/
|
|
44
|
-
declare function AuthGate({ children, loading, signInComponent
|
|
37
|
+
declare function AuthGate({ children, loading, signInComponent }: AuthGateProps): react_jsx_runtime.JSX.Element;
|
|
45
38
|
|
|
46
39
|
/** Returns the current auth state and sign-in/sign-out methods. */
|
|
47
40
|
declare function useAuth(): {
|
|
48
|
-
signIn: (
|
|
49
|
-
signInPopup: () => Promise<void>;
|
|
50
|
-
sendOtp: (email: string) => Promise<_supabase_auth_js.AuthOtpResponse>;
|
|
51
|
-
verifyOtp: (email: string, token: string) => Promise<_supabase_auth_js.AuthResponse>;
|
|
41
|
+
signIn: () => void;
|
|
52
42
|
signOut: () => Promise<{
|
|
53
|
-
error:
|
|
43
|
+
error: null;
|
|
54
44
|
}>;
|
|
55
45
|
emailDomain: string | undefined;
|
|
56
46
|
isAuthenticated: boolean;
|
|
@@ -73,7 +63,6 @@ interface UseMetricsResult {
|
|
|
73
63
|
/** Fetch the full curated catalog of metrics and dimensions. */
|
|
74
64
|
declare function useMetrics(): UseMetricsResult;
|
|
75
65
|
interface UseSemanticQueryOptions {
|
|
76
|
-
/** Set to false to prevent the query from running automatically. */
|
|
77
66
|
enabled?: boolean;
|
|
78
67
|
}
|
|
79
68
|
interface UseSemanticQueryResult {
|
|
@@ -89,7 +78,6 @@ interface UseSemanticQueryResult {
|
|
|
89
78
|
declare function useSemanticQuery(input: SimpleQueryInput | null, options?: UseSemanticQueryOptions): UseSemanticQueryResult;
|
|
90
79
|
/**
|
|
91
80
|
* Execute a query using the full PivotConfig format.
|
|
92
|
-
* Use this for advanced use cases (column pivoting, custom aggregations).
|
|
93
81
|
*/
|
|
94
82
|
declare function usePivotQuery(config: PivotConfig | null, options?: UseSemanticQueryOptions): UseSemanticQueryResult;
|
|
95
83
|
|
|
@@ -163,6 +151,7 @@ interface SemanticLayerContextValue {
|
|
|
163
151
|
client: SemanticLayerClient;
|
|
164
152
|
auth: AuthState;
|
|
165
153
|
emailDomain?: string;
|
|
154
|
+
signIn: () => void;
|
|
166
155
|
}
|
|
167
156
|
declare const SemanticLayerContext: React.Context<SemanticLayerContextValue | null>;
|
|
168
157
|
|
package/dist/react.js
CHANGED
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
import { SemanticLayerClient } from './chunk-
|
|
2
|
-
import { SemanticLayerContext, useAuth } from './chunk-
|
|
3
|
-
export { SemanticLayerContext, useAdminFields, useAdminRoles, useAdminUsers, useAuth, useMetrics, usePivotQuery, useSemanticQuery } from './chunk-
|
|
1
|
+
import { SemanticLayerClient } from './chunk-WR4D3UI6.js';
|
|
2
|
+
import { SemanticLayerContext, useAuth } from './chunk-3OR3QCN6.js';
|
|
3
|
+
export { SemanticLayerContext, useAdminFields, useAdminRoles, useAdminUsers, useAuth, useMetrics, usePivotQuery, useSemanticQuery } from './chunk-3OR3QCN6.js';
|
|
4
4
|
import { useMemo, useState, useEffect, useCallback } from 'react';
|
|
5
5
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
7
|
function SemanticLayerProvider({
|
|
8
8
|
gatewayUrl,
|
|
9
|
-
anonKey,
|
|
10
9
|
emailDomain,
|
|
11
10
|
client: externalClient,
|
|
12
11
|
children
|
|
13
12
|
}) {
|
|
14
|
-
const client = useMemo(
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
const client = useMemo(
|
|
14
|
+
() => externalClient ?? new SemanticLayerClient({ gatewayUrl }),
|
|
15
|
+
[gatewayUrl, externalClient]
|
|
16
|
+
);
|
|
18
17
|
const [auth, setAuth] = useState({
|
|
19
18
|
isAuthenticated: false,
|
|
20
19
|
isLoading: true,
|
|
@@ -24,6 +23,31 @@ function SemanticLayerProvider({
|
|
|
24
23
|
useEffect(() => {
|
|
25
24
|
let mounted = true;
|
|
26
25
|
async function initAuth() {
|
|
26
|
+
try {
|
|
27
|
+
const handledCallback = client.handleAuthCallback();
|
|
28
|
+
if (handledCallback) {
|
|
29
|
+
const session = await client.getSession();
|
|
30
|
+
if (!mounted) return;
|
|
31
|
+
if (session?.user) {
|
|
32
|
+
setAuth({
|
|
33
|
+
isAuthenticated: true,
|
|
34
|
+
isLoading: false,
|
|
35
|
+
user: { id: session.user.id, email: session.user.email },
|
|
36
|
+
error: null
|
|
37
|
+
});
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
} catch (err) {
|
|
42
|
+
if (!mounted) return;
|
|
43
|
+
setAuth({
|
|
44
|
+
isAuthenticated: false,
|
|
45
|
+
isLoading: false,
|
|
46
|
+
user: null,
|
|
47
|
+
error: err instanceof Error ? err.message : "Auth callback failed"
|
|
48
|
+
});
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
27
51
|
try {
|
|
28
52
|
const session = await client.getSession();
|
|
29
53
|
if (!mounted) return;
|
|
@@ -31,7 +55,7 @@ function SemanticLayerProvider({
|
|
|
31
55
|
setAuth({
|
|
32
56
|
isAuthenticated: true,
|
|
33
57
|
isLoading: false,
|
|
34
|
-
user: { id: session.user.id, email: session.user.email
|
|
58
|
+
user: { id: session.user.id, email: session.user.email },
|
|
35
59
|
error: null
|
|
36
60
|
});
|
|
37
61
|
} else {
|
|
@@ -53,13 +77,15 @@ function SemanticLayerProvider({
|
|
|
53
77
|
}
|
|
54
78
|
}
|
|
55
79
|
initAuth();
|
|
56
|
-
const {
|
|
80
|
+
const {
|
|
81
|
+
data: { subscription }
|
|
82
|
+
} = client.onAuthStateChange((_event, session) => {
|
|
57
83
|
if (!mounted) return;
|
|
58
84
|
if (session?.user) {
|
|
59
85
|
setAuth({
|
|
60
86
|
isAuthenticated: true,
|
|
61
87
|
isLoading: false,
|
|
62
|
-
user: { id: session.user.id, email: session.user.email
|
|
88
|
+
user: { id: session.user.id, email: session.user.email },
|
|
63
89
|
error: null
|
|
64
90
|
});
|
|
65
91
|
} else {
|
|
@@ -76,7 +102,13 @@ function SemanticLayerProvider({
|
|
|
76
102
|
subscription.unsubscribe();
|
|
77
103
|
};
|
|
78
104
|
}, [client]);
|
|
79
|
-
const
|
|
105
|
+
const signIn = useCallback(() => {
|
|
106
|
+
window.location.href = client.getSignInUrl();
|
|
107
|
+
}, [client]);
|
|
108
|
+
const value = useMemo(
|
|
109
|
+
() => ({ client, auth, emailDomain, signIn }),
|
|
110
|
+
[client, auth, emailDomain, signIn]
|
|
111
|
+
);
|
|
80
112
|
return /* @__PURE__ */ jsx(SemanticLayerContext.Provider, { value, children });
|
|
81
113
|
}
|
|
82
114
|
var containerStyle = {
|
|
@@ -109,188 +141,30 @@ var buttonStyle = {
|
|
|
109
141
|
alignItems: "center",
|
|
110
142
|
gap: "8px"
|
|
111
143
|
};
|
|
112
|
-
var inputStyle = {
|
|
113
|
-
padding: "10px 14px",
|
|
114
|
-
fontSize: "16px",
|
|
115
|
-
border: "1px solid #d1d5db",
|
|
116
|
-
borderRadius: "8px",
|
|
117
|
-
width: "280px",
|
|
118
|
-
fontFamily: "system-ui, -apple-system, sans-serif"
|
|
119
|
-
};
|
|
120
144
|
var errorStyle = {
|
|
121
145
|
margin: 0,
|
|
122
146
|
color: "#ef4444",
|
|
123
147
|
fontSize: "14px"
|
|
124
148
|
};
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
border: "none",
|
|
128
|
-
color: "#4285f4",
|
|
129
|
-
cursor: "pointer",
|
|
130
|
-
fontSize: "14px",
|
|
131
|
-
padding: 0,
|
|
132
|
-
textDecoration: "underline"
|
|
133
|
-
};
|
|
134
|
-
function isInIframe() {
|
|
135
|
-
try {
|
|
136
|
-
return typeof window !== "undefined" && window.self !== window.top;
|
|
137
|
-
} catch {
|
|
138
|
-
return true;
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
function OtpSignIn() {
|
|
142
|
-
const { sendOtp, verifyOtp, emailDomain } = useAuth();
|
|
143
|
-
const [email, setEmail] = useState("");
|
|
144
|
-
const [code, setCode] = useState("");
|
|
145
|
-
const [step, setStep] = useState("email");
|
|
146
|
-
const [sending, setSending] = useState(false);
|
|
147
|
-
const [error, setError] = useState(null);
|
|
148
|
-
const handleSendCode = useCallback(async () => {
|
|
149
|
-
setError(null);
|
|
150
|
-
const trimmed = email.trim().toLowerCase();
|
|
151
|
-
if (!trimmed) {
|
|
152
|
-
setError("Please enter your email.");
|
|
153
|
-
return;
|
|
154
|
-
}
|
|
155
|
-
if (emailDomain && !trimmed.endsWith(`@${emailDomain}`)) {
|
|
156
|
-
setError(`Please use your @${emailDomain} email.`);
|
|
157
|
-
return;
|
|
158
|
-
}
|
|
159
|
-
setSending(true);
|
|
160
|
-
try {
|
|
161
|
-
const { error: otpError } = await sendOtp(trimmed);
|
|
162
|
-
if (otpError) {
|
|
163
|
-
setError(otpError.message);
|
|
164
|
-
} else {
|
|
165
|
-
setStep("code");
|
|
166
|
-
}
|
|
167
|
-
} catch (err) {
|
|
168
|
-
setError(err instanceof Error ? err.message : "Failed to send code");
|
|
169
|
-
} finally {
|
|
170
|
-
setSending(false);
|
|
171
|
-
}
|
|
172
|
-
}, [email, emailDomain, sendOtp]);
|
|
173
|
-
const handleVerifyCode = useCallback(async () => {
|
|
174
|
-
setError(null);
|
|
175
|
-
const trimmedCode = code.trim();
|
|
176
|
-
if (!trimmedCode) {
|
|
177
|
-
setError("Please enter the code from your email.");
|
|
178
|
-
return;
|
|
179
|
-
}
|
|
180
|
-
setSending(true);
|
|
181
|
-
try {
|
|
182
|
-
const { error: verifyError } = await verifyOtp(email.trim().toLowerCase(), trimmedCode);
|
|
183
|
-
if (verifyError) {
|
|
184
|
-
setError(verifyError.message);
|
|
185
|
-
}
|
|
186
|
-
} catch (err) {
|
|
187
|
-
setError(err instanceof Error ? err.message : "Verification failed");
|
|
188
|
-
} finally {
|
|
189
|
-
setSending(false);
|
|
190
|
-
}
|
|
191
|
-
}, [email, code, verifyOtp]);
|
|
192
|
-
if (step === "code") {
|
|
193
|
-
return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
|
|
194
|
-
/* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "24px", color: "#111827" }, children: "Check your email" }),
|
|
195
|
-
/* @__PURE__ */ jsxs("p", { style: { margin: 0, color: "#6b7280", textAlign: "center", maxWidth: "320px" }, children: [
|
|
196
|
-
"We sent a sign-in code to ",
|
|
197
|
-
/* @__PURE__ */ jsx("strong", { children: email.trim() })
|
|
198
|
-
] }),
|
|
199
|
-
/* @__PURE__ */ jsx(
|
|
200
|
-
"input",
|
|
201
|
-
{
|
|
202
|
-
style: inputStyle,
|
|
203
|
-
type: "text",
|
|
204
|
-
inputMode: "numeric",
|
|
205
|
-
autoComplete: "one-time-code",
|
|
206
|
-
placeholder: "Enter 6-digit code",
|
|
207
|
-
value: code,
|
|
208
|
-
onChange: (e) => setCode(e.target.value),
|
|
209
|
-
onKeyDown: (e) => e.key === "Enter" && handleVerifyCode()
|
|
210
|
-
}
|
|
211
|
-
),
|
|
212
|
-
error && /* @__PURE__ */ jsx("p", { style: errorStyle, children: error }),
|
|
213
|
-
/* @__PURE__ */ jsx("button", { style: buttonStyle, onClick: handleVerifyCode, disabled: sending, children: sending ? "Verifying..." : "Verify code" }),
|
|
214
|
-
/* @__PURE__ */ jsx("button", { style: linkStyle, onClick: () => {
|
|
215
|
-
setStep("email");
|
|
216
|
-
setCode("");
|
|
217
|
-
setError(null);
|
|
218
|
-
}, children: "Use a different email" })
|
|
219
|
-
] });
|
|
220
|
-
}
|
|
221
|
-
return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
|
|
222
|
-
/* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "24px", color: "#111827" }, children: "Sign in to continue" }),
|
|
223
|
-
/* @__PURE__ */ jsxs("p", { style: { margin: 0, color: "#6b7280" }, children: [
|
|
224
|
-
"Enter your ",
|
|
225
|
-
emailDomain ? `@${emailDomain} ` : "",
|
|
226
|
-
"email to receive a sign-in code."
|
|
227
|
-
] }),
|
|
228
|
-
/* @__PURE__ */ jsx(
|
|
229
|
-
"input",
|
|
230
|
-
{
|
|
231
|
-
style: inputStyle,
|
|
232
|
-
type: "email",
|
|
233
|
-
placeholder: emailDomain ? `you@${emailDomain}` : "you@company.com",
|
|
234
|
-
value: email,
|
|
235
|
-
onChange: (e) => setEmail(e.target.value),
|
|
236
|
-
onKeyDown: (e) => e.key === "Enter" && handleSendCode()
|
|
237
|
-
}
|
|
238
|
-
),
|
|
239
|
-
error && /* @__PURE__ */ jsx("p", { style: errorStyle, children: error }),
|
|
240
|
-
/* @__PURE__ */ jsx("button", { style: buttonStyle, onClick: handleSendCode, disabled: sending, children: sending ? "Sending..." : "Send sign-in code" })
|
|
241
|
-
] });
|
|
242
|
-
}
|
|
243
|
-
function PopupSignIn() {
|
|
244
|
-
const { signInPopup, error: authError } = useAuth();
|
|
149
|
+
function AuthGate({ children, loading, signInComponent }) {
|
|
150
|
+
const { isAuthenticated, isLoading, error, signIn } = useAuth();
|
|
245
151
|
const [signingIn, setSigningIn] = useState(false);
|
|
246
|
-
const
|
|
247
|
-
const [showOtpFallback, setShowOtpFallback] = useState(false);
|
|
248
|
-
const handlePopupSignIn = useCallback(async () => {
|
|
249
|
-
setError(null);
|
|
152
|
+
const handleSignIn = useCallback(() => {
|
|
250
153
|
setSigningIn(true);
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
} catch (err) {
|
|
254
|
-
setError(err instanceof Error ? err.message : "Sign-in failed");
|
|
255
|
-
} finally {
|
|
256
|
-
setSigningIn(false);
|
|
257
|
-
}
|
|
258
|
-
}, [signInPopup]);
|
|
259
|
-
if (showOtpFallback) {
|
|
260
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
261
|
-
/* @__PURE__ */ jsx(OtpSignIn, {}),
|
|
262
|
-
/* @__PURE__ */ jsx("div", { style: { position: "fixed", bottom: "24px", left: 0, right: 0, textAlign: "center" }, children: /* @__PURE__ */ jsx("button", { style: linkStyle, onClick: () => setShowOtpFallback(false), children: "Sign in with Google instead" }) })
|
|
263
|
-
] });
|
|
264
|
-
}
|
|
265
|
-
return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
|
|
266
|
-
/* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "24px", color: "#111827" }, children: "Sign in to continue" }),
|
|
267
|
-
/* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#6b7280" }, children: "Use your Google account to access data." }),
|
|
268
|
-
(error || authError) && /* @__PURE__ */ jsx("p", { style: errorStyle, children: error || authError }),
|
|
269
|
-
/* @__PURE__ */ jsx("button", { style: buttonStyle, onClick: handlePopupSignIn, disabled: signingIn, children: signingIn ? "Signing in..." : "Sign in with Google" }),
|
|
270
|
-
/* @__PURE__ */ jsx("button", { style: linkStyle, onClick: () => setShowOtpFallback(true), children: "Use email code instead" })
|
|
271
|
-
] });
|
|
272
|
-
}
|
|
273
|
-
function AuthGate({ children, loading, signInComponent, useEmailOtp }) {
|
|
274
|
-
const { isAuthenticated, isLoading, error, signIn } = useAuth();
|
|
275
|
-
const inIframe = isInIframe();
|
|
154
|
+
signIn();
|
|
155
|
+
}, [signIn]);
|
|
276
156
|
if (isLoading) {
|
|
277
157
|
return /* @__PURE__ */ jsx(Fragment, { children: loading || /* @__PURE__ */ jsx("div", { style: loadingStyle, children: "Loading..." }) });
|
|
278
158
|
}
|
|
279
159
|
if (!isAuthenticated) {
|
|
280
|
-
if (useEmailOtp) {
|
|
281
|
-
return /* @__PURE__ */ jsx(OtpSignIn, {});
|
|
282
|
-
}
|
|
283
|
-
if (inIframe) {
|
|
284
|
-
return /* @__PURE__ */ jsx(PopupSignIn, {});
|
|
285
|
-
}
|
|
286
160
|
if (signInComponent) {
|
|
287
|
-
return /* @__PURE__ */ jsx(Fragment, { children: signInComponent({ signIn:
|
|
161
|
+
return /* @__PURE__ */ jsx(Fragment, { children: signInComponent({ signIn: handleSignIn }) });
|
|
288
162
|
}
|
|
289
163
|
return /* @__PURE__ */ jsxs("div", { style: containerStyle, children: [
|
|
290
164
|
/* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: "24px", color: "#111827" }, children: "Sign in to continue" }),
|
|
291
165
|
/* @__PURE__ */ jsx("p", { style: { margin: 0, color: "#6b7280" }, children: "Use your Google account to access data." }),
|
|
292
166
|
error && /* @__PURE__ */ jsx("p", { style: errorStyle, children: error }),
|
|
293
|
-
/* @__PURE__ */ jsx("button", { style: buttonStyle, onClick:
|
|
167
|
+
/* @__PURE__ */ jsx("button", { style: buttonStyle, onClick: handleSignIn, disabled: signingIn, children: signingIn ? "Signing in..." : "Sign in with Google" })
|
|
294
168
|
] });
|
|
295
169
|
}
|
|
296
170
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
package/dist/react.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/react/provider.tsx","../src/react/auth-gate.tsx"],"names":["useState","jsx"],"mappings":";;;;;;AAuBO,SAAS,qBAAA,CAAsB;AAAA,EACpC,UAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA,EAAQ,cAAA;AAAA,EACR;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,MAAA,GAAS,QAAQ,MAAM;AAC3B,IAAA,IAAI,gBAAgB,OAAO,cAAA;AAC3B,IAAA,OAAO,IAAI,mBAAA,CAAoB,EAAE,UAAA,EAAY,SAAS,CAAA;AAAA,EACxD,CAAA,EAAG,CAAC,UAAA,EAAY,OAAA,EAAS,cAAc,CAAC,CAAA;AAExC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAA,CAAoB;AAAA,IAC1C,eAAA,EAAiB,KAAA;AAAA,IACjB,SAAA,EAAW,IAAA;AAAA,IACX,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACR,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAA,GAAU,IAAA;AAEd,IAAA,eAAe,QAAA,GAAW;AACxB,MAAA,IAAI;AACF,QAAA,MAAM,OAAA,GAAU,MAAM,MAAA,CAAO,UAAA,EAAW;AACxC,QAAA,IAAI,CAAC,OAAA,EAAS;AAEd,QAAA,IAAI,SAAS,IAAA,EAAM;AACjB,UAAA,OAAA,CAAQ;AAAA,YACN,eAAA,EAAiB,IAAA;AAAA,YACjB,SAAA,EAAW,KAAA;AAAA,YACX,IAAA,EAAM,EAAE,EAAA,EAAI,OAAA,CAAQ,IAAA,CAAK,IAAI,KAAA,EAAO,OAAA,CAAQ,IAAA,CAAK,KAAA,IAAS,EAAA,EAAG;AAAA,YAC7D,KAAA,EAAO;AAAA,WACR,CAAA;AAAA,QACH,CAAA,MAAO;AACL,UAAA,OAAA,CAAQ;AAAA,YACN,eAAA,EAAiB,KAAA;AAAA,YACjB,SAAA,EAAW,KAAA;AAAA,YACX,IAAA,EAAM,IAAA;AAAA,YACN,KAAA,EAAO;AAAA,WACR,CAAA;AAAA,QACH;AAAA,MACF,SAAS,GAAA,EAAK;AACZ,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,OAAA,CAAQ;AAAA,UACN,eAAA,EAAiB,KAAA;AAAA,UACjB,SAAA,EAAW,KAAA;AAAA,UACX,IAAA,EAAM,IAAA;AAAA,UACN,KAAA,EAAO,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU;AAAA,SAC7C,CAAA;AAAA,MACH;AAAA,IACF;AAEA,IAAA,QAAA,EAAS;AAET,IAAA,MAAM,EAAE,IAAA,EAAM,EAAE,YAAA,EAAa,KAAM,MAAA,CAAO,iBAAA,CAAkB,CAAC,MAAA,EAAQ,OAAA,KAAY;AAC/E,MAAA,IAAI,CAAC,OAAA,EAAS;AACd,MAAA,IAAI,SAAS,IAAA,EAAM;AACjB,QAAA,OAAA,CAAQ;AAAA,UACN,eAAA,EAAiB,IAAA;AAAA,UACjB,SAAA,EAAW,KAAA;AAAA,UACX,IAAA,EAAM,EAAE,EAAA,EAAI,OAAA,CAAQ,IAAA,CAAK,IAAI,KAAA,EAAO,OAAA,CAAQ,IAAA,CAAK,KAAA,IAAS,EAAA,EAAG;AAAA,UAC7D,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,MACH,CAAA,MAAO;AACL,QAAA,OAAA,CAAQ;AAAA,UACN,eAAA,EAAiB,KAAA;AAAA,UACjB,SAAA,EAAW,KAAA;AAAA,UACX,IAAA,EAAM,IAAA;AAAA,UACN,KAAA,EAAO;AAAA,SACR,CAAA;AAAA,MACH;AAAA,IACF,CAAC,CAAA;AAED,IAAA,OAAO,MAAM;AACX,MAAA,OAAA,GAAU,KAAA;AACV,MAAA,YAAA,CAAa,WAAA,EAAY;AAAA,IAC3B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,OAAO,EAAE,MAAA,EAAQ,IAAA,EAAM,WAAA,EAAY,CAAA,EAAI,CAAC,MAAA,EAAQ,IAAA,EAAM,WAAW,CAAC,CAAA;AAExF,EAAA,uBACE,GAAA,CAAC,oBAAA,CAAqB,QAAA,EAArB,EAA8B,OAC5B,QAAA,EACH,CAAA;AAEJ;ACjGA,IAAM,cAAA,GAAsC;AAAA,EAC1C,OAAA,EAAS,MAAA;AAAA,EACT,aAAA,EAAe,QAAA;AAAA,EACf,UAAA,EAAY,QAAA;AAAA,EACZ,cAAA,EAAgB,QAAA;AAAA,EAChB,SAAA,EAAW,OAAA;AAAA,EACX,UAAA,EAAY,sCAAA;AAAA,EACZ,GAAA,EAAK;AACP,CAAA;AAEA,IAAM,YAAA,GAAoC;AAAA,EACxC,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,cAAA,EAAgB,QAAA;AAAA,EAChB,SAAA,EAAW,OAAA;AAAA,EACX,UAAA,EAAY,sCAAA;AAAA,EACZ,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,WAAA,GAAmC;AAAA,EACvC,OAAA,EAAS,WAAA;AAAA,EACT,QAAA,EAAU,MAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,KAAA,EAAO,SAAA;AAAA,EACP,eAAA,EAAiB,SAAA;AAAA,EACjB,MAAA,EAAQ,MAAA;AAAA,EACR,YAAA,EAAc,KAAA;AAAA,EACd,MAAA,EAAQ,SAAA;AAAA,EACR,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK;AACP,CAAA;AAEA,IAAM,UAAA,GAAkC;AAAA,EACtC,OAAA,EAAS,WAAA;AAAA,EACT,QAAA,EAAU,MAAA;AAAA,EACV,MAAA,EAAQ,mBAAA;AAAA,EACR,YAAA,EAAc,KAAA;AAAA,EACd,KAAA,EAAO,OAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEA,IAAM,UAAA,GAAkC;AAAA,EACtC,MAAA,EAAQ,CAAA;AAAA,EACR,KAAA,EAAO,SAAA;AAAA,EACP,QAAA,EAAU;AACZ,CAAA;AAEA,IAAM,SAAA,GAAiC;AAAA,EACrC,UAAA,EAAY,MAAA;AAAA,EACZ,MAAA,EAAQ,MAAA;AAAA,EACR,KAAA,EAAO,SAAA;AAAA,EACP,MAAA,EAAQ,SAAA;AAAA,EACR,QAAA,EAAU,MAAA;AAAA,EACV,OAAA,EAAS,CAAA;AAAA,EACT,cAAA,EAAgB;AAClB,CAAA;AAEA,SAAS,UAAA,GAAsB;AAC7B,EAAA,IAAI;AACF,IAAA,OAAO,OAAO,MAAA,KAAW,WAAA,IAAe,MAAA,CAAO,SAAS,MAAA,CAAO,GAAA;AAAA,EACjE,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,IAAA;AAAA,EACT;AACF;AAMA,SAAS,SAAA,GAAY;AACnB,EAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,WAAA,KAAgB,OAAA,EAAQ;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,SAAS,EAAE,CAAA;AACnC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIA,SAA2B,OAAO,CAAA;AAC1D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,SAAwB,IAAI,CAAA;AAEtD,EAAA,MAAM,cAAA,GAAiB,YAAY,YAAY;AAC7C,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,MAAM,OAAA,GAAU,KAAA,CAAM,IAAA,EAAK,CAAE,WAAA,EAAY;AACzC,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,QAAA,CAAS,0BAA0B,CAAA;AACnC,MAAA;AAAA,IACF;AACA,IAAA,IAAI,eAAe,CAAC,OAAA,CAAQ,SAAS,CAAA,CAAA,EAAI,WAAW,EAAE,CAAA,EAAG;AACvD,MAAA,QAAA,CAAS,CAAA,iBAAA,EAAoB,WAAW,CAAA,OAAA,CAAS,CAAA;AACjD,MAAA;AAAA,IACF;AACA,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI;AACF,MAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAS,GAAI,MAAM,QAAQ,OAAO,CAAA;AACjD,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,SAAS,OAAO,CAAA;AAAA,MAC3B,CAAA,MAAO;AACL,QAAA,OAAA,CAAQ,MAAM,CAAA;AAAA,MAChB;AAAA,IACF,SAAS,GAAA,EAAK;AACZ,MAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,qBAAqB,CAAA;AAAA,IACrE,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,WAAA,EAAa,OAAO,CAAC,CAAA;AAEhC,EAAA,MAAM,gBAAA,GAAmB,YAAY,YAAY;AAC/C,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,MAAM,WAAA,GAAc,KAAK,IAAA,EAAK;AAC9B,IAAA,IAAI,CAAC,WAAA,EAAa;AAChB,MAAA,QAAA,CAAS,wCAAwC,CAAA;AACjD,MAAA;AAAA,IACF;AACA,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI;AACF,MAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAY,GAAI,MAAM,SAAA,CAAU,KAAA,CAAM,IAAA,EAAK,CAAE,WAAA,EAAY,EAAG,WAAW,CAAA;AACtF,MAAA,IAAI,WAAA,EAAa;AACf,QAAA,QAAA,CAAS,YAAY,OAAO,CAAA;AAAA,MAC9B;AAAA,IACF,SAAS,GAAA,EAAK;AACZ,MAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,qBAAqB,CAAA;AAAA,IACrE,CAAA,SAAE;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,IAAA,EAAM,SAAS,CAAC,CAAA;AAE3B,EAAA,IAAI,SAAS,MAAA,EAAQ;AACnB,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,cAAA,EACV,QAAA,EAAA;AAAA,sBAAAC,GAAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,kBAAA,EAAgB,CAAA;AAAA,sBAC9E,IAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,KAAA,EAAO,SAAA,EAAW,SAAA,EAAW,QAAA,EAAU,QAAA,EAAU,OAAA,EAAQ,EAAG,QAAA,EAAA;AAAA,QAAA,4BAAA;AAAA,wBACvDA,GAAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,KAAA,CAAM,MAAK,EAAE;AAAA,OAAA,EAClD,CAAA;AAAA,sBACAA,GAAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,UAAA;AAAA,UACP,IAAA,EAAK,MAAA;AAAA,UACL,SAAA,EAAU,SAAA;AAAA,UACV,YAAA,EAAa,eAAA;AAAA,UACb,WAAA,EAAY,oBAAA;AAAA,UACZ,KAAA,EAAO,IAAA;AAAA,UACP,UAAU,CAAC,CAAA,KAAM,OAAA,CAAQ,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,UACvC,WAAW,CAAC,CAAA,KAAM,CAAA,CAAE,GAAA,KAAQ,WAAW,gBAAA;AAAiB;AAAA,OAC1D;AAAA,MACC,yBAASA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,YAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBACvCA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,gBAAA,EAAkB,QAAA,EAAU,OAAA,EAC9D,QAAA,EAAA,OAAA,GAAU,cAAA,GAAiB,aAAA,EAC9B,CAAA;AAAA,sBACAA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAS,MAAM;AAAE,QAAA,OAAA,CAAQ,OAAO,CAAA;AAAG,QAAA,OAAA,CAAQ,EAAE,CAAA;AAAG,QAAA,QAAA,CAAS,IAAI,CAAA;AAAA,MAAG,GAAG,QAAA,EAAA,uBAAA,EAE7F;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,cAAA,EACV,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,oBACjF,IAAA,CAAC,OAAE,KAAA,EAAO,EAAE,QAAQ,CAAA,EAAG,KAAA,EAAO,WAAU,EAAG,QAAA,EAAA;AAAA,MAAA,aAAA;AAAA,MAC7B,WAAA,GAAc,CAAA,CAAA,EAAI,WAAW,CAAA,CAAA,CAAA,GAAM,EAAA;AAAA,MAAG;AAAA,KAAA,EACpD,CAAA;AAAA,oBACAA,GAAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,UAAA;AAAA,QACP,IAAA,EAAK,OAAA;AAAA,QACL,WAAA,EAAa,WAAA,GAAc,CAAA,IAAA,EAAO,WAAW,CAAA,CAAA,GAAK,iBAAA;AAAA,QAClD,KAAA,EAAO,KAAA;AAAA,QACP,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,QACxC,WAAW,CAAC,CAAA,KAAM,CAAA,CAAE,GAAA,KAAQ,WAAW,cAAA;AAAe;AAAA,KACxD;AAAA,IACC,yBAASA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,YAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,oBACvCA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,cAAA,EAAgB,QAAA,EAAU,OAAA,EAC5D,QAAA,EAAA,OAAA,GAAU,YAAA,GAAe,mBAAA,EAC5B;AAAA,GAAA,EACF,CAAA;AAEJ;AAMA,SAAS,WAAA,GAAc;AACrB,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,SAAA,KAAc,OAAA,EAAQ;AAClD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAID,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,SAAwB,IAAI,CAAA;AACtD,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,SAAS,KAAK,CAAA;AAE5D,EAAA,MAAM,iBAAA,GAAoB,YAAY,YAAY;AAChD,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,YAAA,CAAa,IAAI,CAAA;AACjB,IAAA,IAAI;AACF,MAAA,MAAM,WAAA,EAAY;AAAA,IACpB,SAAS,GAAA,EAAK;AACZ,MAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,gBAAgB,CAAA;AAAA,IAChE,CAAA,SAAE;AACA,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAAA,EACF,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,IAAI,eAAA,EAAiB;AACnB,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAAC,IAAC,SAAA,EAAA,EAAU,CAAA;AAAA,sBACXA,GAAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,QAAA,EAAU,OAAA,EAAS,MAAA,EAAQ,MAAA,EAAQ,IAAA,EAAM,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,SAAA,EAAW,QAAA,EAAS,EACtF,QAAA,kBAAAA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,SAAA,EAAW,OAAA,EAAS,MAAM,kBAAA,CAAmB,KAAK,CAAA,EAAG,QAAA,EAAA,6BAAA,EAEpE,CAAA,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,cAAA,EACV,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,oBACjFA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,QAAQ,CAAA,EAAG,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,yCAAA,EAE3C,CAAA;AAAA,IAAA,CACE,KAAA,IAAS,8BAAcA,GAAAA,CAAC,OAAE,KAAA,EAAO,UAAA,EAAa,mBAAS,SAAA,EAAU,CAAA;AAAA,oBACnEA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,iBAAA,EAAmB,QAAA,EAAU,SAAA,EAC/D,QAAA,EAAA,SAAA,GAAY,eAAA,GAAkB,qBAAA,EACjC,CAAA;AAAA,oBACAA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAS,MAAM,kBAAA,CAAmB,IAAI,CAAA,EAAG,QAAA,EAAA,wBAAA,EAEnE;AAAA,GAAA,EACF,CAAA;AAEJ;AAOO,SAAS,SAAS,EAAE,QAAA,EAAU,OAAA,EAAS,eAAA,EAAiB,aAAY,EAAkB;AAC3F,EAAA,MAAM,EAAE,eAAA,EAAiB,SAAA,EAAW,KAAA,EAAO,MAAA,KAAW,OAAA,EAAQ;AAC9D,EAAA,MAAM,WAAW,UAAA,EAAW;AAE5B,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBAAOA,GAAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,OAAA,oBAAWA,IAAC,KAAA,EAAA,EAAI,KAAA,EAAO,YAAA,EAAc,QAAA,EAAA,YAAA,EAAU,CAAA,EAAO,CAAA;AAAA,EAClE;AAEA,EAAA,IAAI,CAAC,eAAA,EAAiB;AACpB,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,uBAAOA,IAAC,SAAA,EAAA,EAAU,CAAA;AAAA,IACpB;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,uBAAOA,IAAC,WAAA,EAAA,EAAY,CAAA;AAAA,IACtB;AAEA,IAAA,IAAI,eAAA,EAAiB;AACnB,MAAA,uBAAOA,GAAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,eAAA,CAAgB,EAAE,MAAA,EAAQ,MAAM,MAAA,CAAO,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAG,CAAA,EAAE,CAAA;AAAA,IAC9E;AAEA,IAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,cAAA,EACV,QAAA,EAAA;AAAA,sBAAAA,GAAAA,CAAC,IAAA,EAAA,EAAG,KAAA,EAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,QAAA,EAAU,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,qBAAA,EAAmB,CAAA;AAAA,sBACjFA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,EAAE,QAAQ,CAAA,EAAG,KAAA,EAAO,SAAA,EAAU,EAAG,QAAA,EAAA,yCAAA,EAE3C,CAAA;AAAA,MACC,yBAASA,GAAAA,CAAC,GAAA,EAAA,EAAE,KAAA,EAAO,YAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBACvCA,GAAAA,CAAC,QAAA,EAAA,EAAO,KAAA,EAAO,WAAA,EAAa,OAAA,EAAS,MAAM,MAAA,CAAO,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA,EAAG,QAAA,EAAA,qBAAA,EAE3E;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,uBAAOA,GAAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAS,CAAA;AACrB","file":"react.js","sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { SemanticLayerClient } from \"../client\";\nimport type { SemanticLayerConfig, AuthState } from \"../types\";\nimport { SemanticLayerContext } from \"./context\";\n\nexport interface SemanticLayerProviderProps {\n /** The Supabase URL of the gateway project. */\n gatewayUrl: string;\n /** The Supabase anon/publishable key of the gateway project. */\n anonKey: string;\n /**\n * Optional: restrict sign-in to emails matching this domain (e.g. \"inkind.com\").\n * Used for client-side validation in the OTP sign-in form.\n */\n emailDomain?: string;\n /**\n * Optional: a pre-constructed client instance.\n * If provided, gatewayUrl and anonKey are ignored.\n */\n client?: SemanticLayerClient;\n children: React.ReactNode;\n}\n\nexport function SemanticLayerProvider({\n gatewayUrl,\n anonKey,\n emailDomain,\n client: externalClient,\n children,\n}: SemanticLayerProviderProps) {\n const client = useMemo(() => {\n if (externalClient) return externalClient;\n return new SemanticLayerClient({ gatewayUrl, anonKey });\n }, [gatewayUrl, anonKey, externalClient]);\n\n const [auth, setAuth] = useState<AuthState>({\n isAuthenticated: false,\n isLoading: true,\n user: null,\n error: null,\n });\n\n useEffect(() => {\n let mounted = true;\n\n async function initAuth() {\n try {\n const session = await client.getSession();\n if (!mounted) return;\n\n if (session?.user) {\n setAuth({\n isAuthenticated: true,\n isLoading: false,\n user: { id: session.user.id, email: session.user.email || \"\" },\n error: null,\n });\n } else {\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: null,\n });\n }\n } catch (err) {\n if (!mounted) return;\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: err instanceof Error ? err.message : \"Auth initialization failed\",\n });\n }\n }\n\n initAuth();\n\n const { data: { subscription } } = client.onAuthStateChange((_event, session) => {\n if (!mounted) return;\n if (session?.user) {\n setAuth({\n isAuthenticated: true,\n isLoading: false,\n user: { id: session.user.id, email: session.user.email || \"\" },\n error: null,\n });\n } else {\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: null,\n });\n }\n });\n\n return () => {\n mounted = false;\n subscription.unsubscribe();\n };\n }, [client]);\n\n const value = useMemo(() => ({ client, auth, emailDomain }), [client, auth, emailDomain]);\n\n return (\n <SemanticLayerContext.Provider value={value}>\n {children}\n </SemanticLayerContext.Provider>\n );\n}\n","import React, { useCallback, useState } from \"react\";\nimport { useAuth } from \"./hooks\";\n\nexport interface AuthGateProps {\n children: React.ReactNode;\n /** Custom loading component. */\n loading?: React.ReactNode;\n /** Custom sign-in component. Receives a signIn callback. */\n signInComponent?: (props: { signIn: () => void }) => React.ReactNode;\n /** Force email OTP sign-in instead of Google OAuth. */\n useEmailOtp?: boolean;\n}\n\nconst containerStyle: React.CSSProperties = {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n fontFamily: \"system-ui, -apple-system, sans-serif\",\n gap: \"16px\",\n};\n\nconst loadingStyle: React.CSSProperties = {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n fontFamily: \"system-ui, -apple-system, sans-serif\",\n color: \"#6b7280\",\n};\n\nconst buttonStyle: React.CSSProperties = {\n padding: \"12px 24px\",\n fontSize: \"16px\",\n fontWeight: 500,\n color: \"#ffffff\",\n backgroundColor: \"#4285f4\",\n border: \"none\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n display: \"flex\",\n alignItems: \"center\",\n gap: \"8px\",\n};\n\nconst inputStyle: React.CSSProperties = {\n padding: \"10px 14px\",\n fontSize: \"16px\",\n border: \"1px solid #d1d5db\",\n borderRadius: \"8px\",\n width: \"280px\",\n fontFamily: \"system-ui, -apple-system, sans-serif\",\n};\n\nconst errorStyle: React.CSSProperties = {\n margin: 0,\n color: \"#ef4444\",\n fontSize: \"14px\",\n};\n\nconst linkStyle: React.CSSProperties = {\n background: \"none\",\n border: \"none\",\n color: \"#4285f4\",\n cursor: \"pointer\",\n fontSize: \"14px\",\n padding: 0,\n textDecoration: \"underline\",\n};\n\nfunction isInIframe(): boolean {\n try {\n return typeof window !== \"undefined\" && window.self !== window.top;\n } catch {\n return true;\n }\n}\n\n/**\n * Email OTP sign-in form for use inside iframes (Lovable editor preview).\n * Two-step: enter email → enter code from inbox.\n */\nfunction OtpSignIn() {\n const { sendOtp, verifyOtp, emailDomain } = useAuth();\n const [email, setEmail] = useState(\"\");\n const [code, setCode] = useState(\"\");\n const [step, setStep] = useState<\"email\" | \"code\">(\"email\");\n const [sending, setSending] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n const handleSendCode = useCallback(async () => {\n setError(null);\n const trimmed = email.trim().toLowerCase();\n if (!trimmed) {\n setError(\"Please enter your email.\");\n return;\n }\n if (emailDomain && !trimmed.endsWith(`@${emailDomain}`)) {\n setError(`Please use your @${emailDomain} email.`);\n return;\n }\n setSending(true);\n try {\n const { error: otpError } = await sendOtp(trimmed);\n if (otpError) {\n setError(otpError.message);\n } else {\n setStep(\"code\");\n }\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Failed to send code\");\n } finally {\n setSending(false);\n }\n }, [email, emailDomain, sendOtp]);\n\n const handleVerifyCode = useCallback(async () => {\n setError(null);\n const trimmedCode = code.trim();\n if (!trimmedCode) {\n setError(\"Please enter the code from your email.\");\n return;\n }\n setSending(true);\n try {\n const { error: verifyError } = await verifyOtp(email.trim().toLowerCase(), trimmedCode);\n if (verifyError) {\n setError(verifyError.message);\n }\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Verification failed\");\n } finally {\n setSending(false);\n }\n }, [email, code, verifyOtp]);\n\n if (step === \"code\") {\n return (\n <div style={containerStyle}>\n <h2 style={{ margin: 0, fontSize: \"24px\", color: \"#111827\" }}>Check your email</h2>\n <p style={{ margin: 0, color: \"#6b7280\", textAlign: \"center\", maxWidth: \"320px\" }}>\n We sent a sign-in code to <strong>{email.trim()}</strong>\n </p>\n <input\n style={inputStyle}\n type=\"text\"\n inputMode=\"numeric\"\n autoComplete=\"one-time-code\"\n placeholder=\"Enter 6-digit code\"\n value={code}\n onChange={(e) => setCode(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && handleVerifyCode()}\n />\n {error && <p style={errorStyle}>{error}</p>}\n <button style={buttonStyle} onClick={handleVerifyCode} disabled={sending}>\n {sending ? \"Verifying...\" : \"Verify code\"}\n </button>\n <button style={linkStyle} onClick={() => { setStep(\"email\"); setCode(\"\"); setError(null); }}>\n Use a different email\n </button>\n </div>\n );\n }\n\n return (\n <div style={containerStyle}>\n <h2 style={{ margin: 0, fontSize: \"24px\", color: \"#111827\" }}>Sign in to continue</h2>\n <p style={{ margin: 0, color: \"#6b7280\" }}>\n Enter your {emailDomain ? `@${emailDomain} ` : \"\"}email to receive a sign-in code.\n </p>\n <input\n style={inputStyle}\n type=\"email\"\n placeholder={emailDomain ? `you@${emailDomain}` : \"you@company.com\"}\n value={email}\n onChange={(e) => setEmail(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && handleSendCode()}\n />\n {error && <p style={errorStyle}>{error}</p>}\n <button style={buttonStyle} onClick={handleSendCode} disabled={sending}>\n {sending ? \"Sending...\" : \"Send sign-in code\"}\n </button>\n </div>\n );\n}\n\n/**\n * Google OAuth sign-in for iframe contexts (opens a popup window).\n * Falls back to OTP if the user prefers or if the popup is blocked.\n */\nfunction PopupSignIn() {\n const { signInPopup, error: authError } = useAuth();\n const [signingIn, setSigningIn] = useState(false);\n const [error, setError] = useState<string | null>(null);\n const [showOtpFallback, setShowOtpFallback] = useState(false);\n\n const handlePopupSignIn = useCallback(async () => {\n setError(null);\n setSigningIn(true);\n try {\n await signInPopup();\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Sign-in failed\");\n } finally {\n setSigningIn(false);\n }\n }, [signInPopup]);\n\n if (showOtpFallback) {\n return (\n <>\n <OtpSignIn />\n <div style={{ position: \"fixed\", bottom: \"24px\", left: 0, right: 0, textAlign: \"center\" }}>\n <button style={linkStyle} onClick={() => setShowOtpFallback(false)}>\n Sign in with Google instead\n </button>\n </div>\n </>\n );\n }\n\n return (\n <div style={containerStyle}>\n <h2 style={{ margin: 0, fontSize: \"24px\", color: \"#111827\" }}>Sign in to continue</h2>\n <p style={{ margin: 0, color: \"#6b7280\" }}>\n Use your Google account to access data.\n </p>\n {(error || authError) && <p style={errorStyle}>{error || authError}</p>}\n <button style={buttonStyle} onClick={handlePopupSignIn} disabled={signingIn}>\n {signingIn ? \"Signing in...\" : \"Sign in with Google\"}\n </button>\n <button style={linkStyle} onClick={() => setShowOtpFallback(true)}>\n Use email code instead\n </button>\n </div>\n );\n}\n\n/**\n * Wraps children and only renders them when the user is authenticated.\n * In iframes (e.g. Lovable editor preview), uses popup-based Google OAuth\n * with an email OTP fallback. In standalone tabs, uses redirect-based OAuth.\n */\nexport function AuthGate({ children, loading, signInComponent, useEmailOtp }: AuthGateProps) {\n const { isAuthenticated, isLoading, error, signIn } = useAuth();\n const inIframe = isInIframe();\n\n if (isLoading) {\n return <>{loading || <div style={loadingStyle}>Loading...</div>}</>;\n }\n\n if (!isAuthenticated) {\n if (useEmailOtp) {\n return <OtpSignIn />;\n }\n\n if (inIframe) {\n return <PopupSignIn />;\n }\n\n if (signInComponent) {\n return <>{signInComponent({ signIn: () => signIn(window.location.origin) })}</>;\n }\n\n return (\n <div style={containerStyle}>\n <h2 style={{ margin: 0, fontSize: \"24px\", color: \"#111827\" }}>Sign in to continue</h2>\n <p style={{ margin: 0, color: \"#6b7280\" }}>\n Use your Google account to access data.\n </p>\n {error && <p style={errorStyle}>{error}</p>}\n <button style={buttonStyle} onClick={() => signIn(window.location.origin)}>\n Sign in with Google\n </button>\n </div>\n );\n }\n\n return <>{children}</>;\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/react/provider.tsx","../src/react/auth-gate.tsx"],"names":["useState","useCallback","jsx"],"mappings":"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","file":"react.js","sourcesContent":["import React, { useEffect, useMemo, useState, useCallback } from \"react\";\nimport { SemanticLayerClient } from \"../client\";\nimport type { AuthState } from \"../types\";\nimport { SemanticLayerContext } from \"./context\";\n\nexport interface SemanticLayerProviderProps {\n /** The gateway API URL (e.g. https://semantic-layer-gateway.inkind-dev.com). */\n gatewayUrl: string;\n /**\n * Optional: restrict sign-in to emails matching this domain (e.g. \"inkind.com\").\n * This is a client-side hint only; the gateway enforces domain restrictions server-side.\n */\n emailDomain?: string;\n /**\n * Optional: a pre-constructed client instance.\n * If provided, gatewayUrl is ignored.\n */\n client?: SemanticLayerClient;\n children: React.ReactNode;\n}\n\nexport function SemanticLayerProvider({\n gatewayUrl,\n emailDomain,\n client: externalClient,\n children,\n}: SemanticLayerProviderProps) {\n const client = useMemo(\n () => externalClient ?? new SemanticLayerClient({ gatewayUrl }),\n [gatewayUrl, externalClient],\n );\n\n const [auth, setAuth] = useState<AuthState>({\n isAuthenticated: false,\n isLoading: true,\n user: null,\n error: null,\n });\n\n // On mount, check for auth tokens in the URL hash (from gateway redirect)\n // and check for an existing session in sessionStorage.\n useEffect(() => {\n let mounted = true;\n\n async function initAuth() {\n try {\n const handledCallback = client.handleAuthCallback();\n\n if (handledCallback) {\n const session = await client.getSession();\n if (!mounted) return;\n if (session?.user) {\n setAuth({\n isAuthenticated: true,\n isLoading: false,\n user: { id: session.user.id, email: session.user.email },\n error: null,\n });\n return;\n }\n }\n } catch (err) {\n if (!mounted) return;\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: err instanceof Error ? err.message : \"Auth callback failed\",\n });\n return;\n }\n\n try {\n const session = await client.getSession();\n if (!mounted) return;\n if (session?.user) {\n setAuth({\n isAuthenticated: true,\n isLoading: false,\n user: { id: session.user.id, email: session.user.email },\n error: null,\n });\n } else {\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: null,\n });\n }\n } catch (err) {\n if (!mounted) return;\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: err instanceof Error ? err.message : \"Auth initialization failed\",\n });\n }\n }\n\n initAuth();\n\n const {\n data: { subscription },\n } = client.onAuthStateChange((_event, session) => {\n if (!mounted) return;\n if (session?.user) {\n setAuth({\n isAuthenticated: true,\n isLoading: false,\n user: { id: session.user.id, email: session.user.email },\n error: null,\n });\n } else {\n setAuth({\n isAuthenticated: false,\n isLoading: false,\n user: null,\n error: null,\n });\n }\n });\n\n return () => {\n mounted = false;\n subscription.unsubscribe();\n };\n }, [client]);\n\n const signIn = useCallback(() => {\n window.location.href = client.getSignInUrl();\n }, [client]);\n\n const value = useMemo(\n () => ({ client, auth, emailDomain, signIn }),\n [client, auth, emailDomain, signIn],\n );\n\n return (\n <SemanticLayerContext.Provider value={value}>\n {children}\n </SemanticLayerContext.Provider>\n );\n}\n","import React, { useCallback, useState } from \"react\";\nimport { useAuth } from \"./hooks\";\n\nexport interface AuthGateProps {\n children: React.ReactNode;\n /** Custom loading component. */\n loading?: React.ReactNode;\n /** Custom sign-in component. Receives a signIn callback. */\n signInComponent?: (props: { signIn: () => void }) => React.ReactNode;\n}\n\nconst containerStyle: React.CSSProperties = {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n fontFamily: \"system-ui, -apple-system, sans-serif\",\n gap: \"16px\",\n};\n\nconst loadingStyle: React.CSSProperties = {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n minHeight: \"100vh\",\n fontFamily: \"system-ui, -apple-system, sans-serif\",\n color: \"#6b7280\",\n};\n\nconst buttonStyle: React.CSSProperties = {\n padding: \"12px 24px\",\n fontSize: \"16px\",\n fontWeight: 500,\n color: \"#ffffff\",\n backgroundColor: \"#4285f4\",\n border: \"none\",\n borderRadius: \"8px\",\n cursor: \"pointer\",\n display: \"flex\",\n alignItems: \"center\",\n gap: \"8px\",\n};\n\nconst errorStyle: React.CSSProperties = {\n margin: 0,\n color: \"#ef4444\",\n fontSize: \"14px\",\n};\n\n/**\n * Wraps children and only renders them when the user is authenticated.\n * Shows a Google sign-in button when unauthenticated.\n */\nexport function AuthGate({ children, loading, signInComponent }: AuthGateProps) {\n const { isAuthenticated, isLoading, error, signIn } = useAuth();\n const [signingIn, setSigningIn] = useState(false);\n\n const handleSignIn = useCallback(() => {\n setSigningIn(true);\n signIn();\n }, [signIn]);\n\n if (isLoading) {\n return <>{loading || <div style={loadingStyle}>Loading...</div>}</>;\n }\n\n if (!isAuthenticated) {\n if (signInComponent) {\n return <>{signInComponent({ signIn: handleSignIn })}</>;\n }\n\n return (\n <div style={containerStyle}>\n <h2 style={{ margin: 0, fontSize: \"24px\", color: \"#111827\" }}>Sign in to continue</h2>\n <p style={{ margin: 0, color: \"#6b7280\" }}>\n Use your Google account to access data.\n </p>\n {error && <p style={errorStyle}>{error}</p>}\n <button style={buttonStyle} onClick={handleSignIn} disabled={signingIn}>\n {signingIn ? \"Signing in...\" : \"Sign in with Google\"}\n </button>\n </div>\n );\n }\n\n return <>{children}</>;\n}\n"]}
|
|
@@ -64,7 +64,6 @@ interface SimpleQueryInput {
|
|
|
64
64
|
}
|
|
65
65
|
interface SemanticLayerConfig {
|
|
66
66
|
gatewayUrl: string;
|
|
67
|
-
anonKey: string;
|
|
68
67
|
}
|
|
69
68
|
interface AuthState {
|
|
70
69
|
isAuthenticated: boolean;
|
|
@@ -119,4 +118,4 @@ interface UserFieldOverride {
|
|
|
119
118
|
};
|
|
120
119
|
}
|
|
121
120
|
|
|
122
|
-
export type { AccessRole as A, CuratedField as C, DataType as D,
|
|
121
|
+
export type { AccessRole as A, CuratedField as C, DataType as D, FieldCategory as F, MetadataResponse as M, PivotConfig as P, QueryResult as Q, SemanticField as S, TimeGrain as T, UserRoleAssignment as U, SimpleQueryInput as a, UserFieldOverride as b, AuthState as c, FieldType as d, SemanticLayerConfig as e, AggregationType as f, PivotField as g, QueryColumn as h };
|
|
@@ -64,7 +64,6 @@ interface SimpleQueryInput {
|
|
|
64
64
|
}
|
|
65
65
|
interface SemanticLayerConfig {
|
|
66
66
|
gatewayUrl: string;
|
|
67
|
-
anonKey: string;
|
|
68
67
|
}
|
|
69
68
|
interface AuthState {
|
|
70
69
|
isAuthenticated: boolean;
|
|
@@ -119,4 +118,4 @@ interface UserFieldOverride {
|
|
|
119
118
|
};
|
|
120
119
|
}
|
|
121
120
|
|
|
122
|
-
export type { AccessRole as A, CuratedField as C, DataType as D,
|
|
121
|
+
export type { AccessRole as A, CuratedField as C, DataType as D, FieldCategory as F, MetadataResponse as M, PivotConfig as P, QueryResult as Q, SemanticField as S, TimeGrain as T, UserRoleAssignment as U, SimpleQueryInput as a, UserFieldOverride as b, AuthState as c, FieldType as d, SemanticLayerConfig as e, AggregationType as f, PivotField as g, QueryColumn as h };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inkindcards/semantic-layer",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "SDK for connecting Lovable apps to the dbt Semantic Layer via a shared gateway",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -44,9 +44,7 @@
|
|
|
44
44
|
"optional": true
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
|
-
"dependencies": {
|
|
48
|
-
"@supabase/supabase-js": "^2.49.0"
|
|
49
|
-
},
|
|
47
|
+
"dependencies": {},
|
|
50
48
|
"devDependencies": {
|
|
51
49
|
"@types/react": "^18.3.0",
|
|
52
50
|
"react": "^18.3.0",
|