@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.
Files changed (73) hide show
  1. package/dist/ContactsScreen-33AJ5XUB.js +5 -0
  2. package/dist/{ContactsScreen-BYXF74BO.js.map → ContactsScreen-33AJ5XUB.js.map} +1 -1
  3. package/dist/ContactsScreen-ATASCZO2.cjs +18 -0
  4. package/dist/{ContactsScreen-XZOQJVFE.cjs.map → ContactsScreen-ATASCZO2.cjs.map} +1 -1
  5. package/dist/CustomersScreen-E4HXBKV7.js +5 -0
  6. package/dist/{CustomersScreen-VS6LGULO.js.map → CustomersScreen-E4HXBKV7.js.map} +1 -1
  7. package/dist/CustomersScreen-XMPMKSQA.cjs +18 -0
  8. package/dist/{CustomersScreen-53SXRDDK.cjs.map → CustomersScreen-XMPMKSQA.cjs.map} +1 -1
  9. package/dist/MessagingScreen-4H7ZBO3V.js +4 -0
  10. package/dist/{MessagingScreen-O42JEJMW.js.map → MessagingScreen-4H7ZBO3V.js.map} +1 -1
  11. package/dist/MessagingScreen-UPFXQZV3.cjs +17 -0
  12. package/dist/{MessagingScreen-UCVLYWZB.cjs.map → MessagingScreen-UPFXQZV3.cjs.map} +1 -1
  13. package/dist/OrdersScreen-IPPZLEYF.js +5 -0
  14. package/dist/{OrdersScreen-QQJFTTSS.js.map → OrdersScreen-IPPZLEYF.js.map} +1 -1
  15. package/dist/OrdersScreen-X7FYUROL.cjs +18 -0
  16. package/dist/{OrdersScreen-WNT2WDLI.cjs.map → OrdersScreen-X7FYUROL.cjs.map} +1 -1
  17. package/dist/ProductsScreen-4ZIUQNUU.cjs +18 -0
  18. package/dist/{ProductsScreen-CTIAKS3Z.cjs.map → ProductsScreen-4ZIUQNUU.cjs.map} +1 -1
  19. package/dist/ProductsScreen-YTSOZW7B.js +5 -0
  20. package/dist/{ProductsScreen-TRIT2FE3.js.map → ProductsScreen-YTSOZW7B.js.map} +1 -1
  21. package/dist/chunk-424PT5DM.js +21 -0
  22. package/dist/chunk-424PT5DM.js.map +1 -0
  23. package/dist/{chunk-QUVJ3R4T.cjs → chunk-5UBEM3AX.cjs} +4 -4
  24. package/dist/{chunk-QUVJ3R4T.cjs.map → chunk-5UBEM3AX.cjs.map} +1 -1
  25. package/dist/chunk-7JMNKWPN.js +1868 -0
  26. package/dist/chunk-7JMNKWPN.js.map +1 -0
  27. package/dist/chunk-B6S6BEPL.cjs +16 -0
  28. package/dist/chunk-B6S6BEPL.cjs.map +1 -0
  29. package/dist/{chunk-WH7WZXT6.js → chunk-CMF2FYTD.js} +3 -3
  30. package/dist/{chunk-WH7WZXT6.js.map → chunk-CMF2FYTD.js.map} +1 -1
  31. package/dist/{chunk-MEOOAMH2.cjs → chunk-EOXYOOWS.cjs} +4 -4
  32. package/dist/{chunk-MEOOAMH2.cjs.map → chunk-EOXYOOWS.cjs.map} +1 -1
  33. package/dist/{chunk-YII3IXF4.cjs → chunk-FG2CI6HA.cjs} +4 -4
  34. package/dist/{chunk-YII3IXF4.cjs.map → chunk-FG2CI6HA.cjs.map} +1 -1
  35. package/dist/chunk-HDQ2JUQT.cjs +24 -0
  36. package/dist/chunk-HDQ2JUQT.cjs.map +1 -0
  37. package/dist/{chunk-MBUCXIUN.cjs → chunk-MHPK7YQ2.cjs} +4 -4
  38. package/dist/{chunk-MBUCXIUN.cjs.map → chunk-MHPK7YQ2.cjs.map} +1 -1
  39. package/dist/{chunk-2AWTZV3T.js → chunk-QZMWG7EM.js} +3 -3
  40. package/dist/{chunk-2AWTZV3T.js.map → chunk-QZMWG7EM.js.map} +1 -1
  41. package/dist/chunk-RS4OSTES.js +14 -0
  42. package/dist/chunk-RS4OSTES.js.map +1 -0
  43. package/dist/chunk-V3IMQZIG.cjs +1942 -0
  44. package/dist/chunk-V3IMQZIG.cjs.map +1 -0
  45. package/dist/{chunk-PZIHCYDD.js → chunk-WFPYEYC7.js} +3 -3
  46. package/dist/{chunk-PZIHCYDD.js.map → chunk-WFPYEYC7.js.map} +1 -1
  47. package/dist/{chunk-CXRJSGO6.js → chunk-WMBD65GH.js} +3 -3
  48. package/dist/{chunk-CXRJSGO6.js.map → chunk-WMBD65GH.js.map} +1 -1
  49. package/dist/index.cjs +1596 -1212
  50. package/dist/index.cjs.map +1 -1
  51. package/dist/index.d.cts +2596 -0
  52. package/dist/index.d.ts +2596 -0
  53. package/dist/index.js +1256 -1011
  54. package/dist/index.js.map +1 -1
  55. package/package.json +27 -8
  56. package/dist/ContactsScreen-BYXF74BO.js +0 -4
  57. package/dist/ContactsScreen-XZOQJVFE.cjs +0 -17
  58. package/dist/CustomersScreen-53SXRDDK.cjs +0 -17
  59. package/dist/CustomersScreen-VS6LGULO.js +0 -4
  60. package/dist/MessagingScreen-O42JEJMW.js +0 -4
  61. package/dist/MessagingScreen-UCVLYWZB.cjs +0 -17
  62. package/dist/OrdersScreen-QQJFTTSS.js +0 -4
  63. package/dist/OrdersScreen-WNT2WDLI.cjs +0 -17
  64. package/dist/ProductsScreen-CTIAKS3Z.cjs +0 -17
  65. package/dist/ProductsScreen-TRIT2FE3.js +0 -4
  66. package/dist/chunk-DEQ3PBVX.cjs +0 -29
  67. package/dist/chunk-DEQ3PBVX.cjs.map +0 -1
  68. package/dist/chunk-JZRNKSKT.cjs +0 -19
  69. package/dist/chunk-JZRNKSKT.cjs.map +0 -1
  70. package/dist/chunk-LO2HDG6C.js +0 -26
  71. package/dist/chunk-LO2HDG6C.js.map +0 -1
  72. package/dist/chunk-PJWPO4BJ.js +0 -16
  73. 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 chunkJZRNKSKT_cjs = require('./chunk-JZRNKSKT.cjs');
4
- var chunkMEOOAMH2_cjs = require('./chunk-MEOOAMH2.cjs');
5
- var chunkYII3IXF4_cjs = require('./chunk-YII3IXF4.cjs');
6
- var chunkMBUCXIUN_cjs = require('./chunk-MBUCXIUN.cjs');
7
- var chunkQUVJ3R4T_cjs = require('./chunk-QUVJ3R4T.cjs');
8
- var chunkDEQ3PBVX_cjs = require('./chunk-DEQ3PBVX.cjs');
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 jose = require('jose');
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
- function _interopNamespace(e) {
20
- if (e && e.__esModule) return e;
21
- var n = Object.create(null);
22
- if (e) {
23
- Object.keys(e).forEach(function (k) {
24
- if (k !== 'default') {
25
- var d = Object.getOwnPropertyDescriptor(e, k);
26
- Object.defineProperty(n, k, d.get ? d : {
27
- enumerable: true,
28
- get: function () { return e[k]; }
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 getCorePageTemplates() {
1165
- return PageTemplateRegistry.listCore();
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 getOptionalPageTemplates() {
1168
- return PageTemplateRegistry.listOptional();
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 validateNavigationPages(navigation) {
1171
- const corePages = PageTemplateRegistry.listCore();
1172
- const referencedTemplateIds = new Set(
1173
- navigation.page_refs?.map((ref) => ref.page_template_id) ?? []
1174
- );
1175
- const missingCorePages = corePages.filter((page) => !referencedTemplateIds.has(page.id)).map((page) => page.id);
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 EMPTY_TEMPLATES = [];
1182
- var PageTemplateContext = react.createContext(
1183
- null
1184
- );
1185
- function PageTemplateProvider({
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
- PageTemplateRegistry.register(template);
1197
- registered.push(template.id);
1198
- } catch (error) {
1199
- console.warn(
1200
- `Failed to register page template "${template.id}":`,
1201
- error
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
- registeredIds.current = registered;
1207
- return () => {
1208
- for (const id of registeredIds.current) {
1209
- PageTemplateRegistry.unregister(id);
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
- registeredIds.current = [];
1212
- };
1213
- }, [templateKey]);
1214
- const contextValue = react.useMemo(
1215
- () => ({
1216
- resolvePages: resolveNavigationPages,
1217
- listTemplates: () => PageTemplateRegistry.listAll(),
1218
- getTemplate: (id) => PageTemplateRegistry.get(id),
1219
- hasTemplate: (id) => PageTemplateRegistry.has(id)
1220
- }),
1221
- []
1222
- );
1223
- return /* @__PURE__ */ jsxRuntime.jsx(PageTemplateContext.Provider, { value: contextValue, children });
1224
- }
1225
- function usePageTemplates() {
1226
- const context = react.useContext(PageTemplateContext);
1227
- if (!context) {
1228
- throw new Error(
1229
- "usePageTemplates must be used within a PageTemplateProvider"
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
- return context;
1233
- }
1234
- function useResolvedPages(navigation) {
1235
- const { resolvePages } = usePageTemplates();
1236
- return react.useMemo(() => resolvePages(navigation), [resolvePages, navigation]);
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-api.ts
1240
- function useFluidApi() {
1241
- const { client } = useFluidContext();
1242
- return client;
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: PROFILE_QUERY_KEY,
1249
- queryFn: () => api.profile.get()
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: currentTheme?.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-UCVLYWZB.cjs').then((m) => m.messagingScreenPropertySchema),
2042
- ContactsScreen: () => import('./ContactsScreen-XZOQJVFE.cjs').then((m) => m.contactsScreenPropertySchema),
2043
- OrdersScreen: () => import('./OrdersScreen-WNT2WDLI.cjs').then((m) => m.ordersScreenPropertySchema),
2044
- CustomersScreen: () => import('./CustomersScreen-53SXRDDK.cjs').then((m) => m.customersScreenPropertySchema),
2045
- ProductsScreen: () => import('./ProductsScreen-CTIAKS3Z.cjs').then((m) => m.productsScreenPropertySchema)
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
- defaultProps: {}
2072
- });
2073
- PageTemplateRegistry.register({
2074
- id: CORE_PAGE_IDS.CONTACTS,
2075
- slug: "contacts",
2076
- name: "Contacts",
2077
- description: "Contact management provided by Fluid Commerce",
2078
- category: PAGE_CATEGORIES.CORE,
2079
- tags: ["contacts", "people", "address-book"],
2080
- version: "1.0.0",
2081
- isCore: true,
2082
- component_tree: [
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
- type: "ContactsScreen",
2085
- id: "contacts-screen-root",
2086
- props: {}
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
- defaultProps: {}
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
- type: "OrdersScreen",
2103
- id: "orders-screen-root",
2104
- props: {}
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
- defaultProps: {}
2108
- });
2109
- PageTemplateRegistry.register({
2110
- id: CORE_PAGE_IDS.CUSTOMERS,
2111
- slug: "customers",
2112
- name: "Customers",
2113
- description: "Customer management provided by Fluid Commerce",
2114
- category: PAGE_CATEGORIES.CORE,
2115
- tags: ["customers", "people", "commerce"],
2116
- version: "1.0.0",
2117
- isCore: true,
2118
- component_tree: [
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: "CustomersScreen",
2121
- id: "customers-screen-root",
2122
- props: {}
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
- defaultProps: {}
2126
- });
2127
- PageTemplateRegistry.register({
2128
- id: CORE_PAGE_IDS.PRODUCTS,
2129
- slug: "products",
2130
- name: "Products",
2131
- description: "Product catalog provided by Fluid Commerce",
2132
- category: PAGE_CATEGORIES.CORE,
2133
- tags: ["products", "catalog", "commerce"],
2134
- version: "1.0.0",
2135
- isCore: true,
2136
- component_tree: [
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: "ProductsScreen",
2139
- id: "products-screen-root",
2140
- props: {}
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
- defaultProps: {}
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
- registerCorePageTemplates();
2147
- var export_BUILT_IN_THEMES = themes_exports.BUILT_IN_THEMES;
2148
- var export_CORE_COLOR_KEYS = themes_exports.CORE_COLOR_KEYS;
2149
- var export_DEFAULT_CORE_COLORS = themes_exports.DEFAULT_CORE_COLORS;
2150
- var export_catppuccinMocha = themes_exports.catppuccinMocha;
2151
- var export_clampChroma = themes_exports.clampChroma;
2152
- var export_defaultTheme = themes_exports.defaultTheme;
2153
- var export_detectThemeMode = themes_exports.detectThemeMode;
2154
- var export_dracula = themes_exports.dracula;
2155
- var export_everforest = themes_exports.everforest;
2156
- var export_generateColorSwatches = themes_exports.generateColorSwatches;
2157
- var export_generateDualTheme = themes_exports.generateDualTheme;
2158
- var export_generateSmartDualTheme = themes_exports.generateSmartDualTheme;
2159
- var export_generateTheme = themes_exports.generateTheme;
2160
- var export_generateThemeCssVars = themes_exports.generateThemeCssVars;
2161
- var export_gruvbox = themes_exports.gruvbox;
2162
- var export_mod = themes_exports.mod;
2163
- var export_monokai = themes_exports.monokai;
2164
- var export_nord = themes_exports.nord;
2165
- var export_oklchString = themes_exports.oklchString;
2166
- var export_parseOklch = themes_exports.parseOklch;
2167
- var export_rosePine = themes_exports.rosePine;
2168
- var export_rotateHue = themes_exports.rotateHue;
2169
- var export_rotateSoft = themes_exports.rotateSoft;
2170
- var export_solarized = themes_exports.solarized;
2171
- var export_toDarkMode = themes_exports.toDarkMode;
2172
- var export_toLightMode = themes_exports.toLightMode;
2173
- var export_tokyoNight = themes_exports.tokyoNight;
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 chunkJZRNKSKT_cjs.MessagingScreen; }
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 chunkJZRNKSKT_cjs.messagingScreenPropertySchema; }
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 chunkMEOOAMH2_cjs.ContactsScreen; }
2576
+ get: function () { return chunkEOXYOOWS_cjs.ContactsScreen; }
2186
2577
  });
2187
2578
  Object.defineProperty(exports, "contactsScreenPropertySchema", {
2188
2579
  enumerable: true,
2189
- get: function () { return chunkMEOOAMH2_cjs.contactsScreenPropertySchema; }
2580
+ get: function () { return chunkEOXYOOWS_cjs.contactsScreenPropertySchema; }
2190
2581
  });
2191
2582
  Object.defineProperty(exports, "OrdersScreen", {
2192
2583
  enumerable: true,
2193
- get: function () { return chunkYII3IXF4_cjs.OrdersScreen; }
2584
+ get: function () { return chunkFG2CI6HA_cjs.OrdersScreen; }
2194
2585
  });
2195
2586
  Object.defineProperty(exports, "ordersScreenPropertySchema", {
2196
2587
  enumerable: true,
2197
- get: function () { return chunkYII3IXF4_cjs.ordersScreenPropertySchema; }
2588
+ get: function () { return chunkFG2CI6HA_cjs.ordersScreenPropertySchema; }
2198
2589
  });
2199
2590
  Object.defineProperty(exports, "CustomersScreen", {
2200
2591
  enumerable: true,
2201
- get: function () { return chunkMBUCXIUN_cjs.CustomersScreen; }
2592
+ get: function () { return chunkMHPK7YQ2_cjs.CustomersScreen; }
2202
2593
  });
2203
2594
  Object.defineProperty(exports, "customersScreenPropertySchema", {
2204
2595
  enumerable: true,
2205
- get: function () { return chunkMBUCXIUN_cjs.customersScreenPropertySchema; }
2596
+ get: function () { return chunkMHPK7YQ2_cjs.customersScreenPropertySchema; }
2206
2597
  });
2207
2598
  Object.defineProperty(exports, "ProductsScreen", {
2208
2599
  enumerable: true,
2209
- get: function () { return chunkQUVJ3R4T_cjs.ProductsScreen; }
2600
+ get: function () { return chunk5UBEM3AX_cjs.ProductsScreen; }
2210
2601
  });
2211
2602
  Object.defineProperty(exports, "productsScreenPropertySchema", {
2212
2603
  enumerable: true,
2213
- get: function () { return chunkQUVJ3R4T_cjs.productsScreenPropertySchema; }
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.AUTH_CONSTANTS = AUTH_CONSTANTS;
2425
- exports.ApiError = ApiError;
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.BUILT_IN_THEMES = export_BUILT_IN_THEMES;
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.DEFAULT_AUTH_URL = DEFAULT_AUTH_URL;
2433
- exports.DEFAULT_CORE_COLORS = export_DEFAULT_CORE_COLORS;
2434
- exports.FluidAuthProvider = FluidAuthProvider;
2435
- exports.FluidProvider = FluidProvider;
2436
- exports.FluidThemeProvider = FluidThemeProvider;
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.STORAGE_KEYS = STORAGE_KEYS;
2444
- exports.URL_PARAMS = URL_PARAMS;
2445
- exports.USER_TYPES = USER_TYPES;
2446
- exports.catppuccinMocha = export_catppuccinMocha;
2447
- exports.clampChroma = export_clampChroma;
2448
- exports.cleanTokenFromUrl = cleanTokenFromUrl;
2449
- exports.clearTokens = clearTokens;
2450
- exports.createDefaultAuthRedirect = createDefaultAuthRedirect;
2451
- exports.createFluidClient = createFluidClient;
2452
- exports.decodeToken = decodeToken;
2453
- exports.defaultTheme = export_defaultTheme;
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.isTokenExpired = isTokenExpired;
2483
- exports.isUserType = isUserType;
2484
- exports.isValidToken = isValidToken;
2485
- exports.mod = export_mod;
2486
- exports.monokai = export_monokai;
2487
- exports.nord = export_nord;
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.rosePine = export_rosePine;
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.solarized = export_solarized;
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.useFluidApi = useFluidApi;
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