@fluid-app/rep-sdk 0.1.2 → 0.1.3
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/ContactsScreen-33AJ5XUB.js +5 -0
- package/dist/{ContactsScreen-BYXF74BO.js.map → ContactsScreen-33AJ5XUB.js.map} +1 -1
- package/dist/ContactsScreen-ATASCZO2.cjs +18 -0
- package/dist/{ContactsScreen-XZOQJVFE.cjs.map → ContactsScreen-ATASCZO2.cjs.map} +1 -1
- package/dist/CustomersScreen-E4HXBKV7.js +5 -0
- package/dist/{CustomersScreen-VS6LGULO.js.map → CustomersScreen-E4HXBKV7.js.map} +1 -1
- package/dist/CustomersScreen-XMPMKSQA.cjs +18 -0
- package/dist/{CustomersScreen-53SXRDDK.cjs.map → CustomersScreen-XMPMKSQA.cjs.map} +1 -1
- package/dist/MessagingScreen-4H7ZBO3V.js +4 -0
- package/dist/{MessagingScreen-O42JEJMW.js.map → MessagingScreen-4H7ZBO3V.js.map} +1 -1
- package/dist/MessagingScreen-UPFXQZV3.cjs +17 -0
- package/dist/{MessagingScreen-UCVLYWZB.cjs.map → MessagingScreen-UPFXQZV3.cjs.map} +1 -1
- package/dist/OrdersScreen-IPPZLEYF.js +5 -0
- package/dist/{OrdersScreen-QQJFTTSS.js.map → OrdersScreen-IPPZLEYF.js.map} +1 -1
- package/dist/OrdersScreen-X7FYUROL.cjs +18 -0
- package/dist/{OrdersScreen-WNT2WDLI.cjs.map → OrdersScreen-X7FYUROL.cjs.map} +1 -1
- package/dist/ProductsScreen-4ZIUQNUU.cjs +18 -0
- package/dist/{ProductsScreen-CTIAKS3Z.cjs.map → ProductsScreen-4ZIUQNUU.cjs.map} +1 -1
- package/dist/ProductsScreen-YTSOZW7B.js +5 -0
- package/dist/{ProductsScreen-TRIT2FE3.js.map → ProductsScreen-YTSOZW7B.js.map} +1 -1
- package/dist/chunk-424PT5DM.js +21 -0
- package/dist/chunk-424PT5DM.js.map +1 -0
- package/dist/{chunk-QUVJ3R4T.cjs → chunk-5UBEM3AX.cjs} +4 -4
- package/dist/{chunk-QUVJ3R4T.cjs.map → chunk-5UBEM3AX.cjs.map} +1 -1
- package/dist/chunk-7JMNKWPN.js +1868 -0
- package/dist/chunk-7JMNKWPN.js.map +1 -0
- package/dist/chunk-B6S6BEPL.cjs +16 -0
- package/dist/chunk-B6S6BEPL.cjs.map +1 -0
- package/dist/{chunk-WH7WZXT6.js → chunk-CMF2FYTD.js} +3 -3
- package/dist/{chunk-WH7WZXT6.js.map → chunk-CMF2FYTD.js.map} +1 -1
- package/dist/{chunk-MEOOAMH2.cjs → chunk-EOXYOOWS.cjs} +4 -4
- package/dist/{chunk-MEOOAMH2.cjs.map → chunk-EOXYOOWS.cjs.map} +1 -1
- package/dist/{chunk-YII3IXF4.cjs → chunk-FG2CI6HA.cjs} +4 -4
- package/dist/{chunk-YII3IXF4.cjs.map → chunk-FG2CI6HA.cjs.map} +1 -1
- package/dist/chunk-HDQ2JUQT.cjs +24 -0
- package/dist/chunk-HDQ2JUQT.cjs.map +1 -0
- package/dist/{chunk-MBUCXIUN.cjs → chunk-MHPK7YQ2.cjs} +4 -4
- package/dist/{chunk-MBUCXIUN.cjs.map → chunk-MHPK7YQ2.cjs.map} +1 -1
- package/dist/{chunk-2AWTZV3T.js → chunk-QZMWG7EM.js} +3 -3
- package/dist/{chunk-2AWTZV3T.js.map → chunk-QZMWG7EM.js.map} +1 -1
- package/dist/chunk-RS4OSTES.js +14 -0
- package/dist/chunk-RS4OSTES.js.map +1 -0
- package/dist/chunk-V3IMQZIG.cjs +1942 -0
- package/dist/chunk-V3IMQZIG.cjs.map +1 -0
- package/dist/{chunk-PZIHCYDD.js → chunk-WFPYEYC7.js} +3 -3
- package/dist/{chunk-PZIHCYDD.js.map → chunk-WFPYEYC7.js.map} +1 -1
- package/dist/{chunk-CXRJSGO6.js → chunk-WMBD65GH.js} +3 -3
- package/dist/{chunk-CXRJSGO6.js.map → chunk-WMBD65GH.js.map} +1 -1
- package/dist/index.cjs +1596 -1212
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2596 -0
- package/dist/index.d.ts +2596 -0
- package/dist/index.js +1256 -1011
- package/dist/index.js.map +1 -1
- package/package.json +27 -8
- package/dist/ContactsScreen-BYXF74BO.js +0 -4
- package/dist/ContactsScreen-XZOQJVFE.cjs +0 -17
- package/dist/CustomersScreen-53SXRDDK.cjs +0 -17
- package/dist/CustomersScreen-VS6LGULO.js +0 -4
- package/dist/MessagingScreen-O42JEJMW.js +0 -4
- package/dist/MessagingScreen-UCVLYWZB.cjs +0 -17
- package/dist/OrdersScreen-QQJFTTSS.js +0 -4
- package/dist/OrdersScreen-WNT2WDLI.cjs +0 -17
- package/dist/ProductsScreen-CTIAKS3Z.cjs +0 -17
- package/dist/ProductsScreen-TRIT2FE3.js +0 -4
- package/dist/chunk-DEQ3PBVX.cjs +0 -29
- package/dist/chunk-DEQ3PBVX.cjs.map +0 -1
- package/dist/chunk-JZRNKSKT.cjs +0 -19
- package/dist/chunk-JZRNKSKT.cjs.map +0 -1
- package/dist/chunk-LO2HDG6C.js +0 -26
- package/dist/chunk-LO2HDG6C.js.map +0 -1
- package/dist/chunk-PJWPO4BJ.js +0 -16
- package/dist/chunk-PJWPO4BJ.js.map +0 -1
package/dist/index.cjs
CHANGED
|
@@ -1,967 +1,32 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
3
|
+
var chunkV3IMQZIG_cjs = require('./chunk-V3IMQZIG.cjs');
|
|
4
|
+
var chunkEOXYOOWS_cjs = require('./chunk-EOXYOOWS.cjs');
|
|
5
|
+
var chunkFG2CI6HA_cjs = require('./chunk-FG2CI6HA.cjs');
|
|
6
|
+
var chunkMHPK7YQ2_cjs = require('./chunk-MHPK7YQ2.cjs');
|
|
7
|
+
var chunk5UBEM3AX_cjs = require('./chunk-5UBEM3AX.cjs');
|
|
8
|
+
var chunkB6S6BEPL_cjs = require('./chunk-B6S6BEPL.cjs');
|
|
9
|
+
require('./chunk-HDQ2JUQT.cjs');
|
|
9
10
|
var react = require('react');
|
|
10
|
-
var reactQuery = require('@tanstack/react-query');
|
|
11
11
|
var jsxRuntime = require('react/jsx-runtime');
|
|
12
|
-
var
|
|
12
|
+
var reactQuery = require('@tanstack/react-query');
|
|
13
13
|
var types = require('@fluid-app/rep-core/types');
|
|
14
|
-
var theme_star = require('@fluid-app/rep-core/theme');
|
|
15
14
|
var widgets = require('@fluid-app/rep-widgets/widgets');
|
|
16
15
|
var widgetUtils = require('@fluid-app/rep-core/widget-utils');
|
|
17
16
|
var registries = require('@fluid-app/rep-core/registries');
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
n.default = e;
|
|
34
|
-
return Object.freeze(n);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
var theme_star__namespace = /*#__PURE__*/_interopNamespace(theme_star);
|
|
38
|
-
|
|
39
|
-
// src/client/types.ts
|
|
40
|
-
var HTTP_METHODS = {
|
|
41
|
-
GET: "GET",
|
|
42
|
-
POST: "POST",
|
|
43
|
-
PUT: "PUT",
|
|
44
|
-
PATCH: "PATCH",
|
|
45
|
-
DELETE: "DELETE"
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
// src/auth/auth-redirect.ts
|
|
49
|
-
var DEFAULT_AUTH_URL = "https://auth.fluid.app";
|
|
50
|
-
var AUTH_REDIRECT_TOKEN_KEY = "jwt";
|
|
51
|
-
var REDIRECT_TIMESTAMP_KEY = "__fluid_auth_redirect_ts";
|
|
52
|
-
var REDIRECT_COOLDOWN_S = 10;
|
|
53
|
-
function isRedirectLoop() {
|
|
54
|
-
try {
|
|
55
|
-
const ts = sessionStorage.getItem(REDIRECT_TIMESTAMP_KEY);
|
|
56
|
-
if (!ts) return false;
|
|
57
|
-
const elapsed = (Date.now() - Number(ts)) / 1e3;
|
|
58
|
-
return elapsed < REDIRECT_COOLDOWN_S;
|
|
59
|
-
} catch {
|
|
60
|
-
return false;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
function markRedirect() {
|
|
64
|
-
try {
|
|
65
|
-
sessionStorage.setItem(REDIRECT_TIMESTAMP_KEY, String(Date.now()));
|
|
66
|
-
} catch {
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
function createDefaultAuthRedirect(authUrl) {
|
|
70
|
-
return () => {
|
|
71
|
-
if (isRedirectLoop()) {
|
|
72
|
-
console.warn(
|
|
73
|
-
"[FluidAuth] Auth redirect suppressed \u2014 possible redirect loop. Check that your auth server returns a token accepted by the API."
|
|
74
|
-
);
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
77
|
-
markRedirect();
|
|
78
|
-
const base = authUrl ?? DEFAULT_AUTH_URL;
|
|
79
|
-
const currentUrl = encodeURIComponent(window.location.href);
|
|
80
|
-
window.location.href = `${base}/?redirect_url=${currentUrl}`;
|
|
81
|
-
};
|
|
82
|
-
}
|
|
83
|
-
function resolveAuthFailureHandler(onAuthFailure, authUrl) {
|
|
84
|
-
return onAuthFailure ?? createDefaultAuthRedirect(authUrl);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
// src/client/fluid-client.ts
|
|
88
|
-
var ApiError = class _ApiError extends Error {
|
|
89
|
-
status;
|
|
90
|
-
data;
|
|
91
|
-
constructor(message, status, data) {
|
|
92
|
-
super(message);
|
|
93
|
-
this.name = "ApiError";
|
|
94
|
-
this.status = status;
|
|
95
|
-
this.data = data;
|
|
96
|
-
const errorWithCapture = Error;
|
|
97
|
-
if (errorWithCapture.captureStackTrace) {
|
|
98
|
-
errorWithCapture.captureStackTrace(this, _ApiError);
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
toJSON() {
|
|
102
|
-
return {
|
|
103
|
-
name: this.name,
|
|
104
|
-
message: this.message,
|
|
105
|
-
status: this.status,
|
|
106
|
-
data: this.data
|
|
107
|
-
};
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
function isApiError(error) {
|
|
111
|
-
return error instanceof ApiError;
|
|
112
|
-
}
|
|
113
|
-
function isString(value) {
|
|
114
|
-
return typeof value === "string";
|
|
115
|
-
}
|
|
116
|
-
function extractErrorMessage(data, fallback) {
|
|
117
|
-
if ("message" in data && isString(data.message)) {
|
|
118
|
-
return data.message;
|
|
119
|
-
}
|
|
120
|
-
if ("error_message" in data && isString(data.error_message)) {
|
|
121
|
-
return data.error_message;
|
|
122
|
-
}
|
|
123
|
-
if ("error" in data && isString(data.error)) {
|
|
124
|
-
return data.error;
|
|
125
|
-
}
|
|
126
|
-
return fallback;
|
|
127
|
-
}
|
|
128
|
-
function createFluidClient(config) {
|
|
129
|
-
const { baseUrl, getAuthToken, onAuthError, defaultHeaders = {} } = config;
|
|
130
|
-
const effectiveOnAuthError = onAuthError ?? createDefaultAuthRedirect();
|
|
131
|
-
async function buildHeaders(customHeaders) {
|
|
132
|
-
const headers = {
|
|
133
|
-
"Content-Type": "application/json",
|
|
134
|
-
...defaultHeaders,
|
|
135
|
-
...customHeaders
|
|
136
|
-
};
|
|
137
|
-
if (getAuthToken) {
|
|
138
|
-
const token = await getAuthToken();
|
|
139
|
-
if (token) {
|
|
140
|
-
headers.Authorization = `Bearer ${token}`;
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
return headers;
|
|
144
|
-
}
|
|
145
|
-
function buildUrl(endpoint, params) {
|
|
146
|
-
const normalizedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
|
|
147
|
-
const normalizedEndpoint = endpoint.startsWith("/") ? endpoint : `/${endpoint}`;
|
|
148
|
-
const url = new URL(normalizedBase + normalizedEndpoint);
|
|
149
|
-
if (params) {
|
|
150
|
-
for (const [key, value] of Object.entries(params)) {
|
|
151
|
-
if (value === void 0 || value === null) {
|
|
152
|
-
continue;
|
|
153
|
-
}
|
|
154
|
-
if (Array.isArray(value)) {
|
|
155
|
-
for (const item of value) {
|
|
156
|
-
url.searchParams.append(`${key}[]`, String(item));
|
|
157
|
-
}
|
|
158
|
-
} else if (typeof value === "object") {
|
|
159
|
-
for (const [subKey, subValue] of Object.entries(
|
|
160
|
-
value
|
|
161
|
-
)) {
|
|
162
|
-
if (subValue === void 0 || subValue === null) {
|
|
163
|
-
continue;
|
|
164
|
-
}
|
|
165
|
-
if (Array.isArray(subValue)) {
|
|
166
|
-
for (const item of subValue) {
|
|
167
|
-
url.searchParams.append(`${key}[${subKey}][]`, String(item));
|
|
168
|
-
}
|
|
169
|
-
} else {
|
|
170
|
-
url.searchParams.append(`${key}[${subKey}]`, String(subValue));
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
} else {
|
|
174
|
-
url.searchParams.append(key, String(value));
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
return url.toString();
|
|
179
|
-
}
|
|
180
|
-
const defaultRequestOptions = {
|
|
181
|
-
method: HTTP_METHODS.GET
|
|
182
|
-
};
|
|
183
|
-
async function request(endpoint, options = {}) {
|
|
184
|
-
const {
|
|
185
|
-
method = defaultRequestOptions.method,
|
|
186
|
-
headers: customHeaders,
|
|
187
|
-
params,
|
|
188
|
-
body,
|
|
189
|
-
signal
|
|
190
|
-
} = options;
|
|
191
|
-
const url = buildUrl(
|
|
192
|
-
endpoint,
|
|
193
|
-
method === HTTP_METHODS.GET ? params : void 0
|
|
194
|
-
);
|
|
195
|
-
const headers = await buildHeaders(customHeaders);
|
|
196
|
-
let response;
|
|
197
|
-
try {
|
|
198
|
-
const fetchOptions = {
|
|
199
|
-
method,
|
|
200
|
-
headers
|
|
201
|
-
};
|
|
202
|
-
if (signal !== void 0) {
|
|
203
|
-
fetchOptions.signal = signal;
|
|
204
|
-
}
|
|
205
|
-
if (body && method !== HTTP_METHODS.GET) {
|
|
206
|
-
fetchOptions.body = JSON.stringify(body);
|
|
207
|
-
}
|
|
208
|
-
response = await fetch(url, fetchOptions);
|
|
209
|
-
} catch (networkError) {
|
|
210
|
-
throw new ApiError(
|
|
211
|
-
`Network error: ${networkError instanceof Error ? networkError.message : "Unknown network error"}`,
|
|
212
|
-
0,
|
|
213
|
-
null
|
|
214
|
-
);
|
|
215
|
-
}
|
|
216
|
-
if (response.status === 401) {
|
|
217
|
-
effectiveOnAuthError();
|
|
218
|
-
return null;
|
|
219
|
-
}
|
|
220
|
-
if (!response.ok) {
|
|
221
|
-
try {
|
|
222
|
-
const contentType = response.headers.get("content-type");
|
|
223
|
-
if (contentType?.includes("application/json")) {
|
|
224
|
-
const data = await response.json();
|
|
225
|
-
const errorMessage = extractErrorMessage(
|
|
226
|
-
data,
|
|
227
|
-
`${method} request failed`
|
|
228
|
-
);
|
|
229
|
-
throw new ApiError(
|
|
230
|
-
errorMessage,
|
|
231
|
-
response.status,
|
|
232
|
-
"errors" in data ? data.errors : data
|
|
233
|
-
);
|
|
234
|
-
} else {
|
|
235
|
-
throw new ApiError(
|
|
236
|
-
`${method} request failed with status ${response.status}`,
|
|
237
|
-
response.status,
|
|
238
|
-
null
|
|
239
|
-
);
|
|
240
|
-
}
|
|
241
|
-
} catch (error) {
|
|
242
|
-
if (isApiError(error)) {
|
|
243
|
-
throw error;
|
|
244
|
-
}
|
|
245
|
-
throw new ApiError(
|
|
246
|
-
`${method} request failed with status ${response.status}`,
|
|
247
|
-
response.status,
|
|
248
|
-
null
|
|
249
|
-
);
|
|
250
|
-
}
|
|
251
|
-
}
|
|
252
|
-
if (response.status === 204 || response.headers.get("content-length") === "0") {
|
|
253
|
-
return null;
|
|
254
|
-
}
|
|
255
|
-
try {
|
|
256
|
-
const data = await response.json();
|
|
257
|
-
if (data === null || data === void 0) {
|
|
258
|
-
throw new ApiError(
|
|
259
|
-
"Unexpected null/undefined in JSON response",
|
|
260
|
-
response.status,
|
|
261
|
-
null
|
|
262
|
-
);
|
|
263
|
-
}
|
|
264
|
-
return data;
|
|
265
|
-
} catch (parseError) {
|
|
266
|
-
if (isApiError(parseError)) {
|
|
267
|
-
throw parseError;
|
|
268
|
-
}
|
|
269
|
-
throw new ApiError(
|
|
270
|
-
"Failed to parse response as JSON",
|
|
271
|
-
response.status,
|
|
272
|
-
null
|
|
273
|
-
);
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
|
-
async function requestNullable(endpoint, options = {}) {
|
|
277
|
-
return request(endpoint, options);
|
|
278
|
-
}
|
|
279
|
-
async function safeRequest(endpoint, options = {}) {
|
|
280
|
-
try {
|
|
281
|
-
const data = await request(endpoint, options);
|
|
282
|
-
return { success: true, data };
|
|
283
|
-
} catch (error) {
|
|
284
|
-
if (isApiError(error)) {
|
|
285
|
-
return { success: false, error };
|
|
286
|
-
}
|
|
287
|
-
return {
|
|
288
|
-
success: false,
|
|
289
|
-
error: new ApiError(
|
|
290
|
-
error instanceof Error ? error.message : "Unknown error",
|
|
291
|
-
0,
|
|
292
|
-
null
|
|
293
|
-
)
|
|
294
|
-
};
|
|
295
|
-
}
|
|
296
|
-
}
|
|
297
|
-
function toParams(params) {
|
|
298
|
-
return params;
|
|
299
|
-
}
|
|
300
|
-
const get = (endpoint, params, options) => {
|
|
301
|
-
const baseOptions = {
|
|
302
|
-
...options,
|
|
303
|
-
method: HTTP_METHODS.GET
|
|
304
|
-
};
|
|
305
|
-
const convertedParams = toParams(params);
|
|
306
|
-
const requestOptions = convertedParams !== void 0 ? { ...baseOptions, params: convertedParams } : baseOptions;
|
|
307
|
-
return request(endpoint, requestOptions);
|
|
308
|
-
};
|
|
309
|
-
const post = (endpoint, body, options) => request(endpoint, {
|
|
310
|
-
...options,
|
|
311
|
-
method: HTTP_METHODS.POST,
|
|
312
|
-
body
|
|
313
|
-
});
|
|
314
|
-
const put = (endpoint, body, options) => request(endpoint, {
|
|
315
|
-
...options,
|
|
316
|
-
method: HTTP_METHODS.PUT,
|
|
317
|
-
body
|
|
318
|
-
});
|
|
319
|
-
const patch = (endpoint, body, options) => request(endpoint, {
|
|
320
|
-
...options,
|
|
321
|
-
method: HTTP_METHODS.PATCH,
|
|
322
|
-
body
|
|
323
|
-
});
|
|
324
|
-
const del = (endpoint, options) => request(endpoint, {
|
|
325
|
-
...options,
|
|
326
|
-
method: HTTP_METHODS.DELETE
|
|
327
|
-
});
|
|
328
|
-
return {
|
|
329
|
-
// Low-level methods for custom endpoints
|
|
330
|
-
request,
|
|
331
|
-
requestNullable,
|
|
332
|
-
safeRequest,
|
|
333
|
-
get,
|
|
334
|
-
post,
|
|
335
|
-
put,
|
|
336
|
-
patch,
|
|
337
|
-
delete: del,
|
|
338
|
-
// Products API - matches fluid-admin's /company/v1/products
|
|
339
|
-
products: {
|
|
340
|
-
list: (params) => get(
|
|
341
|
-
"/company/v1/products",
|
|
342
|
-
params
|
|
343
|
-
),
|
|
344
|
-
get: (id) => get(`/company/v1/products/${id}`),
|
|
345
|
-
search: (query, params) => get("/company/v1/products", {
|
|
346
|
-
search_query: query,
|
|
347
|
-
...params
|
|
348
|
-
})
|
|
349
|
-
},
|
|
350
|
-
// Orders API
|
|
351
|
-
orders: {
|
|
352
|
-
list: (params) => get("/orders", params),
|
|
353
|
-
get: (id) => get(`/orders/${id}`),
|
|
354
|
-
create: (data) => post("/orders", data)
|
|
355
|
-
},
|
|
356
|
-
// Reps API
|
|
357
|
-
reps: {
|
|
358
|
-
current: () => get("/reps/me"),
|
|
359
|
-
updateProfile: (data) => patch("/reps/me", data)
|
|
360
|
-
},
|
|
361
|
-
// Profile API (themes, navigation, screens)
|
|
362
|
-
profile: {
|
|
363
|
-
get: () => get("/rep_app/manifest")
|
|
364
|
-
},
|
|
365
|
-
// Permissions API
|
|
366
|
-
permissions: {
|
|
367
|
-
get: () => get("/company/roles/my_permissions")
|
|
368
|
-
},
|
|
369
|
-
// Analytics API
|
|
370
|
-
analytics: {
|
|
371
|
-
dashboard: () => get("/analytics/dashboard"),
|
|
372
|
-
sales: (params) => get("/analytics/sales", params)
|
|
373
|
-
}
|
|
374
|
-
};
|
|
375
|
-
}
|
|
376
|
-
var ThemeContext = react.createContext(null);
|
|
377
|
-
function applyThemeVariables(theme, container) {
|
|
378
|
-
const target = container ?? document.documentElement;
|
|
379
|
-
const toRemove = [];
|
|
380
|
-
for (let i = 0; i < target.style.length; i++) {
|
|
381
|
-
const prop = target.style[i];
|
|
382
|
-
if (prop.startsWith("--fluid-")) {
|
|
383
|
-
toRemove.push(prop);
|
|
384
|
-
}
|
|
385
|
-
}
|
|
386
|
-
for (const prop of toRemove) {
|
|
387
|
-
target.style.removeProperty(prop);
|
|
388
|
-
}
|
|
389
|
-
for (const [key, value] of Object.entries(theme.config)) {
|
|
390
|
-
target.style.setProperty(`--fluid-${key}`, value);
|
|
391
|
-
}
|
|
392
|
-
if (theme.mode) {
|
|
393
|
-
target.dataset.fluidThemeMode = theme.mode;
|
|
394
|
-
}
|
|
395
|
-
}
|
|
396
|
-
function FluidThemeProvider({
|
|
397
|
-
children,
|
|
398
|
-
initialTheme,
|
|
399
|
-
container
|
|
400
|
-
}) {
|
|
401
|
-
const [currentTheme, setCurrentTheme] = react.useState(
|
|
402
|
-
initialTheme ?? null
|
|
403
|
-
);
|
|
404
|
-
react.useEffect(() => {
|
|
405
|
-
if (currentTheme) {
|
|
406
|
-
applyThemeVariables(currentTheme, container ?? null);
|
|
407
|
-
}
|
|
408
|
-
}, [currentTheme, container]);
|
|
409
|
-
const setTheme = react.useCallback((theme) => {
|
|
410
|
-
setCurrentTheme(theme);
|
|
411
|
-
}, []);
|
|
412
|
-
const setThemeMode = react.useCallback((mode) => {
|
|
413
|
-
setCurrentTheme((prev) => prev ? { ...prev, mode } : null);
|
|
414
|
-
}, []);
|
|
415
|
-
const value = react.useMemo(
|
|
416
|
-
() => ({
|
|
417
|
-
currentTheme,
|
|
418
|
-
setTheme,
|
|
419
|
-
setThemeMode
|
|
420
|
-
}),
|
|
421
|
-
[currentTheme, setTheme, setThemeMode]
|
|
422
|
-
);
|
|
423
|
-
return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
|
|
424
|
-
}
|
|
425
|
-
function useThemeContext() {
|
|
426
|
-
const context = react.useContext(ThemeContext);
|
|
427
|
-
if (!context) {
|
|
428
|
-
throw new Error("useThemeContext must be used within a FluidThemeProvider");
|
|
429
|
-
}
|
|
430
|
-
return context;
|
|
431
|
-
}
|
|
432
|
-
var FluidContext = react.createContext(null);
|
|
433
|
-
function FluidProvider({
|
|
434
|
-
config,
|
|
435
|
-
children,
|
|
436
|
-
queryClient,
|
|
437
|
-
initialTheme,
|
|
438
|
-
themeContainer
|
|
439
|
-
}) {
|
|
440
|
-
const defaultQueryClient = react.useMemo(
|
|
441
|
-
() => new reactQuery.QueryClient({
|
|
442
|
-
defaultOptions: {
|
|
443
|
-
queries: {
|
|
444
|
-
staleTime: 1e3 * 60,
|
|
445
|
-
// 1 minute
|
|
446
|
-
retry: 1
|
|
447
|
-
}
|
|
448
|
-
}
|
|
449
|
-
}),
|
|
450
|
-
[]
|
|
451
|
-
);
|
|
452
|
-
const configRef = react.useRef(config);
|
|
453
|
-
configRef.current = config;
|
|
454
|
-
const client = react.useMemo(
|
|
455
|
-
() => createFluidClient({
|
|
456
|
-
...configRef.current,
|
|
457
|
-
getAuthToken: () => configRef.current.getAuthToken?.() ?? null,
|
|
458
|
-
onAuthError: () => configRef.current.onAuthError?.()
|
|
459
|
-
}),
|
|
460
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
461
|
-
[config.baseUrl]
|
|
462
|
-
);
|
|
463
|
-
const contextValue = react.useMemo(
|
|
464
|
-
() => ({ client, config: configRef.current }),
|
|
465
|
-
[client]
|
|
466
|
-
);
|
|
467
|
-
const themeProviderProps = {
|
|
468
|
-
...initialTheme !== void 0 && { initialTheme },
|
|
469
|
-
...themeContainer !== void 0 && { container: themeContainer }
|
|
470
|
-
};
|
|
471
|
-
return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient ?? defaultQueryClient, children: /* @__PURE__ */ jsxRuntime.jsx(FluidContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(FluidThemeProvider, { ...themeProviderProps, children }) }) });
|
|
472
|
-
}
|
|
473
|
-
function useFluidContext() {
|
|
474
|
-
const context = react.useContext(FluidContext);
|
|
475
|
-
if (!context) {
|
|
476
|
-
throw new Error("useFluidContext must be used within a FluidProvider");
|
|
477
|
-
}
|
|
478
|
-
return context;
|
|
479
|
-
}
|
|
480
|
-
|
|
481
|
-
// src/auth/constants.ts
|
|
482
|
-
var AUTH_CONSTANTS = {
|
|
483
|
-
/**
|
|
484
|
-
* Grace period in milliseconds to account for clock skew
|
|
485
|
-
* when checking token expiration. Tokens are considered valid
|
|
486
|
-
* if they expire within this period.
|
|
487
|
-
*/
|
|
488
|
-
TOKEN_GRACE_PERIOD_MS: 30 * 1e3,
|
|
489
|
-
// 30 seconds
|
|
490
|
-
/**
|
|
491
|
-
* Default cookie max age in seconds (9 days).
|
|
492
|
-
* This matches the typical JWT token lifetime from the Fluid API.
|
|
493
|
-
*/
|
|
494
|
-
COOKIE_MAX_AGE: 9 * 24 * 60 * 60
|
|
495
|
-
// 9 days = 777600 seconds
|
|
496
|
-
};
|
|
497
|
-
var STORAGE_KEYS = {
|
|
498
|
-
/** localStorage key for user token */
|
|
499
|
-
USER_TOKEN: "fluidUserToken",
|
|
500
|
-
/** localStorage key for company token (legacy) */
|
|
501
|
-
COMPANY_TOKEN: "fluidCompanyToken",
|
|
502
|
-
/** Cookie name for auth token */
|
|
503
|
-
AUTH_COOKIE: "auth_token"
|
|
504
|
-
};
|
|
505
|
-
var URL_PARAMS = {
|
|
506
|
-
/** URL parameter name for user token */
|
|
507
|
-
USER_TOKEN: "fluidUserToken",
|
|
508
|
-
/** URL parameter name for company token (legacy) */
|
|
509
|
-
COMPANY_TOKEN: "fluidCompanyToken"
|
|
510
|
-
};
|
|
511
|
-
|
|
512
|
-
// src/auth/browser-utils.ts
|
|
513
|
-
function isBrowser() {
|
|
514
|
-
return typeof window !== "undefined" && typeof document !== "undefined";
|
|
515
|
-
}
|
|
516
|
-
|
|
517
|
-
// src/auth/url-token.ts
|
|
518
|
-
function extractTokenFromUrl(tokenKey = URL_PARAMS.USER_TOKEN) {
|
|
519
|
-
if (!isBrowser()) {
|
|
520
|
-
return null;
|
|
521
|
-
}
|
|
522
|
-
try {
|
|
523
|
-
const searchParams = new URLSearchParams(window.location.search);
|
|
524
|
-
return searchParams.get(tokenKey);
|
|
525
|
-
} catch {
|
|
526
|
-
return null;
|
|
527
|
-
}
|
|
528
|
-
}
|
|
529
|
-
function extractCompanyTokenFromUrl(tokenKey = URL_PARAMS.COMPANY_TOKEN) {
|
|
530
|
-
if (!isBrowser()) {
|
|
531
|
-
return null;
|
|
532
|
-
}
|
|
533
|
-
try {
|
|
534
|
-
const searchParams = new URLSearchParams(window.location.search);
|
|
535
|
-
return searchParams.get(tokenKey);
|
|
536
|
-
} catch {
|
|
537
|
-
return null;
|
|
538
|
-
}
|
|
539
|
-
}
|
|
540
|
-
function cleanTokenFromUrl(tokenKey = URL_PARAMS.USER_TOKEN) {
|
|
541
|
-
if (!isBrowser()) {
|
|
542
|
-
return;
|
|
543
|
-
}
|
|
544
|
-
try {
|
|
545
|
-
const url = new URL(window.location.href);
|
|
546
|
-
const hadToken = url.searchParams.has(tokenKey);
|
|
547
|
-
const hadCompanyToken = url.searchParams.has(URL_PARAMS.COMPANY_TOKEN);
|
|
548
|
-
url.searchParams.delete(tokenKey);
|
|
549
|
-
url.searchParams.delete(URL_PARAMS.COMPANY_TOKEN);
|
|
550
|
-
if (hadToken || hadCompanyToken) {
|
|
551
|
-
window.history.replaceState(
|
|
552
|
-
window.history.state,
|
|
553
|
-
document.title,
|
|
554
|
-
url.toString()
|
|
555
|
-
);
|
|
556
|
-
}
|
|
557
|
-
} catch (error) {
|
|
558
|
-
console.warn("[FluidAuth] Failed to clean token from URL:", error);
|
|
559
|
-
}
|
|
560
|
-
}
|
|
561
|
-
function hasTokenInUrl(tokenKey = URL_PARAMS.USER_TOKEN) {
|
|
562
|
-
if (!isBrowser()) {
|
|
563
|
-
return false;
|
|
564
|
-
}
|
|
565
|
-
try {
|
|
566
|
-
const searchParams = new URLSearchParams(window.location.search);
|
|
567
|
-
return searchParams.has(tokenKey);
|
|
568
|
-
} catch {
|
|
569
|
-
return false;
|
|
570
|
-
}
|
|
571
|
-
}
|
|
572
|
-
function extractAllTokensFromUrl(userTokenKey = URL_PARAMS.USER_TOKEN, companyTokenKey = URL_PARAMS.COMPANY_TOKEN) {
|
|
573
|
-
if (!isBrowser()) {
|
|
574
|
-
return { userToken: null, companyToken: null };
|
|
575
|
-
}
|
|
576
|
-
try {
|
|
577
|
-
const searchParams = new URLSearchParams(window.location.search);
|
|
578
|
-
return {
|
|
579
|
-
userToken: searchParams.get(userTokenKey),
|
|
580
|
-
companyToken: searchParams.get(companyTokenKey)
|
|
581
|
-
};
|
|
582
|
-
} catch {
|
|
583
|
-
return { userToken: null, companyToken: null };
|
|
584
|
-
}
|
|
585
|
-
}
|
|
586
|
-
|
|
587
|
-
// src/auth/token-storage.ts
|
|
588
|
-
function parseCookies() {
|
|
589
|
-
if (!isBrowser()) {
|
|
590
|
-
return {};
|
|
591
|
-
}
|
|
592
|
-
const cookies = {};
|
|
593
|
-
const cookieString = document.cookie;
|
|
594
|
-
if (!cookieString) {
|
|
595
|
-
return cookies;
|
|
596
|
-
}
|
|
597
|
-
cookieString.split(";").forEach((cookie) => {
|
|
598
|
-
const [name, ...valueParts] = cookie.trim().split("=");
|
|
599
|
-
if (name) {
|
|
600
|
-
cookies[name] = decodeURIComponent(valueParts.join("="));
|
|
601
|
-
}
|
|
602
|
-
});
|
|
603
|
-
return cookies;
|
|
604
|
-
}
|
|
605
|
-
function setCookie(name, value, options = {}) {
|
|
606
|
-
if (!isBrowser()) {
|
|
607
|
-
return;
|
|
608
|
-
}
|
|
609
|
-
const {
|
|
610
|
-
maxAge = AUTH_CONSTANTS.COOKIE_MAX_AGE,
|
|
611
|
-
path = "/",
|
|
612
|
-
sameSite = "lax",
|
|
613
|
-
secure = window.location.protocol === "https:"
|
|
614
|
-
} = options;
|
|
615
|
-
let cookieString = `${name}=${encodeURIComponent(value)}`;
|
|
616
|
-
cookieString += `; path=${path}`;
|
|
617
|
-
cookieString += `; max-age=${maxAge}`;
|
|
618
|
-
cookieString += `; samesite=${sameSite}`;
|
|
619
|
-
if (secure) {
|
|
620
|
-
cookieString += "; secure";
|
|
621
|
-
}
|
|
622
|
-
document.cookie = cookieString;
|
|
623
|
-
}
|
|
624
|
-
function deleteCookie(name, path = "/") {
|
|
625
|
-
if (!isBrowser()) {
|
|
626
|
-
return;
|
|
627
|
-
}
|
|
628
|
-
document.cookie = `${name}=; path=${path}; max-age=0`;
|
|
629
|
-
}
|
|
630
|
-
function getStoredToken(config) {
|
|
631
|
-
if (!isBrowser()) {
|
|
632
|
-
return null;
|
|
633
|
-
}
|
|
634
|
-
const cookieKey = config?.cookieKey ?? STORAGE_KEYS.AUTH_COOKIE;
|
|
635
|
-
const localStorageKey = STORAGE_KEYS.USER_TOKEN;
|
|
636
|
-
const cookies = parseCookies();
|
|
637
|
-
const cookieToken = cookies[cookieKey];
|
|
638
|
-
if (cookieToken) {
|
|
639
|
-
return cookieToken;
|
|
640
|
-
}
|
|
641
|
-
try {
|
|
642
|
-
return localStorage.getItem(localStorageKey);
|
|
643
|
-
} catch {
|
|
644
|
-
return null;
|
|
645
|
-
}
|
|
646
|
-
}
|
|
647
|
-
function storeToken(token, config) {
|
|
648
|
-
if (!isBrowser()) {
|
|
649
|
-
return;
|
|
650
|
-
}
|
|
651
|
-
const cookieKey = config?.cookieKey ?? STORAGE_KEYS.AUTH_COOKIE;
|
|
652
|
-
const maxAge = config?.cookieMaxAge ?? AUTH_CONSTANTS.COOKIE_MAX_AGE;
|
|
653
|
-
try {
|
|
654
|
-
setCookie(cookieKey, token, {
|
|
655
|
-
maxAge,
|
|
656
|
-
path: "/",
|
|
657
|
-
// Use 'none' with secure for cross-origin iframe scenarios
|
|
658
|
-
sameSite: window.self !== window.top ? "none" : "lax",
|
|
659
|
-
secure: window.location.protocol === "https:"
|
|
660
|
-
});
|
|
661
|
-
} catch (error) {
|
|
662
|
-
console.warn("[FluidAuth] Failed to store token in cookie:", error);
|
|
663
|
-
}
|
|
664
|
-
try {
|
|
665
|
-
localStorage.setItem(STORAGE_KEYS.USER_TOKEN, token);
|
|
666
|
-
} catch (error) {
|
|
667
|
-
console.warn("[FluidAuth] Failed to store token in localStorage:", error);
|
|
668
|
-
}
|
|
669
|
-
}
|
|
670
|
-
function clearTokens(config) {
|
|
671
|
-
if (!isBrowser()) {
|
|
672
|
-
return;
|
|
673
|
-
}
|
|
674
|
-
const cookieKey = config?.cookieKey ?? STORAGE_KEYS.AUTH_COOKIE;
|
|
675
|
-
try {
|
|
676
|
-
deleteCookie(cookieKey);
|
|
677
|
-
} catch {
|
|
678
|
-
}
|
|
679
|
-
try {
|
|
680
|
-
localStorage.removeItem(STORAGE_KEYS.USER_TOKEN);
|
|
681
|
-
localStorage.removeItem(STORAGE_KEYS.COMPANY_TOKEN);
|
|
682
|
-
} catch {
|
|
683
|
-
}
|
|
684
|
-
}
|
|
685
|
-
function hasStoredToken(config) {
|
|
686
|
-
return getStoredToken(config) !== null;
|
|
687
|
-
}
|
|
688
|
-
|
|
689
|
-
// src/auth/types.ts
|
|
690
|
-
var USER_TYPES = {
|
|
691
|
-
admin: "admin",
|
|
692
|
-
rep: "rep",
|
|
693
|
-
root_admin: "root_admin",
|
|
694
|
-
customer: "customer"
|
|
695
|
-
};
|
|
696
|
-
function isUserType(value) {
|
|
697
|
-
return Object.values(USER_TYPES).includes(value);
|
|
698
|
-
}
|
|
699
|
-
|
|
700
|
-
// src/auth/token-utils.ts
|
|
701
|
-
function extractPayloadFromJose(decoded) {
|
|
702
|
-
const rawUserType = decoded.user_type;
|
|
703
|
-
const rawOgUserType = decoded.og_user_type;
|
|
704
|
-
return {
|
|
705
|
-
id: typeof decoded.id === "number" ? decoded.id : void 0,
|
|
706
|
-
email: typeof decoded.email === "string" ? decoded.email : void 0,
|
|
707
|
-
full_name: typeof decoded.full_name === "string" ? decoded.full_name : void 0,
|
|
708
|
-
user_type: typeof rawUserType === "string" && isUserType(rawUserType) ? rawUserType : "rep",
|
|
709
|
-
og_user_type: typeof rawOgUserType === "string" && isUserType(rawOgUserType) ? rawOgUserType : void 0,
|
|
710
|
-
company_id: typeof decoded.company_id === "number" ? decoded.company_id : void 0,
|
|
711
|
-
exp: decoded.exp,
|
|
712
|
-
auth_type: typeof decoded.auth_type === "string" ? decoded.auth_type : void 0
|
|
713
|
-
};
|
|
714
|
-
}
|
|
715
|
-
function decodeToken(token) {
|
|
716
|
-
try {
|
|
717
|
-
const decoded = jose.decodeJwt(token);
|
|
718
|
-
return extractPayloadFromJose(decoded);
|
|
719
|
-
} catch (error) {
|
|
720
|
-
console.error("[FluidAuth] Failed to decode JWT token:", error);
|
|
721
|
-
return null;
|
|
722
|
-
}
|
|
723
|
-
}
|
|
724
|
-
function isTokenExpired(token, gracePeriodMs = AUTH_CONSTANTS.TOKEN_GRACE_PERIOD_MS) {
|
|
725
|
-
try {
|
|
726
|
-
const decoded = jose.decodeJwt(token);
|
|
727
|
-
if (!decoded.exp) {
|
|
728
|
-
return false;
|
|
729
|
-
}
|
|
730
|
-
const expirationTime = decoded.exp * 1e3;
|
|
731
|
-
const currentTime = Date.now();
|
|
732
|
-
return currentTime > expirationTime + gracePeriodMs;
|
|
733
|
-
} catch {
|
|
734
|
-
return true;
|
|
735
|
-
}
|
|
736
|
-
}
|
|
737
|
-
function validateToken(token, gracePeriodMs = AUTH_CONSTANTS.TOKEN_GRACE_PERIOD_MS) {
|
|
738
|
-
if (!token || token.trim() === "") {
|
|
739
|
-
return {
|
|
740
|
-
isValid: false,
|
|
741
|
-
error: "Token is empty or not provided"
|
|
742
|
-
};
|
|
743
|
-
}
|
|
744
|
-
const payload = decodeToken(token);
|
|
745
|
-
if (!payload) {
|
|
746
|
-
return {
|
|
747
|
-
isValid: false,
|
|
748
|
-
error: "Token has invalid format"
|
|
749
|
-
};
|
|
750
|
-
}
|
|
751
|
-
if (isTokenExpired(token, gracePeriodMs)) {
|
|
752
|
-
return {
|
|
753
|
-
isValid: false,
|
|
754
|
-
payload,
|
|
755
|
-
error: "Token has expired"
|
|
756
|
-
};
|
|
757
|
-
}
|
|
758
|
-
return {
|
|
759
|
-
isValid: true,
|
|
760
|
-
payload
|
|
761
|
-
};
|
|
762
|
-
}
|
|
763
|
-
function isValidToken(result) {
|
|
764
|
-
return result.isValid === true;
|
|
765
|
-
}
|
|
766
|
-
function getTokenExpiration(token) {
|
|
767
|
-
try {
|
|
768
|
-
const decoded = jose.decodeJwt(token);
|
|
769
|
-
if (!decoded.exp) {
|
|
770
|
-
return null;
|
|
771
|
-
}
|
|
772
|
-
return new Date(decoded.exp * 1e3);
|
|
773
|
-
} catch {
|
|
774
|
-
return null;
|
|
775
|
-
}
|
|
776
|
-
}
|
|
777
|
-
function getTokenTimeRemaining(token) {
|
|
778
|
-
try {
|
|
779
|
-
const decoded = jose.decodeJwt(token);
|
|
780
|
-
if (!decoded.exp) {
|
|
781
|
-
return Infinity;
|
|
782
|
-
}
|
|
783
|
-
const expirationTime = decoded.exp * 1e3;
|
|
784
|
-
const remaining = expirationTime - Date.now();
|
|
785
|
-
return Math.max(0, remaining);
|
|
786
|
-
} catch {
|
|
787
|
-
return 0;
|
|
788
|
-
}
|
|
789
|
-
}
|
|
790
|
-
async function verifyToken(token, jwksUrl) {
|
|
791
|
-
try {
|
|
792
|
-
const JWKS = jose.createRemoteJWKSet(new URL(jwksUrl));
|
|
793
|
-
const { payload } = await jose.jwtVerify(token, JWKS);
|
|
794
|
-
const decoded = payload;
|
|
795
|
-
return extractPayloadFromJose(decoded);
|
|
796
|
-
} catch (error) {
|
|
797
|
-
console.error("[FluidAuth] JWT signature verification failed:", error);
|
|
798
|
-
return null;
|
|
799
|
-
}
|
|
800
|
-
}
|
|
801
|
-
|
|
802
|
-
// src/auth/dev-utils.ts
|
|
803
|
-
function isDevBypassActive(devBypass) {
|
|
804
|
-
if (!devBypass) return false;
|
|
805
|
-
try {
|
|
806
|
-
return undefined.DEV === true;
|
|
807
|
-
} catch {
|
|
808
|
-
return false;
|
|
809
|
-
}
|
|
810
|
-
}
|
|
811
|
-
function createDevUser() {
|
|
812
|
-
return {
|
|
813
|
-
id: 99999,
|
|
814
|
-
// Dev placeholder — avoids falsy 0
|
|
815
|
-
email: "dev@localhost",
|
|
816
|
-
full_name: "Dev User",
|
|
817
|
-
user_type: USER_TYPES.rep,
|
|
818
|
-
og_user_type: void 0,
|
|
819
|
-
company_id: 99999,
|
|
820
|
-
// Dev placeholder — avoids falsy 0
|
|
821
|
-
exp: void 0,
|
|
822
|
-
// Never expires
|
|
823
|
-
auth_type: "dev_bypass"
|
|
824
|
-
};
|
|
825
|
-
}
|
|
826
|
-
var FluidAuthContext = react.createContext(null);
|
|
827
|
-
function FluidAuthProvider({
|
|
828
|
-
children,
|
|
829
|
-
config
|
|
830
|
-
}) {
|
|
831
|
-
const configRef = react.useRef(config);
|
|
832
|
-
configRef.current = config;
|
|
833
|
-
const [isLoading2, setIsLoading] = react.useState(true);
|
|
834
|
-
const [token, setToken] = react.useState(null);
|
|
835
|
-
const [user, setUser] = react.useState(null);
|
|
836
|
-
const [error, setError] = react.useState(null);
|
|
837
|
-
react.useEffect(() => {
|
|
838
|
-
const initializeAuth = async () => {
|
|
839
|
-
const handleAuthFailure = () => {
|
|
840
|
-
const current = configRef.current;
|
|
841
|
-
const handler = resolveAuthFailureHandler(current?.onAuthFailure, current?.authUrl);
|
|
842
|
-
handler();
|
|
843
|
-
};
|
|
844
|
-
try {
|
|
845
|
-
if (isDevBypassActive(config?.devBypass)) {
|
|
846
|
-
const envToken = undefined.VITE_DEV_TOKEN;
|
|
847
|
-
if (envToken) {
|
|
848
|
-
const validation = validateToken(envToken, config?.gracePeriodMs);
|
|
849
|
-
if (validation.isValid && validation.payload) {
|
|
850
|
-
storeToken(envToken, config);
|
|
851
|
-
setToken(envToken);
|
|
852
|
-
setUser(validation.payload);
|
|
853
|
-
setError(null);
|
|
854
|
-
return;
|
|
855
|
-
}
|
|
856
|
-
console.warn(
|
|
857
|
-
"[FluidAuth] VITE_DEV_TOKEN is invalid or expired, falling back to mock user"
|
|
858
|
-
);
|
|
859
|
-
}
|
|
860
|
-
console.warn(
|
|
861
|
-
"[FluidAuth] Dev bypass active - using mock user. API calls will fail without a real token."
|
|
862
|
-
);
|
|
863
|
-
const devUser = createDevUser();
|
|
864
|
-
setToken(null);
|
|
865
|
-
setUser(devUser);
|
|
866
|
-
setError(null);
|
|
867
|
-
return;
|
|
868
|
-
}
|
|
869
|
-
const tokenKey = config?.tokenKey ?? "fluidUserToken";
|
|
870
|
-
let candidateToken = extractTokenFromUrl(tokenKey);
|
|
871
|
-
if (!candidateToken && tokenKey !== AUTH_REDIRECT_TOKEN_KEY) {
|
|
872
|
-
candidateToken = extractTokenFromUrl(AUTH_REDIRECT_TOKEN_KEY);
|
|
873
|
-
}
|
|
874
|
-
cleanTokenFromUrl(tokenKey);
|
|
875
|
-
cleanTokenFromUrl(AUTH_REDIRECT_TOKEN_KEY);
|
|
876
|
-
if (!candidateToken) {
|
|
877
|
-
candidateToken = getStoredToken(config);
|
|
878
|
-
}
|
|
879
|
-
if (candidateToken) {
|
|
880
|
-
let payload = null;
|
|
881
|
-
if (config?.jwksUrl) {
|
|
882
|
-
payload = await verifyToken(candidateToken, config.jwksUrl);
|
|
883
|
-
if (!payload) {
|
|
884
|
-
clearTokens(config);
|
|
885
|
-
setToken(null);
|
|
886
|
-
setUser(null);
|
|
887
|
-
setError(new Error("JWT signature verification failed"));
|
|
888
|
-
handleAuthFailure();
|
|
889
|
-
return;
|
|
890
|
-
}
|
|
891
|
-
if (isTokenExpired(candidateToken, config?.gracePeriodMs)) {
|
|
892
|
-
clearTokens(config);
|
|
893
|
-
setToken(null);
|
|
894
|
-
setUser(null);
|
|
895
|
-
setError(new Error("Token has expired"));
|
|
896
|
-
handleAuthFailure();
|
|
897
|
-
return;
|
|
898
|
-
}
|
|
899
|
-
} else {
|
|
900
|
-
const validation = validateToken(
|
|
901
|
-
candidateToken,
|
|
902
|
-
config?.gracePeriodMs
|
|
903
|
-
);
|
|
904
|
-
if (validation.isValid && validation.payload) {
|
|
905
|
-
payload = validation.payload;
|
|
906
|
-
} else {
|
|
907
|
-
clearTokens(config);
|
|
908
|
-
setToken(null);
|
|
909
|
-
setUser(null);
|
|
910
|
-
setError(new Error(validation.error ?? "Invalid token"));
|
|
911
|
-
handleAuthFailure();
|
|
912
|
-
return;
|
|
913
|
-
}
|
|
914
|
-
}
|
|
915
|
-
storeToken(candidateToken, config);
|
|
916
|
-
setToken(candidateToken);
|
|
917
|
-
setUser(payload);
|
|
918
|
-
setError(null);
|
|
919
|
-
} else {
|
|
920
|
-
setToken(null);
|
|
921
|
-
setUser(null);
|
|
922
|
-
setError(new Error("No authentication token found"));
|
|
923
|
-
handleAuthFailure();
|
|
924
|
-
}
|
|
925
|
-
} catch (err) {
|
|
926
|
-
const error2 = err instanceof Error ? err : new Error("Authentication error");
|
|
927
|
-
setError(error2);
|
|
928
|
-
setToken(null);
|
|
929
|
-
setUser(null);
|
|
930
|
-
handleAuthFailure();
|
|
931
|
-
} finally {
|
|
932
|
-
setIsLoading(false);
|
|
933
|
-
}
|
|
934
|
-
};
|
|
935
|
-
void initializeAuth();
|
|
936
|
-
}, []);
|
|
937
|
-
const clearAuth = react.useCallback(() => {
|
|
938
|
-
clearTokens(configRef.current);
|
|
939
|
-
setToken(null);
|
|
940
|
-
setUser(null);
|
|
941
|
-
setError(null);
|
|
942
|
-
}, []);
|
|
943
|
-
const contextValue = react.useMemo(
|
|
944
|
-
() => ({
|
|
945
|
-
isAuthenticated: user !== null,
|
|
946
|
-
isLoading: isLoading2,
|
|
947
|
-
user,
|
|
948
|
-
token,
|
|
949
|
-
clearAuth,
|
|
950
|
-
error
|
|
951
|
-
}),
|
|
952
|
-
[token, isLoading2, user, clearAuth, error]
|
|
953
|
-
);
|
|
954
|
-
return /* @__PURE__ */ jsxRuntime.jsx(FluidAuthContext.Provider, { value: contextValue, children });
|
|
955
|
-
}
|
|
956
|
-
function useFluidAuthContext() {
|
|
957
|
-
const context = react.useContext(FluidAuthContext);
|
|
958
|
-
if (!context) {
|
|
959
|
-
throw new Error(
|
|
960
|
-
"useFluidAuthContext must be used within a FluidAuthProvider. Wrap your app with <FluidAuthProvider> to use authentication features."
|
|
961
|
-
);
|
|
962
|
-
}
|
|
963
|
-
return context;
|
|
964
|
-
}
|
|
17
|
+
var AppShellLayout = require('@fluid-app/rep-core/shell/AppShellLayout');
|
|
18
|
+
var ThemeModeContext = require('@fluid-app/rep-core/shell/ThemeModeContext');
|
|
19
|
+
var systemNavigationItems = require('@fluid-app/rep-core/navigation/system-navigation-items');
|
|
20
|
+
var theme = require('@fluid-app/rep-core/theme');
|
|
21
|
+
var sidebar = require('@fluid-app/rep-core/shell/sidebar');
|
|
22
|
+
var RepIcon = require('@fluid-app/rep-core/components/RepIcon');
|
|
23
|
+
var reactFontawesome = require('@fortawesome/react-fontawesome');
|
|
24
|
+
var faBars = require('@fortawesome/pro-regular-svg-icons/faBars');
|
|
25
|
+
var faSun = require('@fortawesome/pro-regular-svg-icons/faSun');
|
|
26
|
+
var faMoon = require('@fortawesome/pro-regular-svg-icons/faMoon');
|
|
27
|
+
var faTableCellsLarge = require('@fortawesome/pro-regular-svg-icons/faTableCellsLarge');
|
|
28
|
+
var DataAwareWidget = require('@fluid-app/rep-core/data-sources/DataAwareWidget');
|
|
29
|
+
var contexts = require('@fluid-app/rep-widgets/contexts');
|
|
965
30
|
|
|
966
31
|
// src/types/page-template.ts
|
|
967
32
|
var PAGE_CATEGORIES = {
|
|
@@ -1158,100 +223,650 @@ function resolveNavigationPages(navigation) {
|
|
|
1158
223
|
}
|
|
1159
224
|
return result;
|
|
1160
225
|
}
|
|
1161
|
-
function getAvailablePageTemplates() {
|
|
1162
|
-
return PageTemplateRegistry.listAll();
|
|
226
|
+
function getAvailablePageTemplates() {
|
|
227
|
+
return PageTemplateRegistry.listAll();
|
|
228
|
+
}
|
|
229
|
+
function getCorePageTemplates() {
|
|
230
|
+
return PageTemplateRegistry.listCore();
|
|
231
|
+
}
|
|
232
|
+
function getOptionalPageTemplates() {
|
|
233
|
+
return PageTemplateRegistry.listOptional();
|
|
234
|
+
}
|
|
235
|
+
function validateNavigationPages(navigation) {
|
|
236
|
+
const corePages = PageTemplateRegistry.listCore();
|
|
237
|
+
const referencedTemplateIds = new Set(
|
|
238
|
+
navigation.page_refs?.map((ref) => ref.page_template_id) ?? []
|
|
239
|
+
);
|
|
240
|
+
const missingCorePages = corePages.filter((page) => !referencedTemplateIds.has(page.id)).map((page) => page.id);
|
|
241
|
+
return {
|
|
242
|
+
valid: missingCorePages.length === 0,
|
|
243
|
+
missingCorePages
|
|
244
|
+
};
|
|
245
|
+
}
|
|
246
|
+
var EMPTY_TEMPLATES = [];
|
|
247
|
+
var PageTemplateContext = react.createContext(
|
|
248
|
+
null
|
|
249
|
+
);
|
|
250
|
+
function PageTemplateProvider({
|
|
251
|
+
children,
|
|
252
|
+
templates = EMPTY_TEMPLATES
|
|
253
|
+
}) {
|
|
254
|
+
const registeredIds = react.useRef([]);
|
|
255
|
+
const templateKey = templates.map((t) => t.id).join(",");
|
|
256
|
+
react.useEffect(() => {
|
|
257
|
+
const registered = [];
|
|
258
|
+
for (const template of templates) {
|
|
259
|
+
if (!PageTemplateRegistry.has(template.id)) {
|
|
260
|
+
try {
|
|
261
|
+
PageTemplateRegistry.register(template);
|
|
262
|
+
registered.push(template.id);
|
|
263
|
+
} catch (error) {
|
|
264
|
+
console.warn(
|
|
265
|
+
`Failed to register page template "${template.id}":`,
|
|
266
|
+
error
|
|
267
|
+
);
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
registeredIds.current = registered;
|
|
272
|
+
return () => {
|
|
273
|
+
for (const id of registeredIds.current) {
|
|
274
|
+
PageTemplateRegistry.unregister(id);
|
|
275
|
+
}
|
|
276
|
+
registeredIds.current = [];
|
|
277
|
+
};
|
|
278
|
+
}, [templateKey]);
|
|
279
|
+
const contextValue = react.useMemo(
|
|
280
|
+
() => ({
|
|
281
|
+
resolvePages: resolveNavigationPages,
|
|
282
|
+
listTemplates: () => PageTemplateRegistry.listAll(),
|
|
283
|
+
getTemplate: (id) => PageTemplateRegistry.get(id),
|
|
284
|
+
hasTemplate: (id) => PageTemplateRegistry.has(id)
|
|
285
|
+
}),
|
|
286
|
+
[]
|
|
287
|
+
);
|
|
288
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PageTemplateContext.Provider, { value: contextValue, children });
|
|
289
|
+
}
|
|
290
|
+
function usePageTemplates() {
|
|
291
|
+
const context = react.useContext(PageTemplateContext);
|
|
292
|
+
if (!context) {
|
|
293
|
+
throw new Error(
|
|
294
|
+
"usePageTemplates must be used within a PageTemplateProvider"
|
|
295
|
+
);
|
|
296
|
+
}
|
|
297
|
+
return context;
|
|
298
|
+
}
|
|
299
|
+
function useResolvedPages(navigation) {
|
|
300
|
+
const { resolvePages } = usePageTemplates();
|
|
301
|
+
return react.useMemo(() => resolvePages(navigation), [resolvePages, navigation]);
|
|
302
|
+
}
|
|
303
|
+
var PROFILE_QUERY_KEY = ["fluid", "profile"];
|
|
304
|
+
function useFluidProfile() {
|
|
305
|
+
const api = chunkV3IMQZIG_cjs.useFluidApi();
|
|
306
|
+
return reactQuery.useQuery({
|
|
307
|
+
queryKey: PROFILE_QUERY_KEY,
|
|
308
|
+
queryFn: () => api.profile.get()
|
|
309
|
+
});
|
|
310
|
+
}
|
|
311
|
+
function systemSetTimeoutZero(callback) {
|
|
312
|
+
setTimeout(callback, 0);
|
|
313
|
+
}
|
|
314
|
+
function matchQuery(filters, query) {
|
|
315
|
+
const {
|
|
316
|
+
type = "all",
|
|
317
|
+
exact,
|
|
318
|
+
fetchStatus,
|
|
319
|
+
predicate,
|
|
320
|
+
queryKey,
|
|
321
|
+
stale
|
|
322
|
+
} = filters;
|
|
323
|
+
if (queryKey) {
|
|
324
|
+
if (exact) {
|
|
325
|
+
if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) {
|
|
326
|
+
return false;
|
|
327
|
+
}
|
|
328
|
+
} else if (!partialMatchKey(query.queryKey, queryKey)) {
|
|
329
|
+
return false;
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
if (type !== "all") {
|
|
333
|
+
const isActive = query.isActive();
|
|
334
|
+
if (type === "active" && !isActive) {
|
|
335
|
+
return false;
|
|
336
|
+
}
|
|
337
|
+
if (type === "inactive" && isActive) {
|
|
338
|
+
return false;
|
|
339
|
+
}
|
|
340
|
+
}
|
|
341
|
+
if (typeof stale === "boolean" && query.isStale() !== stale) {
|
|
342
|
+
return false;
|
|
343
|
+
}
|
|
344
|
+
if (fetchStatus && fetchStatus !== query.state.fetchStatus) {
|
|
345
|
+
return false;
|
|
346
|
+
}
|
|
347
|
+
if (predicate && !predicate(query)) {
|
|
348
|
+
return false;
|
|
349
|
+
}
|
|
350
|
+
return true;
|
|
351
|
+
}
|
|
352
|
+
function hashQueryKeyByOptions(queryKey, options) {
|
|
353
|
+
const hashFn = options?.queryKeyHashFn || hashKey;
|
|
354
|
+
return hashFn(queryKey);
|
|
355
|
+
}
|
|
356
|
+
function hashKey(queryKey) {
|
|
357
|
+
return JSON.stringify(
|
|
358
|
+
queryKey,
|
|
359
|
+
(_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => {
|
|
360
|
+
result[key] = val[key];
|
|
361
|
+
return result;
|
|
362
|
+
}, {}) : val
|
|
363
|
+
);
|
|
364
|
+
}
|
|
365
|
+
function partialMatchKey(a, b) {
|
|
366
|
+
if (a === b) {
|
|
367
|
+
return true;
|
|
368
|
+
}
|
|
369
|
+
if (typeof a !== typeof b) {
|
|
370
|
+
return false;
|
|
371
|
+
}
|
|
372
|
+
if (a && b && typeof a === "object" && typeof b === "object") {
|
|
373
|
+
return Object.keys(b).every((key) => partialMatchKey(a[key], b[key]));
|
|
374
|
+
}
|
|
375
|
+
return false;
|
|
376
|
+
}
|
|
377
|
+
function isPlainObject(o) {
|
|
378
|
+
if (!hasObjectPrototype(o)) {
|
|
379
|
+
return false;
|
|
380
|
+
}
|
|
381
|
+
const ctor = o.constructor;
|
|
382
|
+
if (ctor === void 0) {
|
|
383
|
+
return true;
|
|
384
|
+
}
|
|
385
|
+
const prot = ctor.prototype;
|
|
386
|
+
if (!hasObjectPrototype(prot)) {
|
|
387
|
+
return false;
|
|
388
|
+
}
|
|
389
|
+
if (!prot.hasOwnProperty("isPrototypeOf")) {
|
|
390
|
+
return false;
|
|
391
|
+
}
|
|
392
|
+
if (Object.getPrototypeOf(o) !== Object.prototype) {
|
|
393
|
+
return false;
|
|
394
|
+
}
|
|
395
|
+
return true;
|
|
396
|
+
}
|
|
397
|
+
function hasObjectPrototype(o) {
|
|
398
|
+
return Object.prototype.toString.call(o) === "[object Object]";
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
// ../../../node_modules/.pnpm/@tanstack+query-core@5.90.12/node_modules/@tanstack/query-core/build/modern/notifyManager.js
|
|
402
|
+
var defaultScheduler = systemSetTimeoutZero;
|
|
403
|
+
function createNotifyManager() {
|
|
404
|
+
let queue = [];
|
|
405
|
+
let transactions = 0;
|
|
406
|
+
let notifyFn = (callback) => {
|
|
407
|
+
callback();
|
|
408
|
+
};
|
|
409
|
+
let batchNotifyFn = (callback) => {
|
|
410
|
+
callback();
|
|
411
|
+
};
|
|
412
|
+
let scheduleFn = defaultScheduler;
|
|
413
|
+
const schedule = (callback) => {
|
|
414
|
+
if (transactions) {
|
|
415
|
+
queue.push(callback);
|
|
416
|
+
} else {
|
|
417
|
+
scheduleFn(() => {
|
|
418
|
+
notifyFn(callback);
|
|
419
|
+
});
|
|
420
|
+
}
|
|
421
|
+
};
|
|
422
|
+
const flush = () => {
|
|
423
|
+
const originalQueue = queue;
|
|
424
|
+
queue = [];
|
|
425
|
+
if (originalQueue.length) {
|
|
426
|
+
scheduleFn(() => {
|
|
427
|
+
batchNotifyFn(() => {
|
|
428
|
+
originalQueue.forEach((callback) => {
|
|
429
|
+
notifyFn(callback);
|
|
430
|
+
});
|
|
431
|
+
});
|
|
432
|
+
});
|
|
433
|
+
}
|
|
434
|
+
};
|
|
435
|
+
return {
|
|
436
|
+
batch: (callback) => {
|
|
437
|
+
let result;
|
|
438
|
+
transactions++;
|
|
439
|
+
try {
|
|
440
|
+
result = callback();
|
|
441
|
+
} finally {
|
|
442
|
+
transactions--;
|
|
443
|
+
if (!transactions) {
|
|
444
|
+
flush();
|
|
445
|
+
}
|
|
446
|
+
}
|
|
447
|
+
return result;
|
|
448
|
+
},
|
|
449
|
+
/**
|
|
450
|
+
* All calls to the wrapped function will be batched.
|
|
451
|
+
*/
|
|
452
|
+
batchCalls: (callback) => {
|
|
453
|
+
return (...args) => {
|
|
454
|
+
schedule(() => {
|
|
455
|
+
callback(...args);
|
|
456
|
+
});
|
|
457
|
+
};
|
|
458
|
+
},
|
|
459
|
+
schedule,
|
|
460
|
+
/**
|
|
461
|
+
* Use this method to set a custom notify function.
|
|
462
|
+
* This can be used to for example wrap notifications with `React.act` while running tests.
|
|
463
|
+
*/
|
|
464
|
+
setNotifyFunction: (fn) => {
|
|
465
|
+
notifyFn = fn;
|
|
466
|
+
},
|
|
467
|
+
/**
|
|
468
|
+
* Use this method to set a custom function to batch notifications together into a single tick.
|
|
469
|
+
* By default React Query will use the batch function provided by ReactDOM or React Native.
|
|
470
|
+
*/
|
|
471
|
+
setBatchNotifyFunction: (fn) => {
|
|
472
|
+
batchNotifyFn = fn;
|
|
473
|
+
},
|
|
474
|
+
setScheduler: (fn) => {
|
|
475
|
+
scheduleFn = fn;
|
|
476
|
+
}
|
|
477
|
+
};
|
|
478
|
+
}
|
|
479
|
+
var notifyManager = createNotifyManager();
|
|
480
|
+
|
|
481
|
+
// ../../../node_modules/.pnpm/@tanstack+query-persist-client-core@5.91.11/node_modules/@tanstack/query-persist-client-core/build/modern/createPersister.js
|
|
482
|
+
var PERSISTER_KEY_PREFIX = "tanstack-query";
|
|
483
|
+
function experimental_createQueryPersister({
|
|
484
|
+
storage: storage2,
|
|
485
|
+
buster = "",
|
|
486
|
+
maxAge = 1e3 * 60 * 60 * 24,
|
|
487
|
+
serialize = JSON.stringify,
|
|
488
|
+
deserialize = JSON.parse,
|
|
489
|
+
prefix = PERSISTER_KEY_PREFIX,
|
|
490
|
+
refetchOnRestore = true,
|
|
491
|
+
filters
|
|
492
|
+
}) {
|
|
493
|
+
function isExpiredOrBusted(persistedQuery) {
|
|
494
|
+
if (persistedQuery.state.dataUpdatedAt) {
|
|
495
|
+
const queryAge = Date.now() - persistedQuery.state.dataUpdatedAt;
|
|
496
|
+
const expired = queryAge > maxAge;
|
|
497
|
+
const busted = persistedQuery.buster !== buster;
|
|
498
|
+
if (expired || busted) {
|
|
499
|
+
return true;
|
|
500
|
+
}
|
|
501
|
+
return false;
|
|
502
|
+
}
|
|
503
|
+
return true;
|
|
504
|
+
}
|
|
505
|
+
async function retrieveQuery(queryHash, afterRestoreMacroTask) {
|
|
506
|
+
if (storage2 != null) {
|
|
507
|
+
const storageKey = `${prefix}-${queryHash}`;
|
|
508
|
+
try {
|
|
509
|
+
const storedData = await storage2.getItem(storageKey);
|
|
510
|
+
if (storedData) {
|
|
511
|
+
const persistedQuery = await deserialize(storedData);
|
|
512
|
+
if (isExpiredOrBusted(persistedQuery)) {
|
|
513
|
+
await storage2.removeItem(storageKey);
|
|
514
|
+
} else {
|
|
515
|
+
if (afterRestoreMacroTask) {
|
|
516
|
+
notifyManager.schedule(
|
|
517
|
+
() => afterRestoreMacroTask(persistedQuery)
|
|
518
|
+
);
|
|
519
|
+
}
|
|
520
|
+
return persistedQuery.state.data;
|
|
521
|
+
}
|
|
522
|
+
}
|
|
523
|
+
} catch (err) {
|
|
524
|
+
if (process.env.NODE_ENV === "development") {
|
|
525
|
+
console.error(err);
|
|
526
|
+
console.warn(
|
|
527
|
+
"Encountered an error attempting to restore query cache from persisted location."
|
|
528
|
+
);
|
|
529
|
+
}
|
|
530
|
+
await storage2.removeItem(storageKey);
|
|
531
|
+
}
|
|
532
|
+
}
|
|
533
|
+
return;
|
|
534
|
+
}
|
|
535
|
+
async function persistQueryByKey(queryKey, queryClient) {
|
|
536
|
+
if (storage2 != null) {
|
|
537
|
+
const query = queryClient.getQueryCache().find({ queryKey });
|
|
538
|
+
if (query) {
|
|
539
|
+
await persistQuery(query);
|
|
540
|
+
} else {
|
|
541
|
+
if (process.env.NODE_ENV === "development") {
|
|
542
|
+
console.warn(
|
|
543
|
+
"Could not find query to be persisted. QueryKey:",
|
|
544
|
+
JSON.stringify(queryKey)
|
|
545
|
+
);
|
|
546
|
+
}
|
|
547
|
+
}
|
|
548
|
+
}
|
|
549
|
+
}
|
|
550
|
+
async function persistQuery(query) {
|
|
551
|
+
if (storage2 != null) {
|
|
552
|
+
const storageKey = `${prefix}-${query.queryHash}`;
|
|
553
|
+
storage2.setItem(
|
|
554
|
+
storageKey,
|
|
555
|
+
await serialize({
|
|
556
|
+
state: query.state,
|
|
557
|
+
queryKey: query.queryKey,
|
|
558
|
+
queryHash: query.queryHash,
|
|
559
|
+
buster
|
|
560
|
+
})
|
|
561
|
+
);
|
|
562
|
+
}
|
|
563
|
+
}
|
|
564
|
+
async function persisterFn(queryFn, ctx, query) {
|
|
565
|
+
const matchesFilter = filters ? matchQuery(filters, query) : true;
|
|
566
|
+
if (matchesFilter && query.state.data === void 0 && storage2 != null) {
|
|
567
|
+
const restoredData = await retrieveQuery(
|
|
568
|
+
query.queryHash,
|
|
569
|
+
(persistedQuery) => {
|
|
570
|
+
query.setState({
|
|
571
|
+
dataUpdatedAt: persistedQuery.state.dataUpdatedAt,
|
|
572
|
+
errorUpdatedAt: persistedQuery.state.errorUpdatedAt
|
|
573
|
+
});
|
|
574
|
+
if (refetchOnRestore === "always" || refetchOnRestore === true && query.isStale()) {
|
|
575
|
+
query.fetch();
|
|
576
|
+
}
|
|
577
|
+
}
|
|
578
|
+
);
|
|
579
|
+
if (restoredData !== void 0) {
|
|
580
|
+
return Promise.resolve(restoredData);
|
|
581
|
+
}
|
|
582
|
+
}
|
|
583
|
+
const queryFnResult = await queryFn(ctx);
|
|
584
|
+
if (matchesFilter && storage2 != null) {
|
|
585
|
+
notifyManager.schedule(() => {
|
|
586
|
+
persistQuery(query);
|
|
587
|
+
});
|
|
588
|
+
}
|
|
589
|
+
return Promise.resolve(queryFnResult);
|
|
590
|
+
}
|
|
591
|
+
async function persisterGc() {
|
|
592
|
+
if (storage2?.entries) {
|
|
593
|
+
const entries = await storage2.entries();
|
|
594
|
+
for (const [key, value] of entries) {
|
|
595
|
+
if (key.startsWith(prefix)) {
|
|
596
|
+
const persistedQuery = await deserialize(value);
|
|
597
|
+
if (isExpiredOrBusted(persistedQuery)) {
|
|
598
|
+
await storage2.removeItem(key);
|
|
599
|
+
}
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
} else if (process.env.NODE_ENV === "development") {
|
|
603
|
+
throw new Error(
|
|
604
|
+
"Provided storage does not implement `entries` method. Garbage collection is not possible without ability to iterate over storage items."
|
|
605
|
+
);
|
|
606
|
+
}
|
|
607
|
+
}
|
|
608
|
+
async function restoreQueries(queryClient, filters2 = {}) {
|
|
609
|
+
const { exact, queryKey } = filters2;
|
|
610
|
+
if (storage2?.entries) {
|
|
611
|
+
const entries = await storage2.entries();
|
|
612
|
+
for (const [key, value] of entries) {
|
|
613
|
+
if (key.startsWith(prefix)) {
|
|
614
|
+
const persistedQuery = await deserialize(value);
|
|
615
|
+
if (isExpiredOrBusted(persistedQuery)) {
|
|
616
|
+
await storage2.removeItem(key);
|
|
617
|
+
continue;
|
|
618
|
+
}
|
|
619
|
+
if (queryKey) {
|
|
620
|
+
if (exact) {
|
|
621
|
+
if (persistedQuery.queryHash !== hashKey(queryKey)) {
|
|
622
|
+
continue;
|
|
623
|
+
}
|
|
624
|
+
} else if (!partialMatchKey(persistedQuery.queryKey, queryKey)) {
|
|
625
|
+
continue;
|
|
626
|
+
}
|
|
627
|
+
}
|
|
628
|
+
queryClient.setQueryData(
|
|
629
|
+
persistedQuery.queryKey,
|
|
630
|
+
persistedQuery.state.data,
|
|
631
|
+
{
|
|
632
|
+
updatedAt: persistedQuery.state.dataUpdatedAt
|
|
633
|
+
}
|
|
634
|
+
);
|
|
635
|
+
}
|
|
636
|
+
}
|
|
637
|
+
} else if (process.env.NODE_ENV === "development") {
|
|
638
|
+
throw new Error(
|
|
639
|
+
"Provided storage does not implement `entries` method. Restoration of all stored entries is not possible without ability to iterate over storage items."
|
|
640
|
+
);
|
|
641
|
+
}
|
|
642
|
+
}
|
|
643
|
+
return {
|
|
644
|
+
persisterFn,
|
|
645
|
+
persistQuery,
|
|
646
|
+
persistQueryByKey,
|
|
647
|
+
retrieveQuery,
|
|
648
|
+
persisterGc,
|
|
649
|
+
restoreQueries
|
|
650
|
+
};
|
|
651
|
+
}
|
|
652
|
+
|
|
653
|
+
// ../../platform/query-persister/src/persister.ts
|
|
654
|
+
var DB_NAME = "fluid_tanstack_query_cache";
|
|
655
|
+
var STORE_NAME = "fluid_queries";
|
|
656
|
+
var VERSION = 1;
|
|
657
|
+
var dbPromise = null;
|
|
658
|
+
async function deleteDatabase() {
|
|
659
|
+
return new Promise((resolve, reject) => {
|
|
660
|
+
console.warn("[IDB] Deleting database due to error");
|
|
661
|
+
const req = indexedDB.deleteDatabase(DB_NAME);
|
|
662
|
+
req.onsuccess = () => {
|
|
663
|
+
console.log("[IDB] Database deleted successfully");
|
|
664
|
+
resolve();
|
|
665
|
+
};
|
|
666
|
+
req.onerror = () => {
|
|
667
|
+
console.error("[IDB] Failed to delete database:", req.error);
|
|
668
|
+
reject(req.error ?? new Error("deleteDatabase failed"));
|
|
669
|
+
};
|
|
670
|
+
req.onblocked = () => {
|
|
671
|
+
console.warn("[IDB] Delete blocked: close all tabs using this database");
|
|
672
|
+
};
|
|
673
|
+
});
|
|
1163
674
|
}
|
|
1164
|
-
function
|
|
1165
|
-
return
|
|
675
|
+
function openDatabase() {
|
|
676
|
+
return new Promise((resolve, reject) => {
|
|
677
|
+
const req = indexedDB.open(DB_NAME, VERSION);
|
|
678
|
+
req.onupgradeneeded = () => {
|
|
679
|
+
const upgradeDb = req.result;
|
|
680
|
+
if (!upgradeDb.objectStoreNames.contains(STORE_NAME)) {
|
|
681
|
+
upgradeDb.createObjectStore(STORE_NAME);
|
|
682
|
+
}
|
|
683
|
+
};
|
|
684
|
+
req.onsuccess = () => {
|
|
685
|
+
const conn = req.result;
|
|
686
|
+
conn.onversionchange = () => {
|
|
687
|
+
console.trace("[IDB] version change \u2013 closing connection");
|
|
688
|
+
conn.close();
|
|
689
|
+
dbPromise = null;
|
|
690
|
+
};
|
|
691
|
+
resolve(conn);
|
|
692
|
+
};
|
|
693
|
+
req.onblocked = () => {
|
|
694
|
+
console.warn("[IDB] open blocked: another connection is holding the DB");
|
|
695
|
+
};
|
|
696
|
+
req.onerror = () => {
|
|
697
|
+
reject(
|
|
698
|
+
req.error instanceof Error ? req.error : new Error(`IndexedDB open failed: ${String(req.error)}`)
|
|
699
|
+
);
|
|
700
|
+
};
|
|
701
|
+
});
|
|
1166
702
|
}
|
|
1167
|
-
function
|
|
1168
|
-
|
|
703
|
+
async function getDbWithRecovery() {
|
|
704
|
+
try {
|
|
705
|
+
return await openDatabase();
|
|
706
|
+
} catch (err) {
|
|
707
|
+
console.warn("[IDB] Initial open failed, attempting recovery:", err);
|
|
708
|
+
try {
|
|
709
|
+
await deleteDatabase();
|
|
710
|
+
console.log("[IDB] Retrying database open after deletion");
|
|
711
|
+
return await openDatabase();
|
|
712
|
+
} catch (retryErr) {
|
|
713
|
+
console.error("[IDB] Recovery failed:", retryErr);
|
|
714
|
+
throw retryErr;
|
|
715
|
+
}
|
|
716
|
+
}
|
|
1169
717
|
}
|
|
1170
|
-
function
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
return
|
|
1177
|
-
valid: missingCorePages.length === 0,
|
|
1178
|
-
missingCorePages
|
|
1179
|
-
};
|
|
718
|
+
function getDb() {
|
|
719
|
+
if (dbPromise) return dbPromise;
|
|
720
|
+
dbPromise = getDbWithRecovery().catch((err) => {
|
|
721
|
+
dbPromise = null;
|
|
722
|
+
throw err;
|
|
723
|
+
});
|
|
724
|
+
return dbPromise;
|
|
1180
725
|
}
|
|
1181
|
-
var
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
);
|
|
1185
|
-
|
|
1186
|
-
children,
|
|
1187
|
-
templates = EMPTY_TEMPLATES
|
|
1188
|
-
}) {
|
|
1189
|
-
const registeredIds = react.useRef([]);
|
|
1190
|
-
const templateKey = templates.map((t) => t.id).join(",");
|
|
1191
|
-
react.useEffect(() => {
|
|
1192
|
-
const registered = [];
|
|
1193
|
-
for (const template of templates) {
|
|
1194
|
-
if (!PageTemplateRegistry.has(template.id)) {
|
|
726
|
+
var storage = {
|
|
727
|
+
async getItem(key) {
|
|
728
|
+
try {
|
|
729
|
+
const db = await getDb();
|
|
730
|
+
return new Promise((res) => {
|
|
1195
731
|
try {
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
732
|
+
const r = db.transaction(STORE_NAME, "readonly").objectStore(STORE_NAME).get(key);
|
|
733
|
+
r.onsuccess = () => res(r.result);
|
|
734
|
+
r.onerror = () => {
|
|
735
|
+
console.trace("[IDB] getItem error:", r.error);
|
|
736
|
+
res(void 0);
|
|
737
|
+
};
|
|
738
|
+
} catch (txErr) {
|
|
739
|
+
console.trace("[IDB] getItem transaction error:", txErr);
|
|
740
|
+
res(void 0);
|
|
1203
741
|
}
|
|
742
|
+
});
|
|
743
|
+
} catch (err) {
|
|
744
|
+
console.trace("[IDB] getItem getDb error:", err);
|
|
745
|
+
try {
|
|
746
|
+
const db = await getDb();
|
|
747
|
+
return new Promise((res) => {
|
|
748
|
+
try {
|
|
749
|
+
const r = db.transaction(STORE_NAME, "readonly").objectStore(STORE_NAME).get(key);
|
|
750
|
+
r.onsuccess = () => res(r.result);
|
|
751
|
+
r.onerror = () => {
|
|
752
|
+
console.trace("[IDB] getItem retry error:", r.error);
|
|
753
|
+
res(void 0);
|
|
754
|
+
};
|
|
755
|
+
} catch (txErr) {
|
|
756
|
+
console.trace("[IDB] getItem retry transaction error:", txErr);
|
|
757
|
+
res(void 0);
|
|
758
|
+
}
|
|
759
|
+
});
|
|
760
|
+
} catch (recoveryErr) {
|
|
761
|
+
console.trace("[IDB] getItem recovery failed:", recoveryErr);
|
|
1204
762
|
}
|
|
763
|
+
return void 0;
|
|
1205
764
|
}
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
765
|
+
},
|
|
766
|
+
async setItem(key, value) {
|
|
767
|
+
const cloneableValue = JSON.parse(JSON.stringify(value));
|
|
768
|
+
try {
|
|
769
|
+
const db = await getDb();
|
|
770
|
+
if (!db) return;
|
|
771
|
+
await new Promise((resolve) => {
|
|
772
|
+
try {
|
|
773
|
+
const req = db.transaction(STORE_NAME, "readwrite").objectStore(STORE_NAME).put(cloneableValue, key);
|
|
774
|
+
req.onsuccess = () => resolve();
|
|
775
|
+
req.onerror = () => {
|
|
776
|
+
console.trace("[IDB] setItem error:", req.error);
|
|
777
|
+
resolve();
|
|
778
|
+
};
|
|
779
|
+
} catch (txErr) {
|
|
780
|
+
console.trace("[IDB] setItem transaction error:", txErr);
|
|
781
|
+
resolve();
|
|
782
|
+
}
|
|
783
|
+
});
|
|
784
|
+
} catch (err) {
|
|
785
|
+
console.trace("[IDB] setItem getDb error:", err);
|
|
786
|
+
try {
|
|
787
|
+
const db = await getDb();
|
|
788
|
+
await new Promise((resolve) => {
|
|
789
|
+
try {
|
|
790
|
+
const req = db.transaction(STORE_NAME, "readwrite").objectStore(STORE_NAME).put(cloneableValue, key);
|
|
791
|
+
req.onsuccess = () => resolve();
|
|
792
|
+
req.onerror = () => {
|
|
793
|
+
console.trace("[IDB] setItem retry error:", req.error);
|
|
794
|
+
resolve();
|
|
795
|
+
};
|
|
796
|
+
} catch (txErr) {
|
|
797
|
+
console.trace("[IDB] setItem retry transaction error:", txErr);
|
|
798
|
+
resolve();
|
|
799
|
+
}
|
|
800
|
+
});
|
|
801
|
+
} catch (recoveryErr) {
|
|
802
|
+
console.trace("[IDB] setItem recovery failed:", recoveryErr);
|
|
1210
803
|
}
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
1224
|
-
}
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
|
|
1230
|
-
)
|
|
804
|
+
}
|
|
805
|
+
},
|
|
806
|
+
async removeItem(key) {
|
|
807
|
+
try {
|
|
808
|
+
const db = await getDb();
|
|
809
|
+
if (!db) return;
|
|
810
|
+
await new Promise((resolve) => {
|
|
811
|
+
try {
|
|
812
|
+
const req = db.transaction(STORE_NAME, "readwrite").objectStore(STORE_NAME).delete(key);
|
|
813
|
+
req.onsuccess = () => resolve();
|
|
814
|
+
req.onerror = () => {
|
|
815
|
+
console.trace("[IDB] removeItem error:", req.error);
|
|
816
|
+
resolve();
|
|
817
|
+
};
|
|
818
|
+
} catch (txErr) {
|
|
819
|
+
console.trace("[IDB] removeItem transaction error:", txErr);
|
|
820
|
+
resolve();
|
|
821
|
+
}
|
|
822
|
+
});
|
|
823
|
+
} catch (err) {
|
|
824
|
+
console.trace("[IDB] removeItem getDb error:", err);
|
|
825
|
+
try {
|
|
826
|
+
const db = await getDb();
|
|
827
|
+
await new Promise((resolve) => {
|
|
828
|
+
try {
|
|
829
|
+
const req = db.transaction(STORE_NAME, "readwrite").objectStore(STORE_NAME).delete(key);
|
|
830
|
+
req.onsuccess = () => resolve();
|
|
831
|
+
req.onerror = () => {
|
|
832
|
+
console.trace("[IDB] removeItem retry error:", req.error);
|
|
833
|
+
resolve();
|
|
834
|
+
};
|
|
835
|
+
} catch (txErr) {
|
|
836
|
+
console.trace("[IDB] removeItem retry transaction error:", txErr);
|
|
837
|
+
resolve();
|
|
838
|
+
}
|
|
839
|
+
});
|
|
840
|
+
} catch (recoveryErr) {
|
|
841
|
+
console.trace("[IDB] removeItem recovery failed:", recoveryErr);
|
|
842
|
+
}
|
|
843
|
+
}
|
|
1231
844
|
}
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
845
|
+
};
|
|
846
|
+
function createPersister() {
|
|
847
|
+
return experimental_createQueryPersister({
|
|
848
|
+
storage,
|
|
849
|
+
serialize: (persistedQuery) => persistedQuery,
|
|
850
|
+
deserialize: (cached) => cached
|
|
851
|
+
});
|
|
1237
852
|
}
|
|
1238
853
|
|
|
1239
|
-
// src/hooks/use-fluid-
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
-
var PROFILE_QUERY_KEY = ["fluid", "profile"];
|
|
1245
|
-
function useFluidProfile() {
|
|
1246
|
-
const api = useFluidApi();
|
|
854
|
+
// src/hooks/use-fluid-app.ts
|
|
855
|
+
var APP_DATA_QUERY_KEY = ["fluid", "app"];
|
|
856
|
+
var appDataPersister = typeof window !== "undefined" ? createPersister() : void 0;
|
|
857
|
+
function useFluidApp(options) {
|
|
858
|
+
const api = chunkV3IMQZIG_cjs.useFluidApi();
|
|
1247
859
|
return reactQuery.useQuery({
|
|
1248
|
-
queryKey:
|
|
1249
|
-
queryFn: () => api.
|
|
860
|
+
queryKey: APP_DATA_QUERY_KEY,
|
|
861
|
+
queryFn: () => api.app.getRaw(),
|
|
862
|
+
select: chunkV3IMQZIG_cjs.transformManifestToRepAppData,
|
|
863
|
+
...appDataPersister && { persister: appDataPersister.persisterFn },
|
|
864
|
+
...options?.enabled !== void 0 && { enabled: options.enabled }
|
|
1250
865
|
});
|
|
1251
866
|
}
|
|
1252
867
|
var PERMISSIONS_QUERY_KEY = ["fluid", "permissions"];
|
|
1253
868
|
function useFluidPermissions() {
|
|
1254
|
-
const api = useFluidApi();
|
|
869
|
+
const api = chunkV3IMQZIG_cjs.useFluidApi();
|
|
1255
870
|
const query = reactQuery.useQuery({
|
|
1256
871
|
queryKey: PERMISSIONS_QUERY_KEY,
|
|
1257
872
|
queryFn: () => api.permissions.get()
|
|
@@ -1283,17 +898,17 @@ function useFluidPermissions() {
|
|
|
1283
898
|
|
|
1284
899
|
// src/hooks/use-fluid-theme.ts
|
|
1285
900
|
function useFluidTheme() {
|
|
1286
|
-
const { currentTheme, setTheme, setThemeMode } = useThemeContext();
|
|
901
|
+
const { currentTheme, setTheme, setThemeMode, mode } = chunkV3IMQZIG_cjs.useThemeContext();
|
|
1287
902
|
return {
|
|
1288
903
|
currentTheme,
|
|
1289
904
|
setTheme,
|
|
1290
905
|
setThemeMode,
|
|
1291
|
-
mode
|
|
906
|
+
mode
|
|
1292
907
|
};
|
|
1293
908
|
}
|
|
1294
909
|
var CURRENT_REP_QUERY_KEY = ["fluid", "currentRep"];
|
|
1295
910
|
function useCurrentRep() {
|
|
1296
|
-
const api = useFluidApi();
|
|
911
|
+
const api = chunkV3IMQZIG_cjs.useFluidApi();
|
|
1297
912
|
return reactQuery.useQuery({
|
|
1298
913
|
queryKey: CURRENT_REP_QUERY_KEY,
|
|
1299
914
|
queryFn: () => api.reps.current()
|
|
@@ -1302,7 +917,7 @@ function useCurrentRep() {
|
|
|
1302
917
|
|
|
1303
918
|
// src/hooks/use-fluid-auth.ts
|
|
1304
919
|
function useFluidAuth() {
|
|
1305
|
-
return useFluidAuthContext();
|
|
920
|
+
return chunkV3IMQZIG_cjs.useFluidAuthContext();
|
|
1306
921
|
}
|
|
1307
922
|
|
|
1308
923
|
// src/hooks/demo-data/calendar-events.ts
|
|
@@ -2032,17 +1647,13 @@ function RequireAuth({
|
|
|
2032
1647
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
2033
1648
|
}
|
|
2034
1649
|
|
|
2035
|
-
// src/themes/index.ts
|
|
2036
|
-
var themes_exports = {};
|
|
2037
|
-
chunkDEQ3PBVX_cjs.__reExport(themes_exports, theme_star__namespace);
|
|
2038
|
-
|
|
2039
1650
|
// src/screens/index.ts
|
|
2040
1651
|
var screenPropertySchemas = {
|
|
2041
|
-
MessagingScreen: () => import('./MessagingScreen-
|
|
2042
|
-
ContactsScreen: () => import('./ContactsScreen-
|
|
2043
|
-
OrdersScreen: () => import('./OrdersScreen-
|
|
2044
|
-
CustomersScreen: () => import('./CustomersScreen-
|
|
2045
|
-
ProductsScreen: () => import('./ProductsScreen-
|
|
1652
|
+
MessagingScreen: () => import('./MessagingScreen-UPFXQZV3.cjs').then((m) => m.messagingScreenPropertySchema),
|
|
1653
|
+
ContactsScreen: () => import('./ContactsScreen-ATASCZO2.cjs').then((m) => m.contactsScreenPropertySchema),
|
|
1654
|
+
OrdersScreen: () => import('./OrdersScreen-X7FYUROL.cjs').then((m) => m.ordersScreenPropertySchema),
|
|
1655
|
+
CustomersScreen: () => import('./CustomersScreen-XMPMKSQA.cjs').then((m) => m.customersScreenPropertySchema),
|
|
1656
|
+
ProductsScreen: () => import('./ProductsScreen-4ZIUQNUU.cjs').then((m) => m.productsScreenPropertySchema)
|
|
2046
1657
|
};
|
|
2047
1658
|
var CORE_PAGE_IDS = {
|
|
2048
1659
|
MESSAGING: "core-messaging",
|
|
@@ -2063,154 +1674,934 @@ function registerCorePageTemplates() {
|
|
|
2063
1674
|
isCore: true,
|
|
2064
1675
|
component_tree: [
|
|
2065
1676
|
{
|
|
2066
|
-
type: "MessagingScreen",
|
|
2067
|
-
id: "messaging-screen-root",
|
|
2068
|
-
props: {}
|
|
1677
|
+
type: "MessagingScreen",
|
|
1678
|
+
id: "messaging-screen-root",
|
|
1679
|
+
props: {}
|
|
1680
|
+
}
|
|
1681
|
+
],
|
|
1682
|
+
defaultProps: {}
|
|
1683
|
+
});
|
|
1684
|
+
PageTemplateRegistry.register({
|
|
1685
|
+
id: CORE_PAGE_IDS.CONTACTS,
|
|
1686
|
+
slug: "contacts",
|
|
1687
|
+
name: "Contacts",
|
|
1688
|
+
description: "Contact management provided by Fluid Commerce",
|
|
1689
|
+
category: PAGE_CATEGORIES.CORE,
|
|
1690
|
+
tags: ["contacts", "people", "address-book"],
|
|
1691
|
+
version: "1.0.0",
|
|
1692
|
+
isCore: true,
|
|
1693
|
+
component_tree: [
|
|
1694
|
+
{
|
|
1695
|
+
type: "ContactsScreen",
|
|
1696
|
+
id: "contacts-screen-root",
|
|
1697
|
+
props: {}
|
|
1698
|
+
}
|
|
1699
|
+
],
|
|
1700
|
+
defaultProps: {}
|
|
1701
|
+
});
|
|
1702
|
+
PageTemplateRegistry.register({
|
|
1703
|
+
id: CORE_PAGE_IDS.ORDERS,
|
|
1704
|
+
slug: "orders",
|
|
1705
|
+
name: "Orders",
|
|
1706
|
+
description: "Order management provided by Fluid Commerce",
|
|
1707
|
+
category: PAGE_CATEGORIES.CORE,
|
|
1708
|
+
tags: ["orders", "commerce", "sales"],
|
|
1709
|
+
version: "1.0.0",
|
|
1710
|
+
isCore: true,
|
|
1711
|
+
component_tree: [
|
|
1712
|
+
{
|
|
1713
|
+
type: "OrdersScreen",
|
|
1714
|
+
id: "orders-screen-root",
|
|
1715
|
+
props: {}
|
|
1716
|
+
}
|
|
1717
|
+
],
|
|
1718
|
+
defaultProps: {}
|
|
1719
|
+
});
|
|
1720
|
+
PageTemplateRegistry.register({
|
|
1721
|
+
id: CORE_PAGE_IDS.CUSTOMERS,
|
|
1722
|
+
slug: "customers",
|
|
1723
|
+
name: "Customers",
|
|
1724
|
+
description: "Customer management provided by Fluid Commerce",
|
|
1725
|
+
category: PAGE_CATEGORIES.CORE,
|
|
1726
|
+
tags: ["customers", "people", "commerce"],
|
|
1727
|
+
version: "1.0.0",
|
|
1728
|
+
isCore: true,
|
|
1729
|
+
component_tree: [
|
|
1730
|
+
{
|
|
1731
|
+
type: "CustomersScreen",
|
|
1732
|
+
id: "customers-screen-root",
|
|
1733
|
+
props: {}
|
|
1734
|
+
}
|
|
1735
|
+
],
|
|
1736
|
+
defaultProps: {}
|
|
1737
|
+
});
|
|
1738
|
+
PageTemplateRegistry.register({
|
|
1739
|
+
id: CORE_PAGE_IDS.PRODUCTS,
|
|
1740
|
+
slug: "products",
|
|
1741
|
+
name: "Products",
|
|
1742
|
+
description: "Product catalog provided by Fluid Commerce",
|
|
1743
|
+
category: PAGE_CATEGORIES.CORE,
|
|
1744
|
+
tags: ["products", "catalog", "commerce"],
|
|
1745
|
+
version: "1.0.0",
|
|
1746
|
+
isCore: true,
|
|
1747
|
+
component_tree: [
|
|
1748
|
+
{
|
|
1749
|
+
type: "ProductsScreen",
|
|
1750
|
+
id: "products-screen-root",
|
|
1751
|
+
props: {}
|
|
1752
|
+
}
|
|
1753
|
+
],
|
|
1754
|
+
defaultProps: {}
|
|
1755
|
+
});
|
|
1756
|
+
}
|
|
1757
|
+
registerCorePageTemplates();
|
|
1758
|
+
var SPIN_STYLE_ID2 = "fluid-app-shell-loading-spin";
|
|
1759
|
+
function ensureSpinStyle2() {
|
|
1760
|
+
if (typeof document === "undefined") return;
|
|
1761
|
+
if (document.getElementById(SPIN_STYLE_ID2)) return;
|
|
1762
|
+
const style = document.createElement("style");
|
|
1763
|
+
style.id = SPIN_STYLE_ID2;
|
|
1764
|
+
style.textContent = `@keyframes spin { to { transform: rotate(360deg); } }`;
|
|
1765
|
+
document.head.appendChild(style);
|
|
1766
|
+
}
|
|
1767
|
+
function AppShellLoading() {
|
|
1768
|
+
react.useEffect(() => {
|
|
1769
|
+
ensureSpinStyle2();
|
|
1770
|
+
}, []);
|
|
1771
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1772
|
+
"div",
|
|
1773
|
+
{
|
|
1774
|
+
style: {
|
|
1775
|
+
display: "flex",
|
|
1776
|
+
flexDirection: "column",
|
|
1777
|
+
alignItems: "center",
|
|
1778
|
+
justifyContent: "center",
|
|
1779
|
+
minHeight: "100vh",
|
|
1780
|
+
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
1781
|
+
backgroundColor: "#f9fafb"
|
|
1782
|
+
},
|
|
1783
|
+
children: [
|
|
1784
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1785
|
+
"div",
|
|
1786
|
+
{
|
|
1787
|
+
style: {
|
|
1788
|
+
width: "40px",
|
|
1789
|
+
height: "40px",
|
|
1790
|
+
border: "3px solid #e5e7eb",
|
|
1791
|
+
borderTopColor: "#3b82f6",
|
|
1792
|
+
borderRadius: "50%",
|
|
1793
|
+
animation: "spin 1s linear infinite"
|
|
1794
|
+
}
|
|
1795
|
+
}
|
|
1796
|
+
),
|
|
1797
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1798
|
+
"p",
|
|
1799
|
+
{
|
|
1800
|
+
style: {
|
|
1801
|
+
marginTop: "1rem",
|
|
1802
|
+
color: "#6b7280",
|
|
1803
|
+
fontSize: "0.875rem"
|
|
1804
|
+
},
|
|
1805
|
+
children: "Loading..."
|
|
1806
|
+
}
|
|
1807
|
+
)
|
|
1808
|
+
]
|
|
1809
|
+
}
|
|
1810
|
+
);
|
|
1811
|
+
}
|
|
1812
|
+
function collectNavSlugs(items) {
|
|
1813
|
+
const slugs = [];
|
|
1814
|
+
for (const item of items) {
|
|
1815
|
+
if (item.slug) slugs.push(systemNavigationItems.normalizeSlug(item.slug));
|
|
1816
|
+
for (const child of item.children ?? []) {
|
|
1817
|
+
if (child.slug) slugs.push(systemNavigationItems.normalizeSlug(child.slug));
|
|
1818
|
+
}
|
|
1819
|
+
}
|
|
1820
|
+
return [...slugs].sort((a, b) => b.split("/").length - a.split("/").length);
|
|
1821
|
+
}
|
|
1822
|
+
function matchSlugPrefix(fullSlug, navSlugs) {
|
|
1823
|
+
const normalized = systemNavigationItems.normalizeSlug(fullSlug);
|
|
1824
|
+
if (!normalized) return void 0;
|
|
1825
|
+
for (const navSlug of navSlugs) {
|
|
1826
|
+
if (normalized === navSlug) {
|
|
1827
|
+
return { matchedSlug: navSlug, rest: "" };
|
|
1828
|
+
}
|
|
1829
|
+
if (normalized.startsWith(navSlug + "/")) {
|
|
1830
|
+
return {
|
|
1831
|
+
matchedSlug: navSlug,
|
|
1832
|
+
rest: normalized.slice(navSlug.length + 1)
|
|
1833
|
+
};
|
|
1834
|
+
}
|
|
1835
|
+
}
|
|
1836
|
+
return void 0;
|
|
1837
|
+
}
|
|
1838
|
+
function extractSlugFromPathname(pathname, basePath) {
|
|
1839
|
+
if (basePath === "/") {
|
|
1840
|
+
return pathname.replace(/^\//, "");
|
|
1841
|
+
}
|
|
1842
|
+
if (pathname.startsWith(basePath)) {
|
|
1843
|
+
return pathname.slice(basePath.length).replace(/^\//, "");
|
|
1844
|
+
}
|
|
1845
|
+
return pathname.replace(/^\//, "");
|
|
1846
|
+
}
|
|
1847
|
+
function isSlugInSection(item, currentSlug, navSlugs) {
|
|
1848
|
+
const match = matchSlugPrefix(currentSlug, navSlugs);
|
|
1849
|
+
const baseSlug = match?.matchedSlug ?? systemNavigationItems.normalizeSlug(currentSlug);
|
|
1850
|
+
if (systemNavigationItems.normalizeSlug(item.slug) === baseSlug) return true;
|
|
1851
|
+
return item.children?.some((child) => systemNavigationItems.normalizeSlug(child.slug) === baseSlug) ?? false;
|
|
1852
|
+
}
|
|
1853
|
+
function SdkNavigation({
|
|
1854
|
+
navItems,
|
|
1855
|
+
currentSlug,
|
|
1856
|
+
onNavigate,
|
|
1857
|
+
navSlugs
|
|
1858
|
+
}) {
|
|
1859
|
+
return /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenu, { children: navItems.map((item, index) => {
|
|
1860
|
+
if (!item.slug && !item.label) return null;
|
|
1861
|
+
if (!item.slug) {
|
|
1862
|
+
return /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarGroupLabel, { children: item.label }, item.id ?? `section-${index}`);
|
|
1863
|
+
}
|
|
1864
|
+
const itemSlug = systemNavigationItems.normalizeSlug(item.slug);
|
|
1865
|
+
const isActive = isSlugInSection(item, currentSlug, navSlugs);
|
|
1866
|
+
return /* @__PURE__ */ jsxRuntime.jsx(sidebar.SidebarMenuItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1867
|
+
sidebar.SidebarMenuButton,
|
|
1868
|
+
{
|
|
1869
|
+
isActive,
|
|
1870
|
+
onClick: () => onNavigate(itemSlug),
|
|
1871
|
+
children: [
|
|
1872
|
+
item.icon && /* @__PURE__ */ jsxRuntime.jsx(RepIcon.RepIcon, { name: item.icon }),
|
|
1873
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: item.label })
|
|
1874
|
+
]
|
|
2069
1875
|
}
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
1876
|
+
) }, item.id ?? itemSlug);
|
|
1877
|
+
}) });
|
|
1878
|
+
}
|
|
1879
|
+
function QuickLinksDropdown({ onNavigate }) {
|
|
1880
|
+
const [open, setOpen] = react.useState(false);
|
|
1881
|
+
const panelRef = react.useRef(null);
|
|
1882
|
+
const buttonRef = react.useRef(null);
|
|
1883
|
+
const close = react.useCallback(() => setOpen(false), []);
|
|
1884
|
+
react.useEffect(() => {
|
|
1885
|
+
if (!open) return;
|
|
1886
|
+
const handleMouseDown = (e) => {
|
|
1887
|
+
if (panelRef.current && !panelRef.current.contains(e.target) && buttonRef.current && !buttonRef.current.contains(e.target)) {
|
|
1888
|
+
close();
|
|
1889
|
+
}
|
|
1890
|
+
};
|
|
1891
|
+
const handleKeyDown = (e) => {
|
|
1892
|
+
if (e.key === "Escape") close();
|
|
1893
|
+
};
|
|
1894
|
+
document.addEventListener("mousedown", handleMouseDown);
|
|
1895
|
+
document.addEventListener("keydown", handleKeyDown);
|
|
1896
|
+
return () => {
|
|
1897
|
+
document.removeEventListener("mousedown", handleMouseDown);
|
|
1898
|
+
document.removeEventListener("keydown", handleKeyDown);
|
|
1899
|
+
};
|
|
1900
|
+
}, [open, close]);
|
|
1901
|
+
const sections = systemNavigationItems.getSystemNavigationBySection();
|
|
1902
|
+
const handleItemClick = (slug) => {
|
|
1903
|
+
onNavigate(slug);
|
|
1904
|
+
close();
|
|
1905
|
+
};
|
|
1906
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
|
|
1907
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1908
|
+
"button",
|
|
2083
1909
|
{
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
1910
|
+
ref: buttonRef,
|
|
1911
|
+
type: "button",
|
|
1912
|
+
onClick: () => setOpen((prev) => !prev),
|
|
1913
|
+
className: "flex shrink-0 items-center justify-center rounded-md p-2 text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
1914
|
+
"aria-label": "Quick links",
|
|
1915
|
+
"aria-expanded": open,
|
|
1916
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: faTableCellsLarge.faTableCellsLarge, className: "h-4 w-4" })
|
|
2087
1917
|
}
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
PageTemplateRegistry.register({
|
|
2092
|
-
id: CORE_PAGE_IDS.ORDERS,
|
|
2093
|
-
slug: "orders",
|
|
2094
|
-
name: "Orders",
|
|
2095
|
-
description: "Order management provided by Fluid Commerce",
|
|
2096
|
-
category: PAGE_CATEGORIES.CORE,
|
|
2097
|
-
tags: ["orders", "commerce", "sales"],
|
|
2098
|
-
version: "1.0.0",
|
|
2099
|
-
isCore: true,
|
|
2100
|
-
component_tree: [
|
|
1918
|
+
),
|
|
1919
|
+
open && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1920
|
+
"div",
|
|
2101
1921
|
{
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
1922
|
+
ref: panelRef,
|
|
1923
|
+
className: "absolute top-full right-0 z-50 mt-1 w-[700px] max-w-[90vw] overflow-hidden rounded-lg border border-border bg-background shadow-lg",
|
|
1924
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
|
|
1925
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 border-b bg-background p-4", children: [
|
|
1926
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1927
|
+
reactFontawesome.FontAwesomeIcon,
|
|
1928
|
+
{
|
|
1929
|
+
icon: faTableCellsLarge.faTableCellsLarge,
|
|
1930
|
+
className: "h-5 w-5 text-muted-foreground"
|
|
1931
|
+
}
|
|
1932
|
+
),
|
|
1933
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Shortcuts" })
|
|
1934
|
+
] }),
|
|
1935
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6 bg-muted p-6", children: Object.entries(sections).map(([sectionName, items]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
|
|
1936
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-foreground", children: sectionName }),
|
|
1937
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-2", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1938
|
+
"button",
|
|
1939
|
+
{
|
|
1940
|
+
type: "button",
|
|
1941
|
+
onClick: () => handleItemClick(item.slug),
|
|
1942
|
+
className: "flex items-center gap-2 rounded-lg px-3 py-2 text-sm text-sidebar-foreground transition-colors hover:bg-sidebar-primary hover:text-sidebar-primary-foreground",
|
|
1943
|
+
children: [
|
|
1944
|
+
item.icon && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1945
|
+
RepIcon.RepIcon,
|
|
1946
|
+
{
|
|
1947
|
+
name: item.icon,
|
|
1948
|
+
className: "h-4 w-4 shrink-0 text-muted-foreground"
|
|
1949
|
+
}
|
|
1950
|
+
),
|
|
1951
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: item.label })
|
|
1952
|
+
]
|
|
1953
|
+
},
|
|
1954
|
+
item.slug
|
|
1955
|
+
)) })
|
|
1956
|
+
] }, sectionName)) })
|
|
1957
|
+
] })
|
|
2105
1958
|
}
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
1959
|
+
)
|
|
1960
|
+
] });
|
|
1961
|
+
}
|
|
1962
|
+
function SdkHeader({
|
|
1963
|
+
tabs,
|
|
1964
|
+
currentSlug,
|
|
1965
|
+
onNavigate,
|
|
1966
|
+
navSlugs
|
|
1967
|
+
}) {
|
|
1968
|
+
const sidebar$1 = sidebar.useSidebar();
|
|
1969
|
+
const themeMode = ThemeModeContext.useThemeMode();
|
|
1970
|
+
const match = matchSlugPrefix(currentSlug, navSlugs);
|
|
1971
|
+
const baseSlug = match?.matchedSlug ?? systemNavigationItems.normalizeSlug(currentSlug);
|
|
1972
|
+
const themeIcon = themeMode.mode === "dark" ? faMoon.faMoon : faSun.faSun;
|
|
1973
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex h-[52px] shrink-0 items-center gap-2 bg-sidebar px-6", children: [
|
|
1974
|
+
sidebar$1.isMobile && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1975
|
+
"button",
|
|
2119
1976
|
{
|
|
2120
|
-
type: "
|
|
2121
|
-
|
|
2122
|
-
|
|
1977
|
+
type: "button",
|
|
1978
|
+
onClick: sidebar$1.toggleSidebar,
|
|
1979
|
+
className: "mr-2 flex shrink-0 items-center justify-center rounded-md p-2 text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
1980
|
+
"aria-label": "Toggle sidebar",
|
|
1981
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: faBars.faBars, className: "size-5" })
|
|
2123
1982
|
}
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
1983
|
+
),
|
|
1984
|
+
/* @__PURE__ */ jsxRuntime.jsx("nav", { className: "scrollbar-none flex flex-1 items-center gap-1 overflow-x-auto", children: tabs.map((tab) => {
|
|
1985
|
+
const tabSlug = systemNavigationItems.normalizeSlug(tab.slug);
|
|
1986
|
+
if (!tabSlug) return null;
|
|
1987
|
+
const isActive = tabSlug === baseSlug;
|
|
1988
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1989
|
+
"button",
|
|
1990
|
+
{
|
|
1991
|
+
type: "button",
|
|
1992
|
+
onClick: () => onNavigate(tabSlug),
|
|
1993
|
+
className: `border-b-2 px-4 py-3 text-sm font-medium whitespace-nowrap transition-colors ${isActive ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:border-border hover:text-foreground"}`,
|
|
1994
|
+
children: tab.label
|
|
1995
|
+
},
|
|
1996
|
+
tab.id ?? tabSlug
|
|
1997
|
+
);
|
|
1998
|
+
}) }),
|
|
1999
|
+
/* @__PURE__ */ jsxRuntime.jsx(QuickLinksDropdown, { onNavigate }),
|
|
2000
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2001
|
+
"button",
|
|
2137
2002
|
{
|
|
2138
|
-
type: "
|
|
2139
|
-
|
|
2140
|
-
|
|
2003
|
+
type: "button",
|
|
2004
|
+
onClick: themeMode.cycleMode,
|
|
2005
|
+
className: "ml-2 flex shrink-0 items-center justify-center rounded-md p-2 text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
|
|
2006
|
+
"aria-label": `Switch theme (current: ${themeMode.mode})`,
|
|
2007
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: themeIcon, className: "size-3" })
|
|
2141
2008
|
}
|
|
2142
|
-
|
|
2143
|
-
|
|
2009
|
+
)
|
|
2010
|
+
] });
|
|
2011
|
+
}
|
|
2012
|
+
function WidgetRenderer({ widget, index }) {
|
|
2013
|
+
const registry = contexts.useRegistry();
|
|
2014
|
+
const Component = registry[widget.type];
|
|
2015
|
+
if (!Component) {
|
|
2016
|
+
console.warn(
|
|
2017
|
+
`[BuilderScreenView] Widget type "${String(widget.type)}" not found in registry`
|
|
2018
|
+
);
|
|
2019
|
+
return null;
|
|
2020
|
+
}
|
|
2021
|
+
if (widget.dataSource) {
|
|
2022
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full overflow-x-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(DataAwareWidget.DataAwareWidget, { widget, Component }) }, widget.id ?? index);
|
|
2023
|
+
}
|
|
2024
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full overflow-x-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...widget.props }) }, widget.id ?? index);
|
|
2025
|
+
}
|
|
2026
|
+
function BuilderScreenViewImpl({ screen, className }) {
|
|
2027
|
+
const widgets = screen.component_tree;
|
|
2028
|
+
if (!widgets || widgets.length === 0) {
|
|
2029
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: className ?? "h-full w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "This screen has no content yet." }) }) });
|
|
2030
|
+
}
|
|
2031
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: className ?? "h-full w-full", children: widgets.map((widget, index) => {
|
|
2032
|
+
if (!widget) return null;
|
|
2033
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2034
|
+
WidgetRenderer,
|
|
2035
|
+
{
|
|
2036
|
+
widget,
|
|
2037
|
+
index
|
|
2038
|
+
},
|
|
2039
|
+
widget.id ?? index
|
|
2040
|
+
);
|
|
2041
|
+
}) });
|
|
2042
|
+
}
|
|
2043
|
+
var BuilderScreenView = react.memo(BuilderScreenViewImpl);
|
|
2044
|
+
var SYSTEM_SLUG_SCREEN_MAP = {
|
|
2045
|
+
messages: chunkV3IMQZIG_cjs.MessagingScreen,
|
|
2046
|
+
contacts: chunkEOXYOOWS_cjs.ContactsScreen,
|
|
2047
|
+
shop: chunkFG2CI6HA_cjs.OrdersScreen,
|
|
2048
|
+
customers: chunkMHPK7YQ2_cjs.CustomersScreen,
|
|
2049
|
+
products: chunk5UBEM3AX_cjs.ProductsScreen
|
|
2050
|
+
};
|
|
2051
|
+
function PageRouter({
|
|
2052
|
+
currentSlug,
|
|
2053
|
+
currentNavItem,
|
|
2054
|
+
customPages,
|
|
2055
|
+
screens,
|
|
2056
|
+
baseSlug,
|
|
2057
|
+
restParams
|
|
2058
|
+
}) {
|
|
2059
|
+
const screenById = react.useMemo(() => {
|
|
2060
|
+
if (!screens || screens.length === 0) return void 0;
|
|
2061
|
+
return new Map(screens.map((s) => [s.id, s]));
|
|
2062
|
+
}, [screens]);
|
|
2063
|
+
const screenBySlug = react.useMemo(() => {
|
|
2064
|
+
if (!screens || screens.length === 0) return void 0;
|
|
2065
|
+
return new Map(screens.filter((s) => s.slug).map((s) => [s.slug, s]));
|
|
2066
|
+
}, [screens]);
|
|
2067
|
+
const builderScreen = react.useMemo(() => {
|
|
2068
|
+
if (currentNavItem?.screen_id && screenById) {
|
|
2069
|
+
const byId = screenById.get(currentNavItem.screen_id);
|
|
2070
|
+
if (byId) return byId;
|
|
2071
|
+
}
|
|
2072
|
+
if (screenBySlug) {
|
|
2073
|
+
return screenBySlug.get(currentSlug) ?? screenBySlug.get(baseSlug) ?? void 0;
|
|
2074
|
+
}
|
|
2075
|
+
return void 0;
|
|
2076
|
+
}, [
|
|
2077
|
+
currentNavItem?.screen_id,
|
|
2078
|
+
screenById,
|
|
2079
|
+
screenBySlug,
|
|
2080
|
+
currentSlug,
|
|
2081
|
+
baseSlug
|
|
2082
|
+
]);
|
|
2083
|
+
const SystemScreen = SYSTEM_SLUG_SCREEN_MAP[baseSlug];
|
|
2084
|
+
if (SystemScreen) {
|
|
2085
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SystemScreen, {});
|
|
2086
|
+
}
|
|
2087
|
+
if (systemNavigationItems.isSystemNavigationItem(baseSlug)) {
|
|
2088
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkB6S6BEPL_cjs.CoreScreenPlaceholder, { name: currentNavItem?.label ?? baseSlug });
|
|
2089
|
+
}
|
|
2090
|
+
const ExactCustomPage = customPages?.[currentSlug];
|
|
2091
|
+
if (ExactCustomPage) {
|
|
2092
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ExactCustomPage, { slug: currentSlug, params: restParams });
|
|
2093
|
+
}
|
|
2094
|
+
if (baseSlug !== currentSlug) {
|
|
2095
|
+
const PrefixCustomPage = customPages?.[baseSlug];
|
|
2096
|
+
if (PrefixCustomPage) {
|
|
2097
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PrefixCustomPage, { slug: currentSlug, params: restParams });
|
|
2098
|
+
}
|
|
2099
|
+
}
|
|
2100
|
+
if (builderScreen) {
|
|
2101
|
+
return /* @__PURE__ */ jsxRuntime.jsx(BuilderScreenView, { screen: builderScreen });
|
|
2102
|
+
}
|
|
2103
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkB6S6BEPL_cjs.CoreScreenPlaceholder, { name: currentNavItem?.label ?? currentSlug });
|
|
2104
|
+
}
|
|
2105
|
+
var AppNavigationContext = react.createContext(
|
|
2106
|
+
null
|
|
2107
|
+
);
|
|
2108
|
+
function AppNavigationProvider({
|
|
2109
|
+
currentSlug,
|
|
2110
|
+
basePath,
|
|
2111
|
+
navigate,
|
|
2112
|
+
children
|
|
2113
|
+
}) {
|
|
2114
|
+
const buildHref = react.useMemo(() => {
|
|
2115
|
+
return (slug) => {
|
|
2116
|
+
if (basePath === "/") return `/${slug}`;
|
|
2117
|
+
return `${basePath}/${slug}`;
|
|
2118
|
+
};
|
|
2119
|
+
}, [basePath]);
|
|
2120
|
+
const value = react.useMemo(
|
|
2121
|
+
() => ({ currentSlug, basePath, navigate, buildHref }),
|
|
2122
|
+
[currentSlug, basePath, navigate, buildHref]
|
|
2123
|
+
);
|
|
2124
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AppNavigationContext.Provider, { value, children });
|
|
2125
|
+
}
|
|
2126
|
+
function useAppNavigation() {
|
|
2127
|
+
const ctx = react.useContext(AppNavigationContext);
|
|
2128
|
+
if (!ctx) {
|
|
2129
|
+
throw new Error(
|
|
2130
|
+
"useAppNavigation must be used within an <AppShell> or <AppNavigationProvider>"
|
|
2131
|
+
);
|
|
2132
|
+
}
|
|
2133
|
+
return ctx;
|
|
2134
|
+
}
|
|
2135
|
+
var THEME_STORAGE_KEY = "rep-theme-mode";
|
|
2136
|
+
var DEFAULT_NAVIGATION = [
|
|
2137
|
+
{ label: "We Commerce", children: [] },
|
|
2138
|
+
{ slug: "shop", label: "Shop", icon: "store", children: [] },
|
|
2139
|
+
{ slug: "account", label: "Account", icon: "user-gear", children: [] },
|
|
2140
|
+
{ slug: "messages", label: "Messaging", icon: "comment", children: [] },
|
|
2141
|
+
{ label: "Marketing Assets", children: [] },
|
|
2142
|
+
{
|
|
2143
|
+
slug: "share/products",
|
|
2144
|
+
label: "Products",
|
|
2145
|
+
icon: "boxes-stacked",
|
|
2146
|
+
children: []
|
|
2147
|
+
}
|
|
2148
|
+
];
|
|
2149
|
+
function getInitialThemeMode() {
|
|
2150
|
+
if (typeof window === "undefined") return "light";
|
|
2151
|
+
const stored = localStorage.getItem(THEME_STORAGE_KEY);
|
|
2152
|
+
if (stored === "light" || stored === "dark") return stored;
|
|
2153
|
+
return "light";
|
|
2154
|
+
}
|
|
2155
|
+
function findFirstNavigableSlug(items) {
|
|
2156
|
+
for (const item of items) {
|
|
2157
|
+
if (item.slug) return systemNavigationItems.normalizeSlug(item.slug);
|
|
2158
|
+
for (const child of item.children ?? []) {
|
|
2159
|
+
if (child.slug) return systemNavigationItems.normalizeSlug(child.slug);
|
|
2160
|
+
}
|
|
2161
|
+
}
|
|
2162
|
+
return "";
|
|
2163
|
+
}
|
|
2164
|
+
function findCurrentSection(items, slug) {
|
|
2165
|
+
const normalized = systemNavigationItems.normalizeSlug(slug);
|
|
2166
|
+
for (const item of items) {
|
|
2167
|
+
if (systemNavigationItems.normalizeSlug(item.slug) === normalized) return item;
|
|
2168
|
+
if (item.children?.some((child) => systemNavigationItems.normalizeSlug(child.slug) === normalized)) {
|
|
2169
|
+
return item;
|
|
2170
|
+
}
|
|
2171
|
+
}
|
|
2172
|
+
return void 0;
|
|
2173
|
+
}
|
|
2174
|
+
function findNavItem(items, slug) {
|
|
2175
|
+
const normalized = systemNavigationItems.normalizeSlug(slug);
|
|
2176
|
+
for (const item of items) {
|
|
2177
|
+
if (systemNavigationItems.normalizeSlug(item.slug) === normalized) return item;
|
|
2178
|
+
for (const child of item.children ?? []) {
|
|
2179
|
+
if (systemNavigationItems.normalizeSlug(child.slug) === normalized) return child;
|
|
2180
|
+
}
|
|
2181
|
+
}
|
|
2182
|
+
return void 0;
|
|
2183
|
+
}
|
|
2184
|
+
function AppShell({
|
|
2185
|
+
appData: appDataProp,
|
|
2186
|
+
navigation: navigationProp,
|
|
2187
|
+
customPages,
|
|
2188
|
+
basePath = "/",
|
|
2189
|
+
currentSlug: controlledSlug,
|
|
2190
|
+
onNavigate: onNavigateProp,
|
|
2191
|
+
sidebarHeader,
|
|
2192
|
+
sidebarFooter,
|
|
2193
|
+
children
|
|
2194
|
+
}) {
|
|
2195
|
+
const normalizedBasePath = react.useMemo(() => {
|
|
2196
|
+
const stripped = basePath.replace(/^\/|\/$/g, "");
|
|
2197
|
+
return stripped ? `/${stripped}` : "/";
|
|
2198
|
+
}, [basePath]);
|
|
2199
|
+
const { data: fetchedAppData, isLoading: isLoading2 } = useFluidApp({
|
|
2200
|
+
enabled: !appDataProp
|
|
2201
|
+
});
|
|
2202
|
+
const appData = appDataProp ?? fetchedAppData;
|
|
2203
|
+
const activeTheme = react.useMemo(() => {
|
|
2204
|
+
if (!appData?.profile?.themes?.length) return void 0;
|
|
2205
|
+
const themes = appData.profile.themes;
|
|
2206
|
+
const activeId = appData.profile.activeThemeId;
|
|
2207
|
+
return activeId ? themes.find((t) => t.id === activeId) ?? themes[0] : themes[0];
|
|
2208
|
+
}, [appData?.profile?.themes, appData?.profile?.activeThemeId]);
|
|
2209
|
+
react.useEffect(() => {
|
|
2210
|
+
if (!activeTheme) return;
|
|
2211
|
+
const resolved = theme.resolveTheme(activeTheme);
|
|
2212
|
+
theme.applyTheme(resolved);
|
|
2213
|
+
return () => {
|
|
2214
|
+
theme.removeAllThemes();
|
|
2215
|
+
};
|
|
2216
|
+
}, [activeTheme]);
|
|
2217
|
+
const navItems = react.useMemo(() => {
|
|
2218
|
+
if (navigationProp) return navigationProp;
|
|
2219
|
+
const profileNav = appData?.profile?.navigation?.navigation_items;
|
|
2220
|
+
if (profileNav && profileNav.length > 0) return profileNav;
|
|
2221
|
+
return DEFAULT_NAVIGATION;
|
|
2222
|
+
}, [navigationProp, appData?.profile?.navigation?.navigation_items]);
|
|
2223
|
+
const screens = appData?.screens;
|
|
2224
|
+
const navSlugs = react.useMemo(() => collectNavSlugs(navItems), [navItems]);
|
|
2225
|
+
const [themeMode, setThemeMode] = react.useState(getInitialThemeMode);
|
|
2226
|
+
const handleThemeModeChange = react.useCallback((mode) => {
|
|
2227
|
+
setThemeMode(mode);
|
|
2228
|
+
if (typeof window !== "undefined") {
|
|
2229
|
+
localStorage.setItem(THEME_STORAGE_KEY, mode);
|
|
2230
|
+
}
|
|
2231
|
+
}, []);
|
|
2232
|
+
const [pathSlug, setPathSlug] = react.useState(() => {
|
|
2233
|
+
if (typeof window === "undefined") return "";
|
|
2234
|
+
return extractSlugFromPathname(
|
|
2235
|
+
window.location.pathname,
|
|
2236
|
+
normalizedBasePath
|
|
2237
|
+
);
|
|
2144
2238
|
});
|
|
2239
|
+
react.useEffect(() => {
|
|
2240
|
+
if (controlledSlug !== void 0) return;
|
|
2241
|
+
if (typeof window === "undefined") return;
|
|
2242
|
+
const currentPath = extractSlugFromPathname(
|
|
2243
|
+
window.location.pathname,
|
|
2244
|
+
normalizedBasePath
|
|
2245
|
+
);
|
|
2246
|
+
if (!currentPath) {
|
|
2247
|
+
const firstSlug = findFirstNavigableSlug(navItems);
|
|
2248
|
+
if (firstSlug) {
|
|
2249
|
+
const targetPath = normalizedBasePath === "/" ? `/${firstSlug}` : `${normalizedBasePath}/${firstSlug}`;
|
|
2250
|
+
history.replaceState(null, "", targetPath);
|
|
2251
|
+
setPathSlug(firstSlug);
|
|
2252
|
+
}
|
|
2253
|
+
}
|
|
2254
|
+
}, [navItems, controlledSlug, normalizedBasePath]);
|
|
2255
|
+
react.useEffect(() => {
|
|
2256
|
+
if (controlledSlug !== void 0) return;
|
|
2257
|
+
const handlePopState = () => {
|
|
2258
|
+
const slug = extractSlugFromPathname(
|
|
2259
|
+
window.location.pathname,
|
|
2260
|
+
normalizedBasePath
|
|
2261
|
+
);
|
|
2262
|
+
setPathSlug(slug);
|
|
2263
|
+
};
|
|
2264
|
+
window.addEventListener("popstate", handlePopState);
|
|
2265
|
+
return () => window.removeEventListener("popstate", handlePopState);
|
|
2266
|
+
}, [controlledSlug, normalizedBasePath]);
|
|
2267
|
+
const activeSlug = controlledSlug ?? pathSlug;
|
|
2268
|
+
const handleNavigate = react.useCallback(
|
|
2269
|
+
(slug) => {
|
|
2270
|
+
if (onNavigateProp) {
|
|
2271
|
+
onNavigateProp(slug);
|
|
2272
|
+
return;
|
|
2273
|
+
}
|
|
2274
|
+
const targetPath = normalizedBasePath === "/" ? `/${slug}` : `${normalizedBasePath}/${slug}`;
|
|
2275
|
+
history.pushState(null, "", targetPath);
|
|
2276
|
+
setPathSlug(slug);
|
|
2277
|
+
},
|
|
2278
|
+
[onNavigateProp, normalizedBasePath]
|
|
2279
|
+
);
|
|
2280
|
+
const slugMatch = react.useMemo(
|
|
2281
|
+
() => matchSlugPrefix(activeSlug, navSlugs),
|
|
2282
|
+
[activeSlug, navSlugs]
|
|
2283
|
+
);
|
|
2284
|
+
const baseSlug = slugMatch?.matchedSlug ?? systemNavigationItems.normalizeSlug(activeSlug);
|
|
2285
|
+
const restParams = slugMatch?.rest ?? "";
|
|
2286
|
+
const currentSection = findCurrentSection(navItems, baseSlug);
|
|
2287
|
+
const secondLevelTabs = currentSection?.children ?? [];
|
|
2288
|
+
const currentNavItem = findNavItem(navItems, baseSlug);
|
|
2289
|
+
const content = typeof children === "function" ? children({ currentSlug: activeSlug, currentNavItem }) : children ?? /* @__PURE__ */ jsxRuntime.jsx(
|
|
2290
|
+
PageRouter,
|
|
2291
|
+
{
|
|
2292
|
+
currentSlug: activeSlug,
|
|
2293
|
+
currentNavItem,
|
|
2294
|
+
customPages,
|
|
2295
|
+
screens,
|
|
2296
|
+
baseSlug,
|
|
2297
|
+
restParams
|
|
2298
|
+
}
|
|
2299
|
+
);
|
|
2300
|
+
if (isLoading2 && !appData) {
|
|
2301
|
+
return /* @__PURE__ */ jsxRuntime.jsx(AppShellLoading, {});
|
|
2302
|
+
}
|
|
2303
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2304
|
+
ThemeModeContext.ThemeModeProvider,
|
|
2305
|
+
{
|
|
2306
|
+
mode: themeMode,
|
|
2307
|
+
onModeChange: handleThemeModeChange,
|
|
2308
|
+
autoModeEnabled: false,
|
|
2309
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2310
|
+
AppNavigationProvider,
|
|
2311
|
+
{
|
|
2312
|
+
currentSlug: activeSlug,
|
|
2313
|
+
basePath: normalizedBasePath,
|
|
2314
|
+
navigate: handleNavigate,
|
|
2315
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2316
|
+
"div",
|
|
2317
|
+
{
|
|
2318
|
+
"data-theme": activeTheme?.id,
|
|
2319
|
+
"data-theme-mode": themeMode === "auto" ? void 0 : themeMode,
|
|
2320
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2321
|
+
AppShellLayout.AppShellLayout,
|
|
2322
|
+
{
|
|
2323
|
+
sidebarContent: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2324
|
+
SdkNavigation,
|
|
2325
|
+
{
|
|
2326
|
+
navItems,
|
|
2327
|
+
currentSlug: activeSlug,
|
|
2328
|
+
onNavigate: handleNavigate,
|
|
2329
|
+
navSlugs
|
|
2330
|
+
}
|
|
2331
|
+
),
|
|
2332
|
+
headerContent: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2333
|
+
SdkHeader,
|
|
2334
|
+
{
|
|
2335
|
+
tabs: secondLevelTabs,
|
|
2336
|
+
currentSlug: activeSlug,
|
|
2337
|
+
onNavigate: handleNavigate,
|
|
2338
|
+
navSlugs
|
|
2339
|
+
}
|
|
2340
|
+
),
|
|
2341
|
+
sidebarHeader,
|
|
2342
|
+
sidebarFooter,
|
|
2343
|
+
children: content
|
|
2344
|
+
}
|
|
2345
|
+
)
|
|
2346
|
+
}
|
|
2347
|
+
)
|
|
2348
|
+
}
|
|
2349
|
+
)
|
|
2350
|
+
}
|
|
2351
|
+
);
|
|
2145
2352
|
}
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
var
|
|
2162
|
-
var
|
|
2163
|
-
var
|
|
2164
|
-
var
|
|
2165
|
-
var
|
|
2166
|
-
var
|
|
2167
|
-
var
|
|
2168
|
-
var
|
|
2169
|
-
var
|
|
2170
|
-
var
|
|
2171
|
-
var
|
|
2172
|
-
var
|
|
2173
|
-
var
|
|
2353
|
+
var AppLink = react.forwardRef(
|
|
2354
|
+
function AppLink2({ to, onClick, children, ...rest }, ref) {
|
|
2355
|
+
const { navigate, buildHref } = useAppNavigation();
|
|
2356
|
+
const handleClick = (e) => {
|
|
2357
|
+
onClick?.(e);
|
|
2358
|
+
if (e.defaultPrevented) return;
|
|
2359
|
+
if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
|
|
2360
|
+
if (e.button !== 0) return;
|
|
2361
|
+
if (rest.target && rest.target !== "_self") return;
|
|
2362
|
+
e.preventDefault();
|
|
2363
|
+
navigate(to);
|
|
2364
|
+
};
|
|
2365
|
+
return /* @__PURE__ */ jsxRuntime.jsx("a", { ref, href: buildHref(to), onClick: handleClick, ...rest, children });
|
|
2366
|
+
}
|
|
2367
|
+
);
|
|
2368
|
+
var export_DEFAULT_COLORS = chunkV3IMQZIG_cjs.themes_exports.DEFAULT_COLORS;
|
|
2369
|
+
var export_DEFAULT_FONT_FAMILIES = chunkV3IMQZIG_cjs.themes_exports.DEFAULT_FONT_FAMILIES;
|
|
2370
|
+
var export_DEFAULT_FONT_SIZES = chunkV3IMQZIG_cjs.themes_exports.DEFAULT_FONT_SIZES;
|
|
2371
|
+
var export_DEFAULT_RADII = chunkV3IMQZIG_cjs.themes_exports.DEFAULT_RADII;
|
|
2372
|
+
var export_DEFAULT_SPACING = chunkV3IMQZIG_cjs.themes_exports.DEFAULT_SPACING;
|
|
2373
|
+
var export_DEFAULT_THEME_ID = chunkV3IMQZIG_cjs.themes_exports.DEFAULT_THEME_ID;
|
|
2374
|
+
var export_DEFAULT_THEME_NAME = chunkV3IMQZIG_cjs.themes_exports.DEFAULT_THEME_NAME;
|
|
2375
|
+
var export_FONT_FAMILY_KEYS = chunkV3IMQZIG_cjs.themes_exports.FONT_FAMILY_KEYS;
|
|
2376
|
+
var export_FONT_SIZE_KEYS = chunkV3IMQZIG_cjs.themes_exports.FONT_SIZE_KEYS;
|
|
2377
|
+
var export_RADIUS_KEYS = chunkV3IMQZIG_cjs.themes_exports.RADIUS_KEYS;
|
|
2378
|
+
var export_SEMANTIC_COLOR_NAMES = chunkV3IMQZIG_cjs.themes_exports.SEMANTIC_COLOR_NAMES;
|
|
2379
|
+
var export_SHADE_STEPS = chunkV3IMQZIG_cjs.themes_exports.SHADE_STEPS;
|
|
2380
|
+
var export_applyTheme = chunkV3IMQZIG_cjs.themes_exports.applyTheme;
|
|
2381
|
+
var export_deriveDarkVariant = chunkV3IMQZIG_cjs.themes_exports.deriveDarkVariant;
|
|
2382
|
+
var export_deserialiseTheme = chunkV3IMQZIG_cjs.themes_exports.deserialiseTheme;
|
|
2383
|
+
var export_generateShades = chunkV3IMQZIG_cjs.themes_exports.generateShades;
|
|
2384
|
+
var export_generateThemeCSS = chunkV3IMQZIG_cjs.themes_exports.generateThemeCSS;
|
|
2385
|
+
var export_getDefaultThemeDefinition = chunkV3IMQZIG_cjs.themes_exports.getDefaultThemeDefinition;
|
|
2386
|
+
var export_getForegroundColor = chunkV3IMQZIG_cjs.themes_exports.getForegroundColor;
|
|
2387
|
+
var export_mergeDarkOverrides = chunkV3IMQZIG_cjs.themes_exports.mergeDarkOverrides;
|
|
2388
|
+
var export_parseColor = chunkV3IMQZIG_cjs.themes_exports.parseColor;
|
|
2389
|
+
var export_removeAllThemes = chunkV3IMQZIG_cjs.themes_exports.removeAllThemes;
|
|
2390
|
+
var export_removeTheme = chunkV3IMQZIG_cjs.themes_exports.removeTheme;
|
|
2391
|
+
var export_resolveTheme = chunkV3IMQZIG_cjs.themes_exports.resolveTheme;
|
|
2392
|
+
var export_serialiseTheme = chunkV3IMQZIG_cjs.themes_exports.serialiseTheme;
|
|
2174
2393
|
|
|
2394
|
+
Object.defineProperty(exports, "AUTH_CONSTANTS", {
|
|
2395
|
+
enumerable: true,
|
|
2396
|
+
get: function () { return chunkV3IMQZIG_cjs.AUTH_CONSTANTS; }
|
|
2397
|
+
});
|
|
2398
|
+
Object.defineProperty(exports, "ApiError", {
|
|
2399
|
+
enumerable: true,
|
|
2400
|
+
get: function () { return chunkV3IMQZIG_cjs.ApiError; }
|
|
2401
|
+
});
|
|
2402
|
+
Object.defineProperty(exports, "DEFAULT_AUTH_URL", {
|
|
2403
|
+
enumerable: true,
|
|
2404
|
+
get: function () { return chunkV3IMQZIG_cjs.DEFAULT_AUTH_URL; }
|
|
2405
|
+
});
|
|
2406
|
+
Object.defineProperty(exports, "DEFAULT_SDK_WIDGET_REGISTRY", {
|
|
2407
|
+
enumerable: true,
|
|
2408
|
+
get: function () { return chunkV3IMQZIG_cjs.DEFAULT_SDK_WIDGET_REGISTRY; }
|
|
2409
|
+
});
|
|
2410
|
+
Object.defineProperty(exports, "FluidAuthProvider", {
|
|
2411
|
+
enumerable: true,
|
|
2412
|
+
get: function () { return chunkV3IMQZIG_cjs.FluidAuthProvider; }
|
|
2413
|
+
});
|
|
2414
|
+
Object.defineProperty(exports, "FluidProvider", {
|
|
2415
|
+
enumerable: true,
|
|
2416
|
+
get: function () { return chunkV3IMQZIG_cjs.FluidProvider; }
|
|
2417
|
+
});
|
|
2418
|
+
Object.defineProperty(exports, "FluidThemeProvider", {
|
|
2419
|
+
enumerable: true,
|
|
2420
|
+
get: function () { return chunkV3IMQZIG_cjs.FluidThemeProvider; }
|
|
2421
|
+
});
|
|
2175
2422
|
Object.defineProperty(exports, "MessagingScreen", {
|
|
2176
2423
|
enumerable: true,
|
|
2177
|
-
get: function () { return
|
|
2424
|
+
get: function () { return chunkV3IMQZIG_cjs.MessagingScreen; }
|
|
2425
|
+
});
|
|
2426
|
+
Object.defineProperty(exports, "STORAGE_KEYS", {
|
|
2427
|
+
enumerable: true,
|
|
2428
|
+
get: function () { return chunkV3IMQZIG_cjs.STORAGE_KEYS; }
|
|
2429
|
+
});
|
|
2430
|
+
Object.defineProperty(exports, "URL_PARAMS", {
|
|
2431
|
+
enumerable: true,
|
|
2432
|
+
get: function () { return chunkV3IMQZIG_cjs.URL_PARAMS; }
|
|
2433
|
+
});
|
|
2434
|
+
Object.defineProperty(exports, "USER_TYPES", {
|
|
2435
|
+
enumerable: true,
|
|
2436
|
+
get: function () { return chunkV3IMQZIG_cjs.USER_TYPES; }
|
|
2437
|
+
});
|
|
2438
|
+
Object.defineProperty(exports, "buildThemeDefinition", {
|
|
2439
|
+
enumerable: true,
|
|
2440
|
+
get: function () { return chunkV3IMQZIG_cjs.buildThemeDefinition; }
|
|
2441
|
+
});
|
|
2442
|
+
Object.defineProperty(exports, "cleanTokenFromUrl", {
|
|
2443
|
+
enumerable: true,
|
|
2444
|
+
get: function () { return chunkV3IMQZIG_cjs.cleanTokenFromUrl; }
|
|
2445
|
+
});
|
|
2446
|
+
Object.defineProperty(exports, "clearTokens", {
|
|
2447
|
+
enumerable: true,
|
|
2448
|
+
get: function () { return chunkV3IMQZIG_cjs.clearTokens; }
|
|
2449
|
+
});
|
|
2450
|
+
Object.defineProperty(exports, "createDefaultAuthRedirect", {
|
|
2451
|
+
enumerable: true,
|
|
2452
|
+
get: function () { return chunkV3IMQZIG_cjs.createDefaultAuthRedirect; }
|
|
2453
|
+
});
|
|
2454
|
+
Object.defineProperty(exports, "createFluidClient", {
|
|
2455
|
+
enumerable: true,
|
|
2456
|
+
get: function () { return chunkV3IMQZIG_cjs.createFluidClient; }
|
|
2457
|
+
});
|
|
2458
|
+
Object.defineProperty(exports, "createFluidFileUploader", {
|
|
2459
|
+
enumerable: true,
|
|
2460
|
+
get: function () { return chunkV3IMQZIG_cjs.createFluidFileUploader; }
|
|
2461
|
+
});
|
|
2462
|
+
Object.defineProperty(exports, "decodeToken", {
|
|
2463
|
+
enumerable: true,
|
|
2464
|
+
get: function () { return chunkV3IMQZIG_cjs.decodeToken; }
|
|
2465
|
+
});
|
|
2466
|
+
Object.defineProperty(exports, "extractAllTokensFromUrl", {
|
|
2467
|
+
enumerable: true,
|
|
2468
|
+
get: function () { return chunkV3IMQZIG_cjs.extractAllTokensFromUrl; }
|
|
2469
|
+
});
|
|
2470
|
+
Object.defineProperty(exports, "extractCompanyTokenFromUrl", {
|
|
2471
|
+
enumerable: true,
|
|
2472
|
+
get: function () { return chunkV3IMQZIG_cjs.extractCompanyTokenFromUrl; }
|
|
2473
|
+
});
|
|
2474
|
+
Object.defineProperty(exports, "extractTokenFromUrl", {
|
|
2475
|
+
enumerable: true,
|
|
2476
|
+
get: function () { return chunkV3IMQZIG_cjs.extractTokenFromUrl; }
|
|
2477
|
+
});
|
|
2478
|
+
Object.defineProperty(exports, "getActiveThemeId", {
|
|
2479
|
+
enumerable: true,
|
|
2480
|
+
get: function () { return chunkV3IMQZIG_cjs.getActiveThemeId; }
|
|
2481
|
+
});
|
|
2482
|
+
Object.defineProperty(exports, "getStoredToken", {
|
|
2483
|
+
enumerable: true,
|
|
2484
|
+
get: function () { return chunkV3IMQZIG_cjs.getStoredToken; }
|
|
2485
|
+
});
|
|
2486
|
+
Object.defineProperty(exports, "getTokenExpiration", {
|
|
2487
|
+
enumerable: true,
|
|
2488
|
+
get: function () { return chunkV3IMQZIG_cjs.getTokenExpiration; }
|
|
2489
|
+
});
|
|
2490
|
+
Object.defineProperty(exports, "getTokenTimeRemaining", {
|
|
2491
|
+
enumerable: true,
|
|
2492
|
+
get: function () { return chunkV3IMQZIG_cjs.getTokenTimeRemaining; }
|
|
2493
|
+
});
|
|
2494
|
+
Object.defineProperty(exports, "hasStoredToken", {
|
|
2495
|
+
enumerable: true,
|
|
2496
|
+
get: function () { return chunkV3IMQZIG_cjs.hasStoredToken; }
|
|
2497
|
+
});
|
|
2498
|
+
Object.defineProperty(exports, "hasTokenInUrl", {
|
|
2499
|
+
enumerable: true,
|
|
2500
|
+
get: function () { return chunkV3IMQZIG_cjs.hasTokenInUrl; }
|
|
2501
|
+
});
|
|
2502
|
+
Object.defineProperty(exports, "isApiError", {
|
|
2503
|
+
enumerable: true,
|
|
2504
|
+
get: function () { return chunkV3IMQZIG_cjs.isApiError; }
|
|
2505
|
+
});
|
|
2506
|
+
Object.defineProperty(exports, "isTokenExpired", {
|
|
2507
|
+
enumerable: true,
|
|
2508
|
+
get: function () { return chunkV3IMQZIG_cjs.isTokenExpired; }
|
|
2509
|
+
});
|
|
2510
|
+
Object.defineProperty(exports, "isUserType", {
|
|
2511
|
+
enumerable: true,
|
|
2512
|
+
get: function () { return chunkV3IMQZIG_cjs.isUserType; }
|
|
2513
|
+
});
|
|
2514
|
+
Object.defineProperty(exports, "isValidToken", {
|
|
2515
|
+
enumerable: true,
|
|
2516
|
+
get: function () { return chunkV3IMQZIG_cjs.isValidToken; }
|
|
2178
2517
|
});
|
|
2179
2518
|
Object.defineProperty(exports, "messagingScreenPropertySchema", {
|
|
2180
2519
|
enumerable: true,
|
|
2181
|
-
get: function () { return
|
|
2520
|
+
get: function () { return chunkV3IMQZIG_cjs.messagingScreenPropertySchema; }
|
|
2521
|
+
});
|
|
2522
|
+
Object.defineProperty(exports, "normalizeComponentTree", {
|
|
2523
|
+
enumerable: true,
|
|
2524
|
+
get: function () { return chunkV3IMQZIG_cjs.normalizeComponentTree; }
|
|
2525
|
+
});
|
|
2526
|
+
Object.defineProperty(exports, "storeToken", {
|
|
2527
|
+
enumerable: true,
|
|
2528
|
+
get: function () { return chunkV3IMQZIG_cjs.storeToken; }
|
|
2529
|
+
});
|
|
2530
|
+
Object.defineProperty(exports, "toNavigationItem", {
|
|
2531
|
+
enumerable: true,
|
|
2532
|
+
get: function () { return chunkV3IMQZIG_cjs.toNavigationItem; }
|
|
2533
|
+
});
|
|
2534
|
+
Object.defineProperty(exports, "toScreenDefinition", {
|
|
2535
|
+
enumerable: true,
|
|
2536
|
+
get: function () { return chunkV3IMQZIG_cjs.toScreenDefinition; }
|
|
2537
|
+
});
|
|
2538
|
+
Object.defineProperty(exports, "transformManifestToRepAppData", {
|
|
2539
|
+
enumerable: true,
|
|
2540
|
+
get: function () { return chunkV3IMQZIG_cjs.transformManifestToRepAppData; }
|
|
2541
|
+
});
|
|
2542
|
+
Object.defineProperty(exports, "transformThemes", {
|
|
2543
|
+
enumerable: true,
|
|
2544
|
+
get: function () { return chunkV3IMQZIG_cjs.transformThemes; }
|
|
2545
|
+
});
|
|
2546
|
+
Object.defineProperty(exports, "useFluidApi", {
|
|
2547
|
+
enumerable: true,
|
|
2548
|
+
get: function () { return chunkV3IMQZIG_cjs.useFluidApi; }
|
|
2549
|
+
});
|
|
2550
|
+
Object.defineProperty(exports, "useFluidAuthContext", {
|
|
2551
|
+
enumerable: true,
|
|
2552
|
+
get: function () { return chunkV3IMQZIG_cjs.useFluidAuthContext; }
|
|
2553
|
+
});
|
|
2554
|
+
Object.defineProperty(exports, "useFluidContext", {
|
|
2555
|
+
enumerable: true,
|
|
2556
|
+
get: function () { return chunkV3IMQZIG_cjs.useFluidContext; }
|
|
2557
|
+
});
|
|
2558
|
+
Object.defineProperty(exports, "useMessagingAuth", {
|
|
2559
|
+
enumerable: true,
|
|
2560
|
+
get: function () { return chunkV3IMQZIG_cjs.useMessagingAuth; }
|
|
2561
|
+
});
|
|
2562
|
+
Object.defineProperty(exports, "useMessagingConfig", {
|
|
2563
|
+
enumerable: true,
|
|
2564
|
+
get: function () { return chunkV3IMQZIG_cjs.useMessagingConfig; }
|
|
2565
|
+
});
|
|
2566
|
+
Object.defineProperty(exports, "useThemeContext", {
|
|
2567
|
+
enumerable: true,
|
|
2568
|
+
get: function () { return chunkV3IMQZIG_cjs.useThemeContext; }
|
|
2569
|
+
});
|
|
2570
|
+
Object.defineProperty(exports, "validateToken", {
|
|
2571
|
+
enumerable: true,
|
|
2572
|
+
get: function () { return chunkV3IMQZIG_cjs.validateToken; }
|
|
2182
2573
|
});
|
|
2183
2574
|
Object.defineProperty(exports, "ContactsScreen", {
|
|
2184
2575
|
enumerable: true,
|
|
2185
|
-
get: function () { return
|
|
2576
|
+
get: function () { return chunkEOXYOOWS_cjs.ContactsScreen; }
|
|
2186
2577
|
});
|
|
2187
2578
|
Object.defineProperty(exports, "contactsScreenPropertySchema", {
|
|
2188
2579
|
enumerable: true,
|
|
2189
|
-
get: function () { return
|
|
2580
|
+
get: function () { return chunkEOXYOOWS_cjs.contactsScreenPropertySchema; }
|
|
2190
2581
|
});
|
|
2191
2582
|
Object.defineProperty(exports, "OrdersScreen", {
|
|
2192
2583
|
enumerable: true,
|
|
2193
|
-
get: function () { return
|
|
2584
|
+
get: function () { return chunkFG2CI6HA_cjs.OrdersScreen; }
|
|
2194
2585
|
});
|
|
2195
2586
|
Object.defineProperty(exports, "ordersScreenPropertySchema", {
|
|
2196
2587
|
enumerable: true,
|
|
2197
|
-
get: function () { return
|
|
2588
|
+
get: function () { return chunkFG2CI6HA_cjs.ordersScreenPropertySchema; }
|
|
2198
2589
|
});
|
|
2199
2590
|
Object.defineProperty(exports, "CustomersScreen", {
|
|
2200
2591
|
enumerable: true,
|
|
2201
|
-
get: function () { return
|
|
2592
|
+
get: function () { return chunkMHPK7YQ2_cjs.CustomersScreen; }
|
|
2202
2593
|
});
|
|
2203
2594
|
Object.defineProperty(exports, "customersScreenPropertySchema", {
|
|
2204
2595
|
enumerable: true,
|
|
2205
|
-
get: function () { return
|
|
2596
|
+
get: function () { return chunkMHPK7YQ2_cjs.customersScreenPropertySchema; }
|
|
2206
2597
|
});
|
|
2207
2598
|
Object.defineProperty(exports, "ProductsScreen", {
|
|
2208
2599
|
enumerable: true,
|
|
2209
|
-
get: function () { return
|
|
2600
|
+
get: function () { return chunk5UBEM3AX_cjs.ProductsScreen; }
|
|
2210
2601
|
});
|
|
2211
2602
|
Object.defineProperty(exports, "productsScreenPropertySchema", {
|
|
2212
2603
|
enumerable: true,
|
|
2213
|
-
get: function () { return
|
|
2604
|
+
get: function () { return chunk5UBEM3AX_cjs.productsScreenPropertySchema; }
|
|
2214
2605
|
});
|
|
2215
2606
|
Object.defineProperty(exports, "WIDGET_TYPE_NAMES", {
|
|
2216
2607
|
enumerable: true,
|
|
@@ -2420,85 +2811,82 @@ Object.defineProperty(exports, "isPropertyFieldType", {
|
|
|
2420
2811
|
enumerable: true,
|
|
2421
2812
|
get: function () { return registries.isPropertyFieldType; }
|
|
2422
2813
|
});
|
|
2814
|
+
Object.defineProperty(exports, "ThemeModeProvider", {
|
|
2815
|
+
enumerable: true,
|
|
2816
|
+
get: function () { return ThemeModeContext.ThemeModeProvider; }
|
|
2817
|
+
});
|
|
2818
|
+
Object.defineProperty(exports, "getThemeModeAttribute", {
|
|
2819
|
+
enumerable: true,
|
|
2820
|
+
get: function () { return ThemeModeContext.getThemeModeAttribute; }
|
|
2821
|
+
});
|
|
2822
|
+
Object.defineProperty(exports, "useThemeMode", {
|
|
2823
|
+
enumerable: true,
|
|
2824
|
+
get: function () { return ThemeModeContext.useThemeMode; }
|
|
2825
|
+
});
|
|
2423
2826
|
exports.ACTIVITY_SLUGS = ACTIVITY_SLUGS;
|
|
2424
|
-
exports.
|
|
2425
|
-
exports.
|
|
2827
|
+
exports.APP_DATA_QUERY_KEY = APP_DATA_QUERY_KEY;
|
|
2828
|
+
exports.AppLink = AppLink;
|
|
2829
|
+
exports.AppNavigationProvider = AppNavigationProvider;
|
|
2830
|
+
exports.AppShell = AppShell;
|
|
2426
2831
|
exports.AuthError = AuthError;
|
|
2427
2832
|
exports.AuthLoading = AuthLoading;
|
|
2428
|
-
exports.
|
|
2429
|
-
exports.CORE_COLOR_KEYS = export_CORE_COLOR_KEYS;
|
|
2833
|
+
exports.BuilderScreenView = BuilderScreenView;
|
|
2430
2834
|
exports.CORE_PAGE_IDS = CORE_PAGE_IDS;
|
|
2431
2835
|
exports.CURRENT_REP_QUERY_KEY = CURRENT_REP_QUERY_KEY;
|
|
2432
|
-
exports.
|
|
2433
|
-
exports.
|
|
2434
|
-
exports.
|
|
2435
|
-
exports.
|
|
2436
|
-
exports.
|
|
2836
|
+
exports.DEFAULT_COLORS = export_DEFAULT_COLORS;
|
|
2837
|
+
exports.DEFAULT_FONT_FAMILIES = export_DEFAULT_FONT_FAMILIES;
|
|
2838
|
+
exports.DEFAULT_FONT_SIZES = export_DEFAULT_FONT_SIZES;
|
|
2839
|
+
exports.DEFAULT_RADII = export_DEFAULT_RADII;
|
|
2840
|
+
exports.DEFAULT_SPACING = export_DEFAULT_SPACING;
|
|
2841
|
+
exports.DEFAULT_THEME_ID = export_DEFAULT_THEME_ID;
|
|
2842
|
+
exports.DEFAULT_THEME_NAME = export_DEFAULT_THEME_NAME;
|
|
2843
|
+
exports.FONT_FAMILY_KEYS = export_FONT_FAMILY_KEYS;
|
|
2844
|
+
exports.FONT_SIZE_KEYS = export_FONT_SIZE_KEYS;
|
|
2437
2845
|
exports.PAGE_CATEGORIES = PAGE_CATEGORIES;
|
|
2438
2846
|
exports.PERMISSIONS_QUERY_KEY = PERMISSIONS_QUERY_KEY;
|
|
2439
2847
|
exports.PROFILE_QUERY_KEY = PROFILE_QUERY_KEY;
|
|
2848
|
+
exports.PageRouter = PageRouter;
|
|
2440
2849
|
exports.PageTemplateProvider = PageTemplateProvider;
|
|
2441
2850
|
exports.PageTemplateRegistry = PageTemplateRegistry;
|
|
2851
|
+
exports.QuickLinksDropdown = QuickLinksDropdown;
|
|
2852
|
+
exports.RADIUS_KEYS = export_RADIUS_KEYS;
|
|
2442
2853
|
exports.RequireAuth = RequireAuth;
|
|
2443
|
-
exports.
|
|
2444
|
-
exports.
|
|
2445
|
-
exports.
|
|
2446
|
-
exports.
|
|
2447
|
-
exports.
|
|
2448
|
-
exports.
|
|
2449
|
-
exports.
|
|
2450
|
-
exports.
|
|
2451
|
-
exports.
|
|
2452
|
-
exports.
|
|
2453
|
-
exports.
|
|
2454
|
-
exports.detectThemeMode = export_detectThemeMode;
|
|
2455
|
-
exports.dracula = export_dracula;
|
|
2456
|
-
exports.everforest = export_everforest;
|
|
2457
|
-
exports.extractAllTokensFromUrl = extractAllTokensFromUrl;
|
|
2458
|
-
exports.extractCompanyTokenFromUrl = extractCompanyTokenFromUrl;
|
|
2459
|
-
exports.extractTokenFromUrl = extractTokenFromUrl;
|
|
2460
|
-
exports.generateColorSwatches = export_generateColorSwatches;
|
|
2461
|
-
exports.generateDualTheme = export_generateDualTheme;
|
|
2462
|
-
exports.generateSmartDualTheme = export_generateSmartDualTheme;
|
|
2463
|
-
exports.generateTheme = export_generateTheme;
|
|
2464
|
-
exports.generateThemeCssVars = export_generateThemeCssVars;
|
|
2854
|
+
exports.SEMANTIC_COLOR_NAMES = export_SEMANTIC_COLOR_NAMES;
|
|
2855
|
+
exports.SHADE_STEPS = export_SHADE_STEPS;
|
|
2856
|
+
exports.SdkHeader = SdkHeader;
|
|
2857
|
+
exports.SdkNavigation = SdkNavigation;
|
|
2858
|
+
exports.applyTheme = export_applyTheme;
|
|
2859
|
+
exports.collectNavSlugs = collectNavSlugs;
|
|
2860
|
+
exports.deriveDarkVariant = export_deriveDarkVariant;
|
|
2861
|
+
exports.deserialiseTheme = export_deserialiseTheme;
|
|
2862
|
+
exports.extractSlugFromPathname = extractSlugFromPathname;
|
|
2863
|
+
exports.generateShades = export_generateShades;
|
|
2864
|
+
exports.generateThemeCSS = export_generateThemeCSS;
|
|
2465
2865
|
exports.getAvailablePageTemplates = getAvailablePageTemplates;
|
|
2466
2866
|
exports.getCorePageTemplates = getCorePageTemplates;
|
|
2867
|
+
exports.getDefaultThemeDefinition = export_getDefaultThemeDefinition;
|
|
2868
|
+
exports.getForegroundColor = export_getForegroundColor;
|
|
2467
2869
|
exports.getOptionalPageTemplates = getOptionalPageTemplates;
|
|
2468
2870
|
exports.getProperty = getProperty;
|
|
2469
|
-
exports.getStoredToken = getStoredToken;
|
|
2470
|
-
exports.getTokenExpiration = getTokenExpiration;
|
|
2471
|
-
exports.getTokenTimeRemaining = getTokenTimeRemaining;
|
|
2472
|
-
exports.gruvbox = export_gruvbox;
|
|
2473
2871
|
exports.hasData = hasData;
|
|
2474
|
-
exports.hasStoredToken = hasStoredToken;
|
|
2475
|
-
exports.hasTokenInUrl = hasTokenInUrl;
|
|
2476
2872
|
exports.isActivitySlug = isActivitySlug;
|
|
2477
|
-
exports.isApiError = isApiError;
|
|
2478
2873
|
exports.isContactStatus = isContactStatus;
|
|
2479
2874
|
exports.isErrorResult = isErrorResult;
|
|
2480
2875
|
exports.isIdle = isIdle;
|
|
2481
2876
|
exports.isLoading = isLoading;
|
|
2482
|
-
exports.
|
|
2483
|
-
exports.
|
|
2484
|
-
exports.
|
|
2485
|
-
exports.
|
|
2486
|
-
exports.
|
|
2487
|
-
exports.
|
|
2488
|
-
exports.oklchString = export_oklchString;
|
|
2489
|
-
exports.parseOklch = export_parseOklch;
|
|
2877
|
+
exports.isSlugInSection = isSlugInSection;
|
|
2878
|
+
exports.matchSlugPrefix = matchSlugPrefix;
|
|
2879
|
+
exports.mergeDarkOverrides = export_mergeDarkOverrides;
|
|
2880
|
+
exports.parseColor = export_parseColor;
|
|
2881
|
+
exports.removeAllThemes = export_removeAllThemes;
|
|
2882
|
+
exports.removeTheme = export_removeTheme;
|
|
2490
2883
|
exports.resolveNavigationPages = resolveNavigationPages;
|
|
2491
|
-
exports.
|
|
2492
|
-
exports.rotateHue = export_rotateHue;
|
|
2493
|
-
exports.rotateSoft = export_rotateSoft;
|
|
2884
|
+
exports.resolveTheme = export_resolveTheme;
|
|
2494
2885
|
exports.screenPropertySchemas = screenPropertySchemas;
|
|
2495
2886
|
exports.selectProperty = selectProperty;
|
|
2496
|
-
exports.
|
|
2497
|
-
exports.storeToken = storeToken;
|
|
2498
|
-
exports.toDarkMode = export_toDarkMode;
|
|
2499
|
-
exports.toLightMode = export_toLightMode;
|
|
2500
|
-
exports.tokyoNight = export_tokyoNight;
|
|
2887
|
+
exports.serialiseTheme = export_serialiseTheme;
|
|
2501
2888
|
exports.useActivities = useActivities;
|
|
2889
|
+
exports.useAppNavigation = useAppNavigation;
|
|
2502
2890
|
exports.useCalendarEvents = useCalendarEvents;
|
|
2503
2891
|
exports.useCatchUps = useCatchUps;
|
|
2504
2892
|
exports.useContact = useContact;
|
|
@@ -2506,19 +2894,15 @@ exports.useContacts = useContacts;
|
|
|
2506
2894
|
exports.useConversationMessages = useConversationMessages;
|
|
2507
2895
|
exports.useConversations = useConversations;
|
|
2508
2896
|
exports.useCurrentRep = useCurrentRep;
|
|
2509
|
-
exports.
|
|
2897
|
+
exports.useFluidApp = useFluidApp;
|
|
2510
2898
|
exports.useFluidAuth = useFluidAuth;
|
|
2511
|
-
exports.useFluidAuthContext = useFluidAuthContext;
|
|
2512
|
-
exports.useFluidContext = useFluidContext;
|
|
2513
2899
|
exports.useFluidPermissions = useFluidPermissions;
|
|
2514
2900
|
exports.useFluidProfile = useFluidProfile;
|
|
2515
2901
|
exports.useFluidTheme = useFluidTheme;
|
|
2516
2902
|
exports.useMySite = useMySite;
|
|
2517
2903
|
exports.usePageTemplates = usePageTemplates;
|
|
2518
2904
|
exports.useResolvedPages = useResolvedPages;
|
|
2519
|
-
exports.useThemeContext = useThemeContext;
|
|
2520
2905
|
exports.useTodos = useTodos;
|
|
2521
2906
|
exports.validateNavigationPages = validateNavigationPages;
|
|
2522
|
-
exports.validateToken = validateToken;
|
|
2523
2907
|
//# sourceMappingURL=index.cjs.map
|
|
2524
2908
|
//# sourceMappingURL=index.cjs.map
|