@superblocksteam/library 2.0.177 → 2.0.178-next.0

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 (31) hide show
  1. package/dist/build-manifest-tU0L2vSJ.js +5 -0
  2. package/dist/{build-manifest-BQAcrmit.js.map → build-manifest-tU0L2vSJ.js.map} +1 -1
  3. package/dist/{devtools-consolidated-C5sXwPGD.js → devtools-consolidated-DLnb73OV.js} +3 -5
  4. package/dist/{devtools-consolidated-C5sXwPGD.js.map → devtools-consolidated-DLnb73OV.js.map} +1 -1
  5. package/dist/{early-console-buffer-DMR1SCsN.js → early-console-buffer-B88uX-DV.js} +4 -5
  6. package/dist/{early-console-buffer-DMR1SCsN.js.map → early-console-buffer-B88uX-DV.js.map} +1 -1
  7. package/dist/jsx-dev-runtime/index.d.ts +2 -7
  8. package/dist/jsx-dev-runtime/index.d.ts.map +1 -1
  9. package/dist/jsx-dev-runtime/index.js +3 -6
  10. package/dist/jsx-dev-runtime/index.js.map +1 -1
  11. package/dist/jsx-runtime/index.d.ts +3 -6
  12. package/dist/jsx-runtime/index.d.ts.map +1 -1
  13. package/dist/jsx-runtime/index.js +1 -2
  14. package/dist/{root-store-G9HJE1Mf.js → jsx-wrapper-BAO7prWO.js} +771 -107
  15. package/dist/jsx-wrapper-BAO7prWO.js.map +1 -0
  16. package/dist/lib/index.d.ts +73 -180
  17. package/dist/lib/index.d.ts.map +1 -1
  18. package/dist/lib/index.js +311 -378
  19. package/dist/lib/index.js.map +1 -1
  20. package/dist/{logs-CUUgkcJf.js → logs-rwNn0yg7.js} +13 -13
  21. package/dist/{logs-CUUgkcJf.js.map → logs-rwNn0yg7.js.map} +1 -1
  22. package/dist/{sdk-api-discovery-_lfMr9d5.js → sdk-api-discovery-CtyMcIGP.js} +8 -12
  23. package/dist/{sdk-api-discovery-_lfMr9d5.js.map → sdk-api-discovery-CtyMcIGP.js.map} +1 -1
  24. package/package.json +22 -24
  25. package/dist/build-manifest-BQAcrmit.js +0 -6
  26. package/dist/jsx-wrapper-B0I9j3Al.js +0 -639
  27. package/dist/jsx-wrapper-B0I9j3Al.js.map +0 -1
  28. package/dist/rolldown-runtime-CiIaOW0V.js +0 -13
  29. package/dist/root-store-G9HJE1Mf.js.map +0 -1
  30. package/dist/utils-DXaAwgS_.js +0 -61
  31. package/dist/utils-DXaAwgS_.js.map +0 -1
package/dist/lib/index.js CHANGED
@@ -1,16 +1,13 @@
1
- import { n as consoleLogAttributes, t as LibraryEarlyConsoleBuffer } from "../early-console-buffer-DMR1SCsN.js";
2
- import { C as getParentOrigin, D as isEditMode, E as sendMessageImmediately, S as getEditStore, T as isEmbeddedBySuperblocksFirstParty, _ as generateId, a as tracker, b as editorBridge, c as resolveById, d as useSuperblocksContext, f as useSuperblocksDataTags, g as embedStore, h as useSuperblocksUser, i as getContextFromTraceHeaders, l as SuperblocksContextProvider, m as useSuperblocksProfiles, n as root_store_default, o as addNewPromise, p as useSuperblocksGroups, r as createIframeSpan, s as rejectById, t as ORCHESTRATOR_EXECUTE_RESPONSE_SIZE_LIMIT_FLAG, u as getAppMode, v as sendNotification, w as iframeMessageHandler, x as markLoad, y as colors } from "../root-store-G9HJE1Mf.js";
3
- import { n as initTracerProviderWithOrigin } from "../utils-DXaAwgS_.js";
4
- import { r as updateSdkApiSourceCode, t as discoverAndRegisterSdkApis } from "../sdk-api-discovery-_lfMr9d5.js";
5
- import { a as FixWithClarkButton, c as ErrorContent, d as ErrorMessage$1, f as ErrorStack, g as StyledClarkIcon, h as SecondaryButton, i as getWidgetRectAnchorName, l as ErrorDetails, m as ErrorTitle, n as useJSXContext, o as ActionsContainer, p as ErrorSummary, r as getWidgetAnchorName, s as ErrorContainer, u as ErrorIconContainer } from "../jsx-wrapper-B0I9j3Al.js";
1
+ import { A as useSuperblocksDataTags, B as getEditStore, C as tracker, D as SuperblocksContextProvider, E as resolveById, F as generateId, G as isEditMode, H as iframeMessageHandler, I as sendNotification, L as colors, M as useSuperblocksProfiles, N as useSuperblocksUser, O as getAppMode, P as embedStore, R as editorBridge, T as rejectById, U as isEmbeddedBySuperblocksFirstParty, V as getParentOrigin, W as sendMessageImmediately, _ as ORCHESTRATOR_EXECUTE_RESPONSE_SIZE_LIMIT_FLAG, a as FixWithClarkButton, b as getContextFromTraceHeaders, c as ErrorContent, d as ErrorMessage$1, f as ErrorStack, g as StyledClarkIcon, h as SecondaryButton, i as getWidgetRectAnchorName, j as useSuperblocksGroups, k as useSuperblocksContext, l as ErrorDetails, m as ErrorTitle, n as useJSXContext, o as ActionsContainer, p as ErrorSummary, r as getWidgetAnchorName, s as ErrorContainer, u as ErrorIconContainer, v as root_store_default, w as addNewPromise, x as initTracerProviderWithOrigin, y as createIframeSpan, z as markLoad } from "../jsx-wrapper-BAO7prWO.js";
2
+ import { n as consoleLogAttributes, t as LibraryEarlyConsoleBuffer } from "../early-console-buffer-B88uX-DV.js";
3
+ import { r as updateSdkApiSourceCode, t as discoverAndRegisterSdkApis } from "../sdk-api-discovery-CtyMcIGP.js";
6
4
  import { PropsCategory } from "@superblocksteam/library-shared/props";
7
5
  import { action, computed, makeAutoObservable, makeObservable, observable, reaction, when } from "mobx";
8
6
  import { UNSAFE_DataRouterContext, generatePath, useLocation, useNavigate, useParams, useRouteError } from "react-router";
9
7
  import { NATIVE_COMPONENT_TYPES, NO_SELECT_ATTRIBUTE, Property, SELECTOR_ID_ATTRIBUTE, SOURCE_ID_ATTRIBUTE, URL_PARAMS, getBindingIdentifier, getDevServerAuthorizationRejectionReason, hasCompactJwtShape } from "@superblocksteam/library-shared";
10
8
  import * as React$1 from "react";
11
9
  import React, { Suspense, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
12
- import { isEqual } from "lodash";
13
- import { ISocketWithClientAuth, OBS_TAG_APPLICATION_ID, connectWebSocket, createISocketClient } from "@superblocksteam/shared";
10
+ import { ISocketWithClientAuth, connectWebSocket, createISocketClient } from "@superblocksteam/shared";
14
11
  import styled from "styled-components";
15
12
  import { AiContextMode, AiGenerationState, ViteMessageKind, normalizeInteractionMode } from "@superblocksteam/library-shared/types";
16
13
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -18,13 +15,12 @@ import { metrics, trace } from "@opentelemetry/api";
18
15
  import { Observer, observer } from "mobx-react-lite";
19
16
  import useSWR, { mutate } from "swr";
20
17
  import * as Dialog from "@radix-ui/react-dialog";
21
- import posthog from "posthog-js";
18
+ import equal from "@superblocksteam/fast-deep-equal/es6";
22
19
  import { Graph } from "@dagrejs/graphlib";
23
20
  import { useHotkeys } from "react-hotkeys-hook";
24
21
  import ReactDOM from "react-dom";
25
- import equal from "@superblocksteam/fast-deep-equal/es6/index.js";
26
22
  import { compile, middleware, prefixer, serialize, stringify } from "stylis";
27
- //#region src/lib/tracing/dynamic-import-errors.ts
23
+ // src/lib/tracing/dynamic-import-errors.ts
28
24
  /**
29
25
  * Diagnostics for transient dynamic `import()` failures in the rendered app.
30
26
  *
@@ -239,9 +235,9 @@ function installDynamicImportErrorReporter(options = {}) {
239
235
  win.removeEventListener("error", onError);
240
236
  };
241
237
  }
242
- //#endregion
243
- //#region src/lib/user-facing/properties-panel/props-builder.ts
238
+ // src/lib/user-facing/properties-panel/props-builder.ts
244
239
  var Section = class Section {
240
+ category;
245
241
  props = {};
246
242
  propertiesPanelConfig = {};
247
243
  constructor(category) {
@@ -528,10 +524,13 @@ function traverseProps(sections, onProp, parentPath = "") {
528
524
  props: prop.shared,
529
525
  parentPath: fullPath
530
526
  });
531
- for (const variant of prop.variants) processProps({
532
- props: Object.fromEntries(Object.entries(variant).filter(([key]) => !sharedKeys.includes(key))),
533
- parentPath: fullPath
534
- });
527
+ for (const variant of prop.variants) {
528
+ const variantWithoutSharedKeys = Object.fromEntries(Object.entries(variant).filter(([key]) => !sharedKeys.includes(key)));
529
+ processProps({
530
+ props: variantWithoutSharedKeys,
531
+ parentPath: fullPath
532
+ });
533
+ }
535
534
  } else if (prop instanceof Prop) onProp(prop, fullPath, name, parentDefault);
536
535
  else console.warn("Invalid prop type", {
537
536
  name,
@@ -557,8 +556,7 @@ function createManagedPropsList(sections, parentPath = "") {
557
556
  }, parentPath);
558
557
  return managedPropsList;
559
558
  }
560
- //#endregion
561
- //#region src/lib/internal-details/sb-wrapper.tsx
559
+ // src/lib/internal-details/sb-wrapper.tsx
562
560
  /**
563
561
  * Register a component to be used with the framework.
564
562
  *
@@ -593,8 +591,7 @@ const registerComponentInternal = (Component, propertiesDefinition) => {
593
591
  };
594
592
  return chainableComponent;
595
593
  };
596
- //#endregion
597
- //#region src/lib/user-facing/components/custom/register-custom-component.tsx
594
+ // src/lib/user-facing/components/custom/register-custom-component.tsx
598
595
  /**
599
596
  * Registers a custom React component or HTML element with Superblocks.
600
597
  *
@@ -644,8 +641,7 @@ function registerComponent(component, propertiesDefinition) {
644
641
  }
645
642
  return registerComponentInternal(component, sections);
646
643
  }
647
- //#endregion
648
- //#region src/lib/user-facing/components/html/html-property-panels.ts
644
+ // src/lib/user-facing/components/html/html-property-panels.ts
649
645
  const htmlTagSectionsTemplate = (params) => {
650
646
  const sections = {};
651
647
  if (params.hasChildren) sections.contentSection = Section.category(PropsCategory.Content).children({ children: Prop.jsx() });
@@ -657,8 +653,7 @@ const htmlTagSectionsTemplateForTypography = () => {
657
653
  const htmlTagSectionsTemplateForContainers = () => {
658
654
  return htmlTagSectionsTemplate({ hasChildren: true });
659
655
  };
660
- //#endregion
661
- //#region src/lib/user-facing/components/html/register-html-elements.ts
656
+ // src/lib/user-facing/components/html/register-html-elements.ts
662
657
  /**
663
658
  * Register all common HTML elements with default properties panels.
664
659
  * This enables all standard HTML elements to work seamlessly in the Superblocks editor
@@ -778,13 +773,12 @@ function registerHtmlElements() {
778
773
  registerComponent("link", htmlTagSectionsTemplate({ hasChildren: false }));
779
774
  registerComponent("meta", htmlTagSectionsTemplate({ hasChildren: false }));
780
775
  }
781
- //#endregion
782
- //#region src/lib/internal-details/lib/jwt-utils.ts
776
+ // src/lib/internal-details/lib/jwt-utils.ts
783
777
  /**
784
778
  * Known claim keys that are standard or Superblocks-specific.
785
779
  * These are excluded from customClaims to avoid duplication.
786
780
  */
787
- const KNOWN_CLAIM_KEYS = new Set([
781
+ const KNOWN_CLAIM_KEYS = /* @__PURE__ */ new Set([
788
782
  "sub",
789
783
  "email",
790
784
  "user_email",
@@ -873,8 +867,7 @@ function extractSdkUserFromJwt(token) {
873
867
  if (!claims) return null;
874
868
  return extractSdkUserFromClaims(claims);
875
869
  }
876
- //#endregion
877
- //#region src/lib/internal-details/handle-bootstrap-response.ts
870
+ // src/lib/internal-details/handle-bootstrap-response.ts
878
871
  const handleBootstrapResponse = (event) => {
879
872
  root_store_default.applicationId = event.data.payload.appId;
880
873
  root_store_default.userId = event.data.payload.userId;
@@ -898,10 +891,11 @@ const handleBootstrapResponse = (event) => {
898
891
  if (event.data.payload.branchName) root_store_default.setBranchName(event.data.payload.branchName);
899
892
  if (event.data.payload.commitId) root_store_default.setCommitId(event.data.payload.commitId);
900
893
  root_store_default.apis.notifyBootstrapComplete();
901
- root_store_default.windowOriginUrl = event.data.payload.logContext?.superblocks_window_origin_url;
902
- if (root_store_default.windowOriginUrl) import("../utils-DXaAwgS_.js").then((n) => n.r).then(({ initTracerProviderWithOrigin }) => {
894
+ const windowOriginUrl = event.data.payload.logContext?.superblocks_window_origin_url;
895
+ root_store_default.windowOriginUrl = windowOriginUrl;
896
+ if (root_store_default.windowOriginUrl) import("../jsx-wrapper-BAO7prWO.js").then((n) => n.S).then(({ initTracerProviderWithOrigin }) => {
903
897
  initTracerProviderWithOrigin(root_store_default.windowOriginUrl);
904
- import("../logs-CUUgkcJf.js").then(({ initLibraryLoggerProvider }) => {
898
+ import("../logs-rwNn0yg7.js").then(({ initLibraryLoggerProvider }) => {
905
899
  initLibraryLoggerProvider({
906
900
  windowOriginUrl: root_store_default.windowOriginUrl,
907
901
  appId: event.data.payload.appId,
@@ -914,8 +908,7 @@ const handleBootstrapResponse = (event) => {
914
908
  });
915
909
  });
916
910
  };
917
- //#endregion
918
- //#region src/lib/internal-details/internal-components/spinner.tsx
911
+ // src/lib/internal-details/internal-components/spinner.tsx
919
912
  const Spinner = styled.span`
920
913
  width: 50px;
921
914
  height: 50px;
@@ -948,8 +941,7 @@ const FullPageSpinner = () => {
948
941
  children: /* @__PURE__ */ jsx(Spinner, {})
949
942
  });
950
943
  };
951
- //#endregion
952
- //#region src/lib/internal-details/lib/features/injected-features.ts
944
+ // src/lib/internal-details/lib/features/injected-features.ts
953
945
  function useGetCurrentUserQuery() {
954
946
  return useMemo(() => {
955
947
  return {
@@ -958,8 +950,7 @@ function useGetCurrentUserQuery() {
958
950
  };
959
951
  }, []);
960
952
  }
961
- //#endregion
962
- //#region src/lib/internal-details/query-cache.ts
953
+ // src/lib/internal-details/query-cache.ts
963
954
  /**
964
955
  * query-cache — thin SWR-backed QueryClient.
965
956
  *
@@ -985,7 +976,8 @@ const dataUpdatedAtByKey = /* @__PURE__ */ new Map();
985
976
  * the same key.
986
977
  */
987
978
  function buildCacheKey(apiName, inputs) {
988
- return `${apiName}${KEY_SEPARATOR}${JSON.stringify(Object.entries(inputs).sort(([a], [b]) => a.localeCompare(b)))}`;
979
+ const fingerprint = JSON.stringify(Object.entries(inputs).sort(([a], [b]) => a.localeCompare(b)));
980
+ return `${apiName}${KEY_SEPARATOR}${fingerprint}`;
989
981
  }
990
982
  var QueryClient = class {
991
983
  buildCacheKey = buildCacheKey;
@@ -1014,8 +1006,7 @@ var QueryClient = class {
1014
1006
  } };
1015
1007
  };
1016
1008
  const queryClient = new QueryClient();
1017
- //#endregion
1018
- //#region src/lib/internal-details/execute-api.ts
1009
+ // src/lib/internal-details/execute-api.ts
1019
1010
  /**
1020
1011
  * execute-api — framework-agnostic API execution function.
1021
1012
  *
@@ -1187,8 +1178,7 @@ async function executeApi(apiName, inputs, options) {
1187
1178
  function createTypedExecuteApi() {
1188
1179
  return executeApi;
1189
1180
  }
1190
- //#endregion
1191
- //#region src/lib/internal-details/use-api-data.ts
1181
+ // src/lib/internal-details/use-api-data.ts
1192
1182
  /**
1193
1183
  * useApiData — declarative data-fetching hook backed by SWR.
1194
1184
  *
@@ -1316,8 +1306,7 @@ function useApiData(apiName, inputs, options = {}) {
1316
1306
  function useTypedApiData() {
1317
1307
  return useApiData;
1318
1308
  }
1319
- //#endregion
1320
- //#region src/lib/internal-details/use-api.ts
1309
+ // src/lib/internal-details/use-api.ts
1321
1310
  /**
1322
1311
  * Unified API hook module.
1323
1312
  *
@@ -1594,8 +1583,7 @@ function useApi(apiName, inputs) {
1594
1583
  function useTypedApi() {
1595
1584
  return useApi;
1596
1585
  }
1597
- //#endregion
1598
- //#region src/lib/internal-details/use-embed-message-listeners.ts
1586
+ // src/lib/internal-details/use-embed-message-listeners.ts
1599
1587
  /**
1600
1588
  * Normalizes a hash to match `window.location.hash` semantics: empty when
1601
1589
  * absent, otherwise prefixed with `#`. React Router accepts a bare hash but
@@ -1653,8 +1641,7 @@ function useEmbedMessageListeners(navigate, superblocksContext) {
1653
1641
  };
1654
1642
  }, [navigate, superblocksContext]);
1655
1643
  }
1656
- //#endregion
1657
- //#region src/lib/internal-details/utils/link-modifiers-interceptor.ts
1644
+ // src/lib/internal-details/utils/link-modifiers-interceptor.ts
1658
1645
  /**
1659
1646
  * Intercepts navigation attempts on local links inside an iframe to open them
1660
1647
  * in a new tab using the parent URL. Handles:
@@ -1838,8 +1825,7 @@ function linkModifierInterceptor({ isEmbedMode = false, appMode } = {}) {
1838
1825
  hoverCleanup?.();
1839
1826
  };
1840
1827
  }
1841
- //#endregion
1842
- //#region src/edit-mode/bootstrap-authorization.ts
1828
+ // src/edit-mode/bootstrap-authorization.ts
1843
1829
  function getBootstrapDevServerAuthorization(payload) {
1844
1830
  if ("devServerAuthorization" in payload) return payload.devServerAuthorization ?? void 0;
1845
1831
  return payload.accessToken ? `Bearer ${payload.accessToken}` : void 0;
@@ -1847,8 +1833,7 @@ function getBootstrapDevServerAuthorization(payload) {
1847
1833
  function isLegacyBootstrapAuthorization(payload) {
1848
1834
  return !("devServerAuthorization" in payload) && payload.accessToken !== void 0;
1849
1835
  }
1850
- //#endregion
1851
- //#region src/edit-mode/build-error-notification.tsx
1836
+ // src/edit-mode/build-error-notification.tsx
1852
1837
  const ModalOverlay = styled(Dialog.Overlay)`
1853
1838
  position: fixed;
1854
1839
  inset: 0;
@@ -2017,7 +2002,7 @@ const BuildErrorNotification = observer(function BuildErrorNotification() {
2017
2002
  }
2018
2003
  }, []);
2019
2004
  useEffect(() => {
2020
- if (currentError && !isEqual(lastBuildError.current, currentError)) {
2005
+ if (currentError && !equal(lastBuildError.current, currentError)) {
2021
2006
  setIsModalOpen(true);
2022
2007
  lastBuildError.current = currentError;
2023
2008
  editorBridge.sendLoadError(currentError.error, "build_overlay");
@@ -2089,8 +2074,7 @@ function BuildErrorModal({ isOpen, error, onClose }) {
2089
2074
  })] })
2090
2075
  });
2091
2076
  }
2092
- //#endregion
2093
- //#region src/edit-mode/dev-server-token-delivery.ts
2077
+ // src/edit-mode/dev-server-token-delivery.ts
2094
2078
  /**
2095
2079
  * Socket identity and pod TokenManager delivery are different stores.
2096
2080
  * `updateAuthorization` only reports whether the iframe socket changed;
@@ -2129,9 +2113,9 @@ function createDevServerTokenDelivery() {
2129
2113
  }
2130
2114
  };
2131
2115
  }
2132
- //#endregion
2133
- //#region src/edit-mode/features/ai-store.ts
2116
+ // src/edit-mode/features/ai-store.ts
2134
2117
  var AiManager = class {
2118
+ runtimeTrackingStore;
2135
2119
  _isTaggingEnabled = true;
2136
2120
  _isEditing = false;
2137
2121
  _editingComponents = [];
@@ -2258,8 +2242,7 @@ var AiManager = class {
2258
2242
  this._targetedSelectors = this._targetedSelectors.filter((selectorId) => !allSelectorIds.has(selectorId));
2259
2243
  }
2260
2244
  };
2261
- //#endregion
2262
- //#region src/edit-mode/features/connection-manager.ts
2245
+ // src/edit-mode/features/connection-manager.ts
2263
2246
  var ConnectionManager = class {
2264
2247
  connectionStatus = "pre-init";
2265
2248
  constructor() {
@@ -2275,8 +2258,7 @@ var ConnectionManager = class {
2275
2258
  this.connectionStatus = "disconnected";
2276
2259
  }
2277
2260
  };
2278
- //#endregion
2279
- //#region src/edit-mode/async-socket.ts
2261
+ // src/edit-mode/async-socket.ts
2280
2262
  var AsyncSocket = class {
2281
2263
  socket;
2282
2264
  socketWaiters = [];
@@ -2301,8 +2283,7 @@ var AsyncSocket = class {
2301
2283
  return !!this.socket;
2302
2284
  }
2303
2285
  };
2304
- //#endregion
2305
- //#region src/edit-mode/authorization-metrics.ts
2286
+ // src/edit-mode/authorization-metrics.ts
2306
2287
  let devServerAuthorizationEvents;
2307
2288
  function recordDevServerAuthorizationEvent(event, attributes) {
2308
2289
  if (!devServerAuthorizationEvents) devServerAuthorizationEvents = metrics.getMeter("superblocks-library").createCounter("dev_server_authorization_events_total", { description: "Count of dev-server authorization compatibility, rejection, refresh, and retry-exhaustion events" });
@@ -2311,8 +2292,7 @@ function recordDevServerAuthorizationEvent(event, attributes) {
2311
2292
  ...attributes
2312
2293
  });
2313
2294
  }
2314
- //#endregion
2315
- //#region src/edit-mode/source-update-api.ts
2295
+ // src/edit-mode/source-update-api.ts
2316
2296
  const PING_INTERVAL_MS = 15e3;
2317
2297
  const AUTH_REFRESH_RESPONSE_TIMEOUT_MS = 6e4;
2318
2298
  const MAX_AUTH_REFRESH_ATTEMPTS = 3;
@@ -2379,6 +2359,7 @@ function isDevServerAuthorizationError(error) {
2379
2359
  return message.includes(INVALID_OR_EXPIRED_TOKEN_MESSAGE) || message.includes(INSUFFICIENT_TOKEN_SCOPE_MESSAGE);
2380
2360
  }
2381
2361
  var OperationAPI = class {
2362
+ serverUrl;
2382
2363
  retryAttempts = 0;
2383
2364
  retryWindowStartMs;
2384
2365
  authorizationRefreshApplicationId;
@@ -2673,8 +2654,10 @@ function startSocketHeartbeat(socket, isCurrentConnection, onAuthorizationFailur
2673
2654
  onAuthorizationSuccess();
2674
2655
  } catch (e) {
2675
2656
  console.warn("[internal] [OperationAPI] Ping library socket error", e);
2676
- if (isDevServerAuthorizationError(e)) if (!isCurrentConnection()) socket.close("Stale socket expired token");
2677
- else onAuthorizationFailure(e);
2657
+ if (isDevServerAuthorizationError(e)) {
2658
+ if (!isCurrentConnection()) socket.close("Stale socket expired token");
2659
+ else onAuthorizationFailure(e);
2660
+ }
2678
2661
  }
2679
2662
  loop();
2680
2663
  }, PING_INTERVAL_MS);
@@ -2709,7 +2692,8 @@ async function connectSocket(serverUrl, { socketPath, peerId, userId, applicatio
2709
2692
  }));
2710
2693
  try {
2711
2694
  let stopSocketHeartbeat;
2712
- const isocket = new ISocketWithClientAuth(await connectWebSocket(wsUrl.toString()), getAuthorization(), {
2695
+ const ws = await connectWebSocket(wsUrl.toString());
2696
+ const isocket = new ISocketWithClientAuth(ws, getAuthorization(), {
2713
2697
  nonVisualEdit: [async () => {
2714
2698
  getEditStore().ui.selectWidget(null);
2715
2699
  }],
@@ -2823,15 +2807,13 @@ async function connectSocket(serverUrl, { socketPath, peerId, userId, applicatio
2823
2807
  throw error;
2824
2808
  }
2825
2809
  }
2826
- //#endregion
2827
- //#region src/edit-mode/features/operation-store.ts
2810
+ // src/edit-mode/features/operation-store.ts
2828
2811
  var OperationManager = class {
2829
2812
  async ensureFilesSynced() {
2830
2813
  await source_update_api_default.ensureFilesSynced();
2831
2814
  }
2832
2815
  };
2833
- //#endregion
2834
- //#region src/edit-mode/runtime-graph/observable-graph.ts
2816
+ // src/edit-mode/runtime-graph/observable-graph.ts
2835
2817
  var ObservableGraph = class extends Graph {
2836
2818
  constructor(args) {
2837
2819
  super(args);
@@ -2865,8 +2847,7 @@ var ObservableGraph = class extends Graph {
2865
2847
  });
2866
2848
  }
2867
2849
  };
2868
- //#endregion
2869
- //#region src/edit-mode/runtime-graph/runtime-component-node.ts
2850
+ // src/edit-mode/runtime-graph/runtime-component-node.ts
2870
2851
  var RuntimeComponentNode = class {
2871
2852
  store;
2872
2853
  selectorId;
@@ -2908,9 +2889,9 @@ function getTypeString(type) {
2908
2889
  if (typeof type === "string") return type;
2909
2890
  return type.displayName || type.name || "Component";
2910
2891
  }
2911
- //#endregion
2912
- //#region src/edit-mode/features/runtime-tracking-store.ts
2892
+ // src/edit-mode/features/runtime-tracking-store.ts
2913
2893
  var RuntimeTrackingStore = class {
2894
+ editStore;
2914
2895
  constructor(editStore) {
2915
2896
  this.editStore = editStore;
2916
2897
  makeAutoObservable(this);
@@ -2975,8 +2956,10 @@ var RuntimeTrackingStore = class {
2975
2956
  return this.jsxNodes[selectorId]?.nearestSelectableAncestor;
2976
2957
  }
2977
2958
  setComponentDisabled(selectorId, disabled) {
2978
- if (this.jsxNodes[selectorId]) if (disabled) this.disabledComponents.add(selectorId);
2979
- else this.disabledComponents.delete(selectorId);
2959
+ if (this.jsxNodes[selectorId]) {
2960
+ if (disabled) this.disabledComponents.add(selectorId);
2961
+ else this.disabledComponents.delete(selectorId);
2962
+ }
2980
2963
  }
2981
2964
  getComponent(selectorId) {
2982
2965
  return this.jsxNodes[selectorId];
@@ -3034,17 +3017,20 @@ var RuntimeTrackingStore = class {
3034
3017
  while (current) {
3035
3018
  const component = this.jsxNodes[current];
3036
3019
  if (!component) break;
3037
- if (!component.isHtmlElement && component.firstRenderedTag === anchorSelectorId) if (component.isSbComponent) registeredMatch = current;
3038
- else nearestMatch ??= current;
3020
+ if (!component.isHtmlElement && component.firstRenderedTag === anchorSelectorId) {
3021
+ if (component.isSbComponent) registeredMatch = current;
3022
+ else nearestMatch ??= current;
3023
+ }
3039
3024
  current = this.graph.parent(current);
3040
3025
  }
3041
3026
  return registeredMatch ?? nearestMatch;
3042
3027
  }
3043
3028
  };
3044
- //#endregion
3045
- //#region src/edit-mode/features/ui-store.ts
3029
+ // src/edit-mode/features/ui-store.ts
3046
3030
  const MULTI_SELECT_ENABLED = false;
3047
3031
  var UIStore = class {
3032
+ root;
3033
+ editStore;
3048
3034
  _selectedSourceIds = [];
3049
3035
  _selectedSelectorIds = [];
3050
3036
  _focusedSelectorId = null;
@@ -3165,11 +3151,7 @@ var UIStore = class {
3165
3151
  if (selectorId) this.selectWidget(selectorId);
3166
3152
  }
3167
3153
  };
3168
- //#endregion
3169
- //#region src/edit-mode/edit-store.ts
3170
- const isSessionRecordingEnabled = () => {
3171
- return window._SB_ENABLE_SESSION_RECORDING ?? false;
3172
- };
3154
+ // src/edit-mode/edit-store.ts
3173
3155
  var EditStore = class {
3174
3156
  ui;
3175
3157
  operationManager;
@@ -3177,7 +3159,6 @@ var EditStore = class {
3177
3159
  connectionManager;
3178
3160
  ai;
3179
3161
  isInitialized = false;
3180
- recordingInitialized = false;
3181
3162
  interactionMode = "interactive";
3182
3163
  lastInteractionMode = "interactive";
3183
3164
  viteMessageListeners = /* @__PURE__ */ new Map();
@@ -3213,17 +3194,6 @@ var EditStore = class {
3213
3194
  triggerViteMessage(kind, message) {
3214
3195
  this.viteMessageListeners.get(kind)?.forEach((cb) => cb(message));
3215
3196
  }
3216
- startRecording(recording) {
3217
- if (this.recordingInitialized || !isSessionRecordingEnabled()) return;
3218
- posthog.init(recording.sessionRecordingKey, {
3219
- api_host: "https://us.i.posthog.com",
3220
- defaults: "2025-05-24",
3221
- session_recording: { recordCrossOriginIframes: true }
3222
- });
3223
- posthog.identify(recording.userId);
3224
- posthog.register({ [OBS_TAG_APPLICATION_ID]: recording.appId });
3225
- this.recordingInitialized = true;
3226
- }
3227
3197
  };
3228
3198
  if (!window.__SUPERBLOCKS_EDITOR_HOOK__ && isEditMode()) {
3229
3199
  const editStore = new EditStore(root_store_default);
@@ -3234,8 +3204,7 @@ function initializeEditStore() {
3234
3204
  if (!window.__SUPERBLOCKS_EDITOR_HOOK__) return;
3235
3205
  window.__SUPERBLOCKS_EDITOR_HOOK__.setIsInitialized(true);
3236
3206
  }
3237
- //#endregion
3238
- //#region src/lib/hooks/use-editor-hotkeys.ts
3207
+ // src/lib/hooks/use-editor-hotkeys.ts
3239
3208
  function useEditorHotkeys(keys, callback, options, deps) {
3240
3209
  if (options instanceof Array) {
3241
3210
  deps = options;
@@ -3243,8 +3212,7 @@ function useEditorHotkeys(keys, callback, options, deps) {
3243
3212
  }
3244
3213
  return useHotkeys(keys, callback, options, [...deps ?? [], false]);
3245
3214
  }
3246
- //#endregion
3247
- //#region src/lib/hooks/use-key-pressed.ts
3215
+ // src/lib/hooks/use-key-pressed.ts
3248
3216
  function useKeyPressed(key, callback, options) {
3249
3217
  const timeoutRef = useRef(null);
3250
3218
  const isKeyDownRef = useRef(false);
@@ -3314,8 +3282,7 @@ function useKeyPressed(key, callback, options) {
3314
3282
  options?.allowMultipleKeys
3315
3283
  ]);
3316
3284
  }
3317
- //#endregion
3318
- //#region src/lib/hooks/use-observer-memo.ts
3285
+ // src/lib/hooks/use-observer-memo.ts
3319
3286
  /**
3320
3287
  * The component that uses this hook must be wrapped `observer`, otherwise state changes will not
3321
3288
  * cause this hook to re-run.
@@ -3343,8 +3310,7 @@ const useStandaloneObserverMemo = (fn, deps) => {
3343
3310
  }), deps);
3344
3311
  return result;
3345
3312
  };
3346
- //#endregion
3347
- //#region src/lib/user-facing/layers.ts
3313
+ // src/lib/user-facing/layers.ts
3348
3314
  const Layers = {
3349
3315
  dragPreview: 61,
3350
3316
  visibilityOverlay: 64,
@@ -3367,8 +3333,7 @@ const Layers = {
3367
3333
  focusedInput: 74,
3368
3334
  max: 99999
3369
3335
  };
3370
- //#endregion
3371
- //#region src/edit-mode/interaction-utils.ts
3336
+ // src/edit-mode/interaction-utils.ts
3372
3337
  /**
3373
3338
  * Get the DOM node for a widget by either selector ID or source ID.
3374
3339
  *
@@ -3385,8 +3350,7 @@ const getWidgetNode = (idOrSourceId) => {
3385
3350
  else if (isSourceId) return document?.querySelector(`[${SOURCE_ID_ATTRIBUTE}="${idOrSourceId}"]`);
3386
3351
  throw new Error(`Unknown ID format: ${idOrSourceId} (expected S-* or SB-*)`);
3387
3352
  };
3388
- //#endregion
3389
- //#region src/edit-mode/interaction-layer/interaction-rect-name-pill.tsx
3353
+ // src/edit-mode/interaction-layer/interaction-rect-name-pill.tsx
3390
3354
  const NamePillDiv = (params) => {
3391
3355
  const { displayName, type, selectorId } = params;
3392
3356
  const sourceId = getEditStore().runtimeTrackingStore.getSourceId(selectorId);
@@ -3417,8 +3381,7 @@ const NamePill = observer((props) => {
3417
3381
  type
3418
3382
  });
3419
3383
  });
3420
- //#endregion
3421
- //#region src/edit-mode/interaction-layer/interaction-rect-actions.tsx
3384
+ // src/edit-mode/interaction-layer/interaction-rect-actions.tsx
3422
3385
  const guessOverlapAmountForNamePills = (selector1, selector2) => {
3423
3386
  const renderedTag1 = getEditStore().runtimeTrackingStore.getFirstAnchorableTag(selector1);
3424
3387
  const renderedTag2 = getEditStore().runtimeTrackingStore.getFirstAnchorableTag(selector2);
@@ -3478,8 +3441,7 @@ function InteractionRectActions(props) {
3478
3441
  })
3479
3442
  });
3480
3443
  }
3481
- //#endregion
3482
- //#region src/edit-mode/interaction-layer/transform-utils.ts
3444
+ // src/edit-mode/interaction-layer/transform-utils.ts
3483
3445
  const transformCache = /* @__PURE__ */ new Map();
3484
3446
  function useAnchorTransform(selectorId) {
3485
3447
  const [transformData, setTransformData] = useState(() => {
@@ -3555,8 +3517,7 @@ function convertPercentageInTransform(transformValue, width, height) {
3555
3517
  if (values.length > 2) return transformValue.replace(translateMatch[0], `translate3d(${x}, ${y}, ${z})`);
3556
3518
  return transformValue.replace(translateMatch[0], `translate(${x}, ${y})`);
3557
3519
  }
3558
- //#endregion
3559
- //#region src/edit-mode/interaction-layer/interaction-rect.tsx
3520
+ // src/edit-mode/interaction-layer/interaction-rect.tsx
3560
3521
  const useSelectionElements = (params) => {
3561
3522
  const { focusedSelectorId, selectedSourceIds, selectedSelectorIds, targetedSourceIds, aiContextMode } = params;
3562
3523
  const visibleTargetedComponents = useMemo(() => {
@@ -3618,10 +3579,11 @@ const useSelectionElements = (params) => {
3618
3579
  ]);
3619
3580
  };
3620
3581
  const InteractionRectTargetBorder = ({ selectorId }) => {
3582
+ const renderedTagSelectorId = getEditStore().runtimeTrackingStore.getFirstAnchorableTag(selectorId);
3621
3583
  return /* @__PURE__ */ jsxs("div", {
3622
3584
  className: "sb-target-mode-border",
3623
3585
  style: {
3624
- positionAnchor: getWidgetAnchorName(getEditStore().runtimeTrackingStore.getFirstAnchorableTag(selectorId) ?? selectorId),
3586
+ positionAnchor: getWidgetAnchorName(renderedTagSelectorId ?? selectorId),
3625
3587
  zIndex: Layers.focusedRect
3626
3588
  },
3627
3589
  children: [
@@ -3695,8 +3657,7 @@ const selectDisplayNameAndVisibility = (selectorId) => {
3695
3657
  sourceId
3696
3658
  };
3697
3659
  };
3698
- //#endregion
3699
- //#region src/edit-mode/editor-hotkeys.tsx
3660
+ // src/edit-mode/editor-hotkeys.tsx
3700
3661
  function EditorHotkeys({ children }) {
3701
3662
  useEditorHotkeys("ctrl+z, command+z", (e) => {
3702
3663
  e.preventDefault();
@@ -3801,8 +3762,7 @@ function EditorHotkeys({ children }) {
3801
3762
  });
3802
3763
  return /* @__PURE__ */ jsx(Fragment, { children });
3803
3764
  }
3804
- //#endregion
3805
- //#region src/edit-mode/error-capture.ts
3765
+ // src/edit-mode/error-capture.ts
3806
3766
  const defaultHasAppRendered = () => globalThis.__SB_PROVIDER_RENDERED_EDIT_MODE__ === true || typeof document !== "undefined" && !!document.getElementById("sb-provider-root");
3807
3767
  const FRAMEWORK_STACK_PATTERNS = [/\/node_modules\//i, /\/packages\/library\//i];
3808
3768
  const FRAMEWORK_LOG_PATTERNS = [
@@ -3970,10 +3930,14 @@ function installEditModeErrorCapture(deps = {}) {
3970
3930
  } catch {}
3971
3931
  };
3972
3932
  const handleGlobalError = (event) => {
3973
- forwardRuntimeError(serializeError(event.error) || event.message, event.error?.stack || "");
3933
+ const errorMessage = serializeError(event.error) || event.message;
3934
+ const stack = event.error?.stack || "";
3935
+ forwardRuntimeError(errorMessage, stack);
3974
3936
  };
3975
3937
  const handleUnhandledRejection = (event) => {
3976
- forwardRuntimeError(serializeError(event.reason) || "Unhandled promise rejection", event.reason?.stack || "");
3938
+ const errorMessage = serializeError(event.reason) || "Unhandled promise rejection";
3939
+ const stack = event.reason?.stack || "";
3940
+ forwardRuntimeError(errorMessage, stack);
3977
3941
  };
3978
3942
  window.addEventListener("error", handleGlobalError);
3979
3943
  window.addEventListener("unhandledrejection", handleUnhandledRejection);
@@ -3993,8 +3957,7 @@ function installEditModeErrorCapture(deps = {}) {
3993
3957
  globalThis.__SB_EDIT_ERROR_CAPTURE_INSTALLED = false;
3994
3958
  };
3995
3959
  }
3996
- //#endregion
3997
- //#region src/edit-mode/uncaptured-images.ts
3960
+ // src/edit-mode/uncaptured-images.ts
3998
3961
  /** modern-screenshot's own default placeholder: a 1x1 transparent GIF. */
3999
3962
  const TRANSPARENT_PLACEHOLDER = "data:image/png;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
4000
3963
  /** Sizes in captured pixels, so stripes and label look the same at any scale. */
@@ -4003,7 +3966,7 @@ const LABEL_FONT_PX = 11;
4003
3966
  /** Rendered width of the label in em at this weight, with some margin. */
4004
3967
  const LABEL_WIDTH_EM = 10.5;
4005
3968
  function labelFits({ width, height }, scale) {
4006
- return width * scale >= LABEL_FONT_PX * LABEL_WIDTH_EM && height * scale >= LABEL_FONT_PX * 2;
3969
+ return width * scale >= LABEL_FONT_PX * LABEL_WIDTH_EM && height * scale >= 22;
4007
3970
  }
4008
3971
  const round = (value) => Math.round(value * 100) / 100;
4009
3972
  /**
@@ -4065,7 +4028,7 @@ function collectRenderedBoxes(root, crop) {
4065
4028
  width,
4066
4029
  height
4067
4030
  }, crop);
4068
- for (const src of new Set([img.currentSrc, img.src])) {
4031
+ for (const src of /* @__PURE__ */ new Set([img.currentSrc, img.src])) {
4069
4032
  if (!src) continue;
4070
4033
  const known = boxes.get(src);
4071
4034
  const smaller = !known || width * height < known.size.width * known.size.height;
@@ -4108,8 +4071,7 @@ function createUncapturedImageTracker(root, options) {
4108
4071
  }
4109
4072
  };
4110
4073
  }
4111
- //#endregion
4112
- //#region src/edit-mode/screenshot-handler.ts
4074
+ // src/edit-mode/screenshot-handler.ts
4113
4075
  let cleanupCallback$1 = void 0;
4114
4076
  const MAX_SCREENSHOT_DIMENSION_HIGH = 1568;
4115
4077
  const MAX_SCREENSHOT_DIMENSION_LOW = 504;
@@ -4122,7 +4084,7 @@ function resolveMaxDimension(detail) {
4122
4084
  return detail === "high" ? MAX_SCREENSHOT_DIMENSION_HIGH : MAX_SCREENSHOT_DIMENSION_LOW;
4123
4085
  }
4124
4086
  const SCREENSHOT_WEBP_QUALITY = .8;
4125
- const MAX_SCREENSHOT_BYTES = 256 * 1024;
4087
+ const MAX_SCREENSHOT_BYTES = 262144;
4126
4088
  /** Decreasing webp qualities tried, in order, to fit {@link MAX_SCREENSHOT_BYTES}. */
4127
4089
  const WEBP_QUALITY_LADDER = [
4128
4090
  .6,
@@ -4130,7 +4092,7 @@ const WEBP_QUALITY_LADDER = [
4130
4092
  .3
4131
4093
  ];
4132
4094
  /** A stored version preview answers to the viewer, not to the vision API. */
4133
- const CHECKPOINT_MAX_BYTES = 1024 * 1024;
4095
+ const CHECKPOINT_MAX_BYTES = 1048576;
4134
4096
  const CHECKPOINT_MAX_DIMENSION = 2560;
4135
4097
  const CHECKPOINT_QUALITY_LADDER = [.7, .6];
4136
4098
  /** Retina pixels, past which the image costs more than the viewer can show. */
@@ -4590,8 +4552,7 @@ function initializeScreenshotHandler() {
4590
4552
  iframeMessageHandler.removeEventListener("ping-app-ready-for-screenshot", handlePingAppReadyForScreenshot);
4591
4553
  };
4592
4554
  }
4593
- //#endregion
4594
- //#region src/edit-mode/tagged-element-metadata-handler.ts
4555
+ // src/edit-mode/tagged-element-metadata-handler.ts
4595
4556
  const MAX_ELEMENTS_PER_SOURCE = 5;
4596
4557
  let cleanupCallback = void 0;
4597
4558
  function getSourceIdOfFirstRenderedTag(sourceId) {
@@ -4633,7 +4594,8 @@ function initializeTaggedElementMetadataHandler() {
4633
4594
  const { callbackId, sourceIds } = data.payload;
4634
4595
  try {
4635
4596
  const groupedElements = sourceIds.map((sourceId) => {
4636
- const selector = `[${SOURCE_ID_ATTRIBUTE}="${getSourceIdOfFirstRenderedTag(sourceId)}"]`;
4597
+ const resolvedSourceId = getSourceIdOfFirstRenderedTag(sourceId);
4598
+ const selector = `[${SOURCE_ID_ATTRIBUTE}="${resolvedSourceId}"]`;
4637
4599
  const matchingElements = document.querySelectorAll(selector);
4638
4600
  const totalCount = matchingElements.length;
4639
4601
  if (totalCount === 0) return {
@@ -4673,8 +4635,7 @@ function initializeTaggedElementMetadataHandler() {
4673
4635
  iframeMessageHandler.removeEventListener("get-tagged-element-metadata", handleGetTaggedElementMetadata);
4674
4636
  };
4675
4637
  }
4676
- //#endregion
4677
- //#region src/edit-mode/iframe-wrappers.tsx
4638
+ // src/edit-mode/iframe-wrappers.tsx
4678
4639
  let _setReloadKey;
4679
4640
  let latestConnectionStartTime;
4680
4641
  if (import.meta.hot) {
@@ -4715,11 +4676,6 @@ if (isEditMode()) {
4715
4676
  if (aiState.editingComponents) editStore.ai.setEditingComponents(aiState.editingComponents);
4716
4677
  }
4717
4678
  if (interactionMode) editStore.setInteractionMode(normalizeInteractionMode(interactionMode));
4718
- if (data.payload.sessionRecordingKey && data.payload.userId && data.payload.appId) editStore.startRecording({
4719
- userId: data.payload.userId,
4720
- appId: data.payload.appId,
4721
- sessionRecordingKey: data.payload.sessionRecordingKey
4722
- });
4723
4679
  try {
4724
4680
  await source_update_api_default.connect({
4725
4681
  socketPath: data.payload.devServerSocketPath,
@@ -5043,8 +4999,9 @@ const EmbedWrapper$2 = (props) => {
5043
4999
  return getEditStore().onViteMessage(ViteMessageKind.ROUTE_CHANGE, async (message) => {
5044
5000
  try {
5045
5001
  const { route, routeTestParams } = message;
5002
+ const path = generatePath(route, routeTestParams);
5046
5003
  await navigate({
5047
- pathname: generatePath(route, routeTestParams),
5004
+ pathname: path,
5048
5005
  search: location.search
5049
5006
  });
5050
5007
  } catch (error) {
@@ -5070,9 +5027,8 @@ const EmbedWrapper$2 = (props) => {
5070
5027
  }
5071
5028
  return /* @__PURE__ */ jsx(WithUserWrapper$1, { children: /* @__PURE__ */ jsxs(IframeConnected, { children: [/* @__PURE__ */ jsx(BuildErrorNotification, {}), /* @__PURE__ */ jsx(EditorHotkeys, { children: props.children })] }) });
5072
5029
  };
5073
- //#endregion
5074
- //#region src/lib/internal-details/lib/throttle.ts
5075
- function throttle$1(func, delay) {
5030
+ // src/lib/internal-details/lib/throttle.ts
5031
+ function throttle(func, delay) {
5076
5032
  let timeoutId;
5077
5033
  let lastExecTime = 0;
5078
5034
  const throttled = function(...args) {
@@ -5093,8 +5049,7 @@ function throttle$1(func, delay) {
5093
5049
  };
5094
5050
  return throttled;
5095
5051
  }
5096
- //#endregion
5097
- //#region src/edit-mode/interaction-layer/get-widgets-from-point.ts
5052
+ // src/edit-mode/interaction-layer/get-widgets-from-point.ts
5098
5053
  const enablePointerEventsOnDisabledElements = (rootElement) => {
5099
5054
  const editStore = getEditStore();
5100
5055
  const disabledSelectorIds = editStore.runtimeTrackingStore.getDisabledComponents();
@@ -5244,8 +5199,7 @@ function getMostRelevantWidgetAtPoint(params) {
5244
5199
  }
5245
5200
  return widget.selectorId;
5246
5201
  }
5247
- //#endregion
5248
- //#region src/edit-mode/interaction-layer/interaction-layer.tsx
5202
+ // src/edit-mode/interaction-layer/interaction-layer.tsx
5249
5203
  const INTERACTION_LAYER_ATTRIBUTE = "data-interaction-layer";
5250
5204
  /**
5251
5205
  * Check if an element is an interaction layer container.
@@ -5296,7 +5250,7 @@ function useWidgetHover() {
5296
5250
  });
5297
5251
  if (selectorId) editStore.ui.setFocusedIds(selectorId);
5298
5252
  };
5299
- const throttledHandleMouseMove = throttle$1(handleMouseMove, 25);
5253
+ const throttledHandleMouseMove = throttle(handleMouseMove, 25);
5300
5254
  const handleMouseLeave = () => {
5301
5255
  throttledHandleMouseMove.cancel();
5302
5256
  editStore.ui.setFocusedIds(null);
@@ -5450,8 +5404,7 @@ const ExternalInteractionLayer = observer(() => {
5450
5404
  if (isTargetMode) cursorStyle = `* { cursor: ${targetCursor} !important; }`;
5451
5405
  return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(InteractionLayerManager, {}), cursorStyle && /* @__PURE__ */ jsx("style", { children: cursorStyle })] });
5452
5406
  });
5453
- //#endregion
5454
- //#region src/lib/internal-details/request-bootstrap.ts
5407
+ // src/lib/internal-details/request-bootstrap.ts
5455
5408
  /** Matches ui-deployed-shell BOOTSTRAP_REQUEST_MAX_TOTAL_MS. */
5456
5409
  const BOOTSTRAP_REQUEST_MAX_DURATION_MS = 6e4;
5457
5410
  /**
@@ -5502,8 +5455,7 @@ function startBootstrapRequestLoop({ isInitialized, postRequest, intervalMs = 20
5502
5455
  if (maxDurationMs !== void 0 && onTimeout) maxDurationTimer = setTimeout(handleTimeout, maxDurationMs);
5503
5456
  return stop;
5504
5457
  }
5505
- //#endregion
5506
- //#region src/lib/internal-details/app-wrappers.tsx
5458
+ // src/lib/internal-details/app-wrappers.tsx
5507
5459
  const WithUserWrapper = (props) => {
5508
5460
  const { data: currentUser, isLoading } = useGetCurrentUserQuery();
5509
5461
  if (isLoading) return /* @__PURE__ */ jsx(FullPageSpinner, {});
@@ -5559,9 +5511,7 @@ const EmbedWrapper$1 = (props) => {
5559
5511
  const messageListener = (event) => {
5560
5512
  if (event.data?.type === "parent-action-batch" && event.data.payload) event.data.payload.forEach((action) => {
5561
5513
  switch (action.type) {
5562
- case "RUN_API":
5563
- console.warn("RUN_API action is not supported without entityManager");
5564
- break;
5514
+ case "RUN_API": console.warn("RUN_API action is not supported without entityManager");
5565
5515
  }
5566
5516
  });
5567
5517
  };
@@ -5586,8 +5536,7 @@ const EmbedWrapper$1 = (props) => {
5586
5536
  }
5587
5537
  return /* @__PURE__ */ jsx(WithUserWrapper, { children: props.children });
5588
5538
  };
5589
- //#endregion
5590
- //#region src/lib/internal-details/internal-components/error-boundary/index.tsx
5539
+ // src/lib/internal-details/internal-components/error-boundary/index.tsx
5591
5540
  var InternalErrorBoundary = class extends React.Component {
5592
5541
  constructor(props) {
5593
5542
  super(props);
@@ -5626,8 +5575,7 @@ var InternalErrorBoundary = class extends React.Component {
5626
5575
  return this.props.children;
5627
5576
  }
5628
5577
  };
5629
- //#endregion
5630
- //#region src/lib/internal-details/lib/apply-sdk-context-payload.ts
5578
+ // src/lib/internal-details/lib/apply-sdk-context-payload.ts
5631
5579
  /**
5632
5580
  * Apply SDK context updates from the editor.
5633
5581
  * Uses "key" in payload so that undefined values can clear the previous state
@@ -5638,11 +5586,10 @@ function applySdkContextPayload(payload) {
5638
5586
  if ("branchName" in payload) root_store_default.setBranchName(payload.branchName);
5639
5587
  if ("commitId" in payload) root_store_default.setCommitId(payload.commitId);
5640
5588
  }
5641
- //#endregion
5642
- //#region src/lib/internal-details/lib/devtools/index.tsx
5589
+ // src/lib/internal-details/lib/devtools/index.tsx
5643
5590
  const SUPPORTED_MODES = ["local-dev"];
5644
5591
  const DevToolsInternal = React.lazy(() => {
5645
- return import("../devtools-consolidated-C5sXwPGD.js").then((module) => ({ default: module.CustomDevTools }));
5592
+ return import("../devtools-consolidated-DLnb73OV.js").then((module) => ({ default: module.CustomDevTools }));
5646
5593
  });
5647
5594
  const DevTools = () => {
5648
5595
  if (!SUPPORTED_MODES.includes("production")) return null;
@@ -5651,8 +5598,7 @@ const DevTools = () => {
5651
5598
  children: /* @__PURE__ */ jsx(DevToolsInternal, {})
5652
5599
  });
5653
5600
  };
5654
- //#endregion
5655
- //#region src/lib/internal-details/routing.ts
5601
+ // src/lib/internal-details/routing.ts
5656
5602
  function useTrackRouteChange() {
5657
5603
  const routerContext = useContext(UNSAFE_DataRouterContext);
5658
5604
  const location = useLocation();
@@ -5674,8 +5620,7 @@ function useTrackRouteChange() {
5674
5620
  params
5675
5621
  ]);
5676
5622
  }
5677
- //#endregion
5678
- //#region src/lib/user-facing/load-build-manifest.ts
5623
+ // src/lib/user-facing/load-build-manifest.ts
5679
5624
  /**
5680
5625
  * Load the build manifest and register APIs.
5681
5626
  * - When sdkApis has entries: populate entryPoints and integrations for direct
@@ -5686,7 +5631,7 @@ function useTrackRouteChange() {
5686
5631
  async function loadBuildManifest() {
5687
5632
  if (isEditMode()) return;
5688
5633
  try {
5689
- const mod = await import("../build-manifest-BQAcrmit.js");
5634
+ const mod = await import("../build-manifest-tU0L2vSJ.js");
5690
5635
  const sdkApis = mod.default.sdkApis ?? {};
5691
5636
  if (Object.keys(sdkApis).length > 0) {
5692
5637
  root_store_default.clearApiEntryPoints();
@@ -5701,8 +5646,7 @@ async function loadBuildManifest() {
5701
5646
  console.error("Error loading build manifest", error);
5702
5647
  }
5703
5648
  }
5704
- //#endregion
5705
- //#region src/lib/user-facing/sb-provider-tracker.ts
5649
+ // src/lib/user-facing/sb-provider-tracker.ts
5706
5650
  const hasSbProviderRenderedEditMode = () => globalThis.__SB_PROVIDER_RENDERED_EDIT_MODE__ === true;
5707
5651
  const reportSbProviderRenderedEditMode = () => {
5708
5652
  globalThis.__SB_PROVIDER_RENDERED_EDIT_MODE__ = true;
@@ -5750,20 +5694,21 @@ API executions and editor features will be unavailable.
5750
5694
  startTracking();
5751
5695
  };
5752
5696
  const rootEl = typeof document !== "undefined" ? document.getElementById("root") : null;
5753
- if (rootEl) if (rootEl.childNodes.length > 0) startOnce();
5754
- else {
5755
- observer = new MutationObserver(() => {
5756
- if (hasRendered() || rootEl.childNodes.length > 0) startOnce();
5757
- });
5758
- observer.observe(rootEl, {
5759
- childList: true,
5760
- subtree: true
5761
- });
5697
+ if (rootEl) {
5698
+ if (rootEl.childNodes.length > 0) startOnce();
5699
+ else {
5700
+ observer = new MutationObserver(() => {
5701
+ if (hasRendered() || rootEl.childNodes.length > 0) startOnce();
5702
+ });
5703
+ observer.observe(rootEl, {
5704
+ childList: true,
5705
+ subtree: true
5706
+ });
5707
+ }
5762
5708
  }
5763
5709
  }
5764
5710
  }
5765
- //#endregion
5766
- //#region src/lib/user-facing/styling/styles.ts
5711
+ // src/lib/user-facing/styling/styles.ts
5767
5712
  const VARIABLES = { primaryColor: "--primary-color" };
5768
5713
  const VARIABLE_VALUES = { primaryColor: "blue" };
5769
5714
  const componentVariables = {};
@@ -5788,17 +5733,18 @@ const initializeStyles = (appName) => {
5788
5733
  ...VARIABLE_VALUES,
5789
5734
  ...componentVariableValues
5790
5735
  };
5791
- createStyleSheetFromString(appName, `:${appName} {${Object.keys(allVariables).map((variable) => `${allVariables[variable]}: ${allVariableValues[variable]};`).join("\n")}}\n${stylesheet}`);
5736
+ const variableDefns = Object.keys(allVariables).map((variable) => `${allVariables[variable]}: ${allVariableValues[variable]};`).join("\n");
5737
+ createStyleSheetFromString(appName, `:${appName} {${variableDefns}}\n${stylesheet}`);
5792
5738
  };
5793
- //#endregion
5794
- //#region src/lib/user-facing/sb-provider.tsx
5739
+ // src/lib/user-facing/sb-provider.tsx
5795
5740
  const originalLog = console.log;
5796
5741
  console.log = (...args) => {
5797
5742
  try {
5798
- originalLog(...args.map((arg) => {
5743
+ const processedArgs = args.map((arg) => {
5799
5744
  if (arg && typeof arg === "object" && (getBindingIdentifier(arg) || getBindingIdentifier(arg.bind ?? {}))) return JSON.parse(JSON.stringify(arg));
5800
5745
  return arg;
5801
- }));
5746
+ });
5747
+ originalLog(...processedArgs);
5802
5748
  } catch {}
5803
5749
  };
5804
5750
  const Auth0Wrapper = isEditMode() ? Auth0Wrapper$2 : Auth0Wrapper$1;
@@ -5851,26 +5797,22 @@ const SbProvider = function SbProvider({ name = "codemode", children, className,
5851
5797
  }) }), isEditMode() && /* @__PURE__ */ jsx(ExternalInteractionLayer, {})]
5852
5798
  });
5853
5799
  };
5854
- //#endregion
5855
- //#region src/lib/user-facing/components/app/editor.ts
5800
+ // src/lib/user-facing/components/app/editor.ts
5856
5801
  const editorConfig = {
5857
5802
  icon: "app",
5858
5803
  isDraggable: false
5859
5804
  };
5860
- //#endregion
5861
- //#region src/lib/user-facing/properties-panel/mixins/styles-category.ts
5805
+ // src/lib/user-facing/properties-panel/mixins/styles-category.ts
5862
5806
  /** @deprecated Accepted for source compatibility. Returns an empty section. */
5863
5807
  const tailwindStylesCategory = (_props) => {
5864
5808
  return Section.category(PropsCategory.Appearance);
5865
5809
  };
5866
- //#endregion
5867
- //#region src/lib/user-facing/components/app/props.ts
5810
+ // src/lib/user-facing/components/app/props.ts
5868
5811
  const propertiesDefinition = {
5869
5812
  contents: Section.category(PropsCategory.Content).children({ children: Prop.jsx() }),
5870
5813
  appearance: tailwindStylesCategory()
5871
5814
  };
5872
- //#endregion
5873
- //#region src/lib/user-facing/components/app/index.tsx
5815
+ // src/lib/user-facing/components/app/index.tsx
5874
5816
  const App = observer(({ children, className, context }) => {
5875
5817
  return /* @__PURE__ */ jsx(SbProvider, {
5876
5818
  name: "App",
@@ -5881,9 +5823,10 @@ const App = observer(({ children, className, context }) => {
5881
5823
  });
5882
5824
  App.displayName = NATIVE_COMPONENT_TYPES.App;
5883
5825
  registerComponentInternal(App, propertiesDefinition).editorConfig(editorConfig);
5884
- //#endregion
5885
- //#region src/lib/user-facing/assets/images/errors/403-image.svg
5886
- var _g$4, _g2, _defs$4;
5826
+ // src/lib/user-facing/assets/images/errors/403-image.svg
5827
+ var _g$4;
5828
+ var _g2;
5829
+ var _defs$4;
5887
5830
  function _extends$4() {
5888
5831
  return _extends$4 = Object.assign ? Object.assign.bind() : function(n) {
5889
5832
  for (var e = 1; e < arguments.length; e++) {
@@ -5894,33 +5837,33 @@ function _extends$4() {
5894
5837
  }, _extends$4.apply(null, arguments);
5895
5838
  }
5896
5839
  var Svg403Image = function Svg403Image(props) {
5897
- return /* @__PURE__ */ React$1.createElement("svg", _extends$4({
5840
+ return /*#__PURE__*/ React$1.createElement("svg", _extends$4({
5898
5841
  xmlns: "http://www.w3.org/2000/svg",
5899
5842
  width: 167,
5900
5843
  height: 168,
5901
5844
  fill: "none"
5902
- }, props), _g$4 || (_g$4 = /* @__PURE__ */ React$1.createElement("g", { filter: "url(#403-image_svg__a)" }, /* @__PURE__ */ React$1.createElement("g", { clipPath: "url(#403-image_svg__b)" }, /* @__PURE__ */ React$1.createElement("rect", {
5845
+ }, props), _g$4 || (_g$4 = /*#__PURE__*/ React$1.createElement("g", { filter: "url(#403-image_svg__a)" }, /*#__PURE__*/ React$1.createElement("g", { clipPath: "url(#403-image_svg__b)" }, /*#__PURE__*/ React$1.createElement("rect", {
5903
5846
  width: 164,
5904
5847
  height: 164,
5905
5848
  fill: "#F9FAFB",
5906
5849
  rx: 82
5907
- }), /* @__PURE__ */ React$1.createElement("g", { filter: "url(#403-image_svg__c)" }, /* @__PURE__ */ React$1.createElement("g", { clipPath: "url(#403-image_svg__d)" }, /* @__PURE__ */ React$1.createElement("rect", {
5850
+ }), /*#__PURE__*/ React$1.createElement("g", { filter: "url(#403-image_svg__c)" }, /*#__PURE__*/ React$1.createElement("g", { clipPath: "url(#403-image_svg__d)" }, /*#__PURE__*/ React$1.createElement("rect", {
5908
5851
  width: 256,
5909
5852
  height: 140,
5910
5853
  x: 32,
5911
5854
  y: 36,
5912
5855
  fill: "#fff",
5913
5856
  rx: 6
5914
- }), /* @__PURE__ */ React$1.createElement("path", {
5857
+ }), /*#__PURE__*/ React$1.createElement("path", {
5915
5858
  fill: "#454D5F",
5916
5859
  d: "M32 36h132v12H32z"
5917
- }), /* @__PURE__ */ React$1.createElement("circle", {
5860
+ }), /*#__PURE__*/ React$1.createElement("circle", {
5918
5861
  cx: 39,
5919
5862
  cy: 42,
5920
5863
  r: 3,
5921
5864
  fill: "#fff",
5922
5865
  opacity: .24
5923
- }), /* @__PURE__ */ React$1.createElement("rect", {
5866
+ }), /*#__PURE__*/ React$1.createElement("rect", {
5924
5867
  width: 10,
5925
5868
  height: 2,
5926
5869
  x: 46,
@@ -5928,42 +5871,42 @@ var Svg403Image = function Svg403Image(props) {
5928
5871
  fill: "#fff",
5929
5872
  opacity: .24,
5930
5873
  rx: 1
5931
- }), /* @__PURE__ */ React$1.createElement("rect", {
5874
+ }), /*#__PURE__*/ React$1.createElement("rect", {
5932
5875
  width: 104,
5933
5876
  height: 36,
5934
5877
  x: 44,
5935
5878
  y: 60,
5936
5879
  fill: "#F3F4F6",
5937
5880
  rx: 4
5938
- }), /* @__PURE__ */ React$1.createElement("rect", {
5881
+ }), /*#__PURE__*/ React$1.createElement("rect", {
5939
5882
  width: 48,
5940
5883
  height: 36,
5941
5884
  x: 44,
5942
5885
  y: 104,
5943
5886
  fill: "#F3F4F6",
5944
5887
  rx: 4
5945
- }), /* @__PURE__ */ React$1.createElement("rect", {
5888
+ }), /*#__PURE__*/ React$1.createElement("rect", {
5946
5889
  width: 48,
5947
5890
  height: 36,
5948
5891
  x: 44,
5949
5892
  y: 148,
5950
5893
  fill: "#F3F4F6",
5951
5894
  rx: 4
5952
- }), /* @__PURE__ */ React$1.createElement("rect", {
5895
+ }), /*#__PURE__*/ React$1.createElement("rect", {
5953
5896
  width: 48,
5954
5897
  height: 36,
5955
5898
  x: 100,
5956
5899
  y: 104,
5957
5900
  fill: "#F3F4F6",
5958
5901
  rx: 4
5959
- }), /* @__PURE__ */ React$1.createElement("rect", {
5902
+ }), /*#__PURE__*/ React$1.createElement("rect", {
5960
5903
  width: 48,
5961
5904
  height: 36,
5962
5905
  x: 100,
5963
5906
  y: 148,
5964
5907
  fill: "#F3F4F6",
5965
5908
  rx: 4
5966
- })))))), _g2 || (_g2 = /* @__PURE__ */ React$1.createElement("g", { filter: "url(#403-image_svg__e)" }, /* @__PURE__ */ React$1.createElement("rect", {
5909
+ })))))), _g2 || (_g2 = /*#__PURE__*/ React$1.createElement("g", { filter: "url(#403-image_svg__e)" }, /*#__PURE__*/ React$1.createElement("rect", {
5967
5910
  width: 56,
5968
5911
  height: 56,
5969
5912
  x: 108,
@@ -5971,27 +5914,27 @@ var Svg403Image = function Svg403Image(props) {
5971
5914
  fill: "#fff",
5972
5915
  rx: 28,
5973
5916
  shapeRendering: "crispEdges"
5974
- }), /* @__PURE__ */ React$1.createElement("circle", {
5917
+ }), /*#__PURE__*/ React$1.createElement("circle", {
5975
5918
  cx: 136,
5976
5919
  cy: 136,
5977
5920
  r: 23.5,
5978
5921
  fill: "#F9FAFB",
5979
5922
  stroke: "#C6CAD2",
5980
5923
  strokeDasharray: "4 4"
5981
- }), /* @__PURE__ */ React$1.createElement("path", {
5924
+ }), /*#__PURE__*/ React$1.createElement("path", {
5982
5925
  fill: "#6C7689",
5983
5926
  d: "M143.5 132.25h-15a.75.75 0 0 0-.75.75v10.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V133a.75.75 0 0 0-.75-.75",
5984
5927
  opacity: .2
5985
- }), /* @__PURE__ */ React$1.createElement("path", {
5928
+ }), /*#__PURE__*/ React$1.createElement("path", {
5986
5929
  stroke: "#6C7689",
5987
5930
  strokeLinecap: "round",
5988
5931
  strokeLinejoin: "round",
5989
5932
  strokeWidth: 1.25,
5990
5933
  d: "M143.5 132.25h-15a.75.75 0 0 0-.75.75v10.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V133a.75.75 0 0 0-.75-.75M132.625 132.25v-3.375A3.373 3.373 0 0 1 136 125.5a3.373 3.373 0 0 1 3.375 3.375v3.375"
5991
- }), /* @__PURE__ */ React$1.createElement("path", {
5934
+ }), /*#__PURE__*/ React$1.createElement("path", {
5992
5935
  fill: "#6C7689",
5993
5936
  d: "M136 139.375a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25"
5994
- }))), _defs$4 || (_defs$4 = /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement("filter", {
5937
+ }))), _defs$4 || (_defs$4 = /*#__PURE__*/ React$1.createElement("defs", null, /*#__PURE__*/ React$1.createElement("filter", {
5995
5938
  id: "403-image_svg__a",
5996
5939
  width: 164,
5997
5940
  height: 165,
@@ -5999,26 +5942,26 @@ var Svg403Image = function Svg403Image(props) {
5999
5942
  y: -1,
6000
5943
  colorInterpolationFilters: "sRGB",
6001
5944
  filterUnits: "userSpaceOnUse"
6002
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
5945
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6003
5946
  floodOpacity: 0,
6004
5947
  result: "BackgroundImageFix"
6005
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
5948
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6006
5949
  "in": "SourceGraphic",
6007
5950
  in2: "BackgroundImageFix",
6008
5951
  result: "shape"
6009
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
5952
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6010
5953
  "in": "SourceAlpha",
6011
5954
  result: "hardAlpha",
6012
5955
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6013
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: -1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
5956
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: -1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6014
5957
  in2: "hardAlpha",
6015
5958
  k2: -1,
6016
5959
  k3: 1,
6017
5960
  operator: "arithmetic"
6018
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.2 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
5961
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.2 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6019
5962
  in2: "shape",
6020
5963
  result: "effect1_innerShadow_1_117"
6021
- })), /* @__PURE__ */ React$1.createElement("filter", {
5964
+ })), /*#__PURE__*/ React$1.createElement("filter", {
6022
5965
  id: "403-image_svg__c",
6023
5966
  width: 262,
6024
5967
  height: 146,
@@ -6026,34 +5969,34 @@ var Svg403Image = function Svg403Image(props) {
6026
5969
  y: 34,
6027
5970
  colorInterpolationFilters: "sRGB",
6028
5971
  filterUnits: "userSpaceOnUse"
6029
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
5972
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6030
5973
  floodOpacity: 0,
6031
5974
  result: "BackgroundImageFix"
6032
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
5975
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6033
5976
  "in": "SourceAlpha",
6034
5977
  result: "hardAlpha",
6035
5978
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6036
- }), /* @__PURE__ */ React$1.createElement("feOffset", null), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1 }), /* @__PURE__ */ React$1.createElement("feComposite", {
5979
+ }), /*#__PURE__*/ React$1.createElement("feOffset", null), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6037
5980
  in2: "hardAlpha",
6038
5981
  operator: "out"
6039
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0775545 0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0.12 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
5982
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0775545 0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0.12 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6040
5983
  in2: "BackgroundImageFix",
6041
5984
  result: "effect1_dropShadow_1_117"
6042
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
5985
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6043
5986
  "in": "SourceAlpha",
6044
5987
  result: "hardAlpha",
6045
5988
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6046
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: 1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
5989
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: 1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6047
5990
  in2: "hardAlpha",
6048
5991
  operator: "out"
6049
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0775545 0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0.04 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
5992
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0775545 0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0.04 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6050
5993
  in2: "effect1_dropShadow_1_117",
6051
5994
  result: "effect2_dropShadow_1_117"
6052
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
5995
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6053
5996
  "in": "SourceGraphic",
6054
5997
  in2: "effect2_dropShadow_1_117",
6055
5998
  result: "shape"
6056
- })), /* @__PURE__ */ React$1.createElement("filter", {
5999
+ })), /*#__PURE__*/ React$1.createElement("filter", {
6057
6000
  id: "403-image_svg__e",
6058
6001
  width: 62,
6059
6002
  height: 62,
@@ -6061,29 +6004,29 @@ var Svg403Image = function Svg403Image(props) {
6061
6004
  y: 106,
6062
6005
  colorInterpolationFilters: "sRGB",
6063
6006
  filterUnits: "userSpaceOnUse"
6064
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
6007
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6065
6008
  floodOpacity: 0,
6066
6009
  result: "BackgroundImageFix"
6067
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6010
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6068
6011
  "in": "SourceAlpha",
6069
6012
  result: "hardAlpha",
6070
6013
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6071
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: 1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6014
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: 1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6072
6015
  in2: "hardAlpha",
6073
6016
  operator: "out"
6074
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.16 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6017
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.16 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6075
6018
  in2: "BackgroundImageFix",
6076
6019
  result: "effect1_dropShadow_1_117"
6077
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
6020
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6078
6021
  "in": "SourceGraphic",
6079
6022
  in2: "effect1_dropShadow_1_117",
6080
6023
  result: "shape"
6081
- })), /* @__PURE__ */ React$1.createElement("clipPath", { id: "403-image_svg__b" }, /* @__PURE__ */ React$1.createElement("rect", {
6024
+ })), /*#__PURE__*/ React$1.createElement("clipPath", { id: "403-image_svg__b" }, /*#__PURE__*/ React$1.createElement("rect", {
6082
6025
  width: 164,
6083
6026
  height: 164,
6084
6027
  fill: "#fff",
6085
6028
  rx: 82
6086
- })), /* @__PURE__ */ React$1.createElement("clipPath", { id: "403-image_svg__d" }, /* @__PURE__ */ React$1.createElement("rect", {
6029
+ })), /*#__PURE__*/ React$1.createElement("clipPath", { id: "403-image_svg__d" }, /*#__PURE__*/ React$1.createElement("rect", {
6087
6030
  width: 256,
6088
6031
  height: 140,
6089
6032
  x: 32,
@@ -6092,9 +6035,9 @@ var Svg403Image = function Svg403Image(props) {
6092
6035
  rx: 6
6093
6036
  })))));
6094
6037
  };
6095
- //#endregion
6096
- //#region src/lib/user-facing/assets/images/errors/404-image.svg
6097
- var _g$3, _defs$3;
6038
+ // src/lib/user-facing/assets/images/errors/404-image.svg
6039
+ var _g$3;
6040
+ var _defs$3;
6098
6041
  function _extends$3() {
6099
6042
  return _extends$3 = Object.assign ? Object.assign.bind() : function(n) {
6100
6043
  for (var e = 1; e < arguments.length; e++) {
@@ -6105,33 +6048,33 @@ function _extends$3() {
6105
6048
  }, _extends$3.apply(null, arguments);
6106
6049
  }
6107
6050
  var Svg404Image = function Svg404Image(props) {
6108
- return /* @__PURE__ */ React$1.createElement("svg", _extends$3({
6051
+ return /*#__PURE__*/ React$1.createElement("svg", _extends$3({
6109
6052
  xmlns: "http://www.w3.org/2000/svg",
6110
6053
  width: 164,
6111
6054
  height: 164,
6112
6055
  fill: "none"
6113
- }, props), _g$3 || (_g$3 = /* @__PURE__ */ React$1.createElement("g", { filter: "url(#404-image_svg__a)" }, /* @__PURE__ */ React$1.createElement("g", { clipPath: "url(#404-image_svg__b)" }, /* @__PURE__ */ React$1.createElement("rect", {
6056
+ }, props), _g$3 || (_g$3 = /*#__PURE__*/ React$1.createElement("g", { filter: "url(#404-image_svg__a)" }, /*#__PURE__*/ React$1.createElement("g", { clipPath: "url(#404-image_svg__b)" }, /*#__PURE__*/ React$1.createElement("rect", {
6114
6057
  width: 164,
6115
6058
  height: 164,
6116
6059
  fill: "#F9FAFB",
6117
6060
  rx: 82
6118
- }), /* @__PURE__ */ React$1.createElement("g", { filter: "url(#404-image_svg__c)" }, /* @__PURE__ */ React$1.createElement("g", { clipPath: "url(#404-image_svg__d)" }, /* @__PURE__ */ React$1.createElement("rect", {
6061
+ }), /*#__PURE__*/ React$1.createElement("g", { filter: "url(#404-image_svg__c)" }, /*#__PURE__*/ React$1.createElement("g", { clipPath: "url(#404-image_svg__d)" }, /*#__PURE__*/ React$1.createElement("rect", {
6119
6062
  width: 132,
6120
6063
  height: 124,
6121
6064
  x: 16,
6122
6065
  y: 48,
6123
6066
  fill: "#fff",
6124
6067
  rx: 4
6125
- }), /* @__PURE__ */ React$1.createElement("path", {
6068
+ }), /*#__PURE__*/ React$1.createElement("path", {
6126
6069
  fill: "#454D5F",
6127
6070
  d: "M16 48h132v12H16z"
6128
- }), /* @__PURE__ */ React$1.createElement("circle", {
6071
+ }), /*#__PURE__*/ React$1.createElement("circle", {
6129
6072
  cx: 23,
6130
6073
  cy: 54,
6131
6074
  r: 3,
6132
6075
  fill: "#fff",
6133
6076
  opacity: .24
6134
- }), /* @__PURE__ */ React$1.createElement("rect", {
6077
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6135
6078
  width: 10,
6136
6079
  height: 2,
6137
6080
  x: 30,
@@ -6139,10 +6082,10 @@ var Svg404Image = function Svg404Image(props) {
6139
6082
  fill: "#fff",
6140
6083
  opacity: .24,
6141
6084
  rx: 1
6142
- }), /* @__PURE__ */ React$1.createElement("g", { clipPath: "url(#404-image_svg__e)" }, /* @__PURE__ */ React$1.createElement("path", {
6085
+ }), /*#__PURE__*/ React$1.createElement("g", { clipPath: "url(#404-image_svg__e)" }, /*#__PURE__*/ React$1.createElement("path", {
6143
6086
  fill: "#fff",
6144
6087
  d: "M16 60h132v132H16z"
6145
- }), /* @__PURE__ */ React$1.createElement("rect", {
6088
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6146
6089
  width: 16,
6147
6090
  height: 2,
6148
6091
  x: 40,
@@ -6150,7 +6093,7 @@ var Svg404Image = function Svg404Image(props) {
6150
6093
  fill: "#454D5F",
6151
6094
  opacity: .16,
6152
6095
  rx: 1
6153
- }), /* @__PURE__ */ React$1.createElement("rect", {
6096
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6154
6097
  width: 6,
6155
6098
  height: 6,
6156
6099
  x: 120,
@@ -6158,7 +6101,7 @@ var Svg404Image = function Svg404Image(props) {
6158
6101
  fill: "#454D5F",
6159
6102
  opacity: .24,
6160
6103
  rx: 1.5
6161
- }), /* @__PURE__ */ React$1.createElement("rect", {
6104
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6162
6105
  width: 8,
6163
6106
  height: 8,
6164
6107
  x: 24,
@@ -6166,25 +6109,25 @@ var Svg404Image = function Svg404Image(props) {
6166
6109
  fill: "#454D5F",
6167
6110
  opacity: .24,
6168
6111
  rx: 4
6169
- })), /* @__PURE__ */ React$1.createElement("path", {
6112
+ })), /*#__PURE__*/ React$1.createElement("path", {
6170
6113
  fill: "#C6CAD2",
6171
6114
  d: "M68.837 113.863v3.75H48.329l-.156-2.832 12.265-19.219h3.77l-4.082 6.993-7.051 11.308zm-3.555-18.3V124h-4.707V95.563zm26.034 11.835v4.649q.001 3.339-.664 5.703-.644 2.343-1.875 3.809a7.36 7.36 0 0 1-2.949 2.148q-1.699.684-3.809.684-1.679 0-3.125-.43a7.6 7.6 0 0 1-2.578-1.348q-1.152-.917-1.972-2.363-.8-1.465-1.25-3.496-.43-2.031-.43-4.707v-4.649q0-3.358.664-5.664.664-2.324 1.895-3.77 1.23-1.464 2.93-2.128 1.718-.664 3.828-.664 1.698 0 3.125.43 1.444.41 2.578 1.308 1.152.899 1.953 2.344.82 1.426 1.25 3.457.43 2.012.43 4.687m-4.707 5.313v-6.016q0-1.7-.195-2.988-.195-1.308-.586-2.207-.371-.918-.937-1.484a3.3 3.3 0 0 0-1.29-.84 4.6 4.6 0 0 0-1.62-.274q-1.094 0-1.954.43-.859.41-1.445 1.328-.585.918-.898 2.422-.294 1.485-.293 3.613v6.016q0 1.719.195 3.027t.586 2.246q.39.918.937 1.524.567.586 1.29.859a4.7 4.7 0 0 0 1.62.274q1.114 0 1.973-.43.86-.43 1.445-1.367.586-.957.88-2.481.292-1.523.292-3.652m29.296 1.152v3.75H95.398l-.157-2.832 12.266-19.219h3.77l-4.082 6.993-7.051 11.308zm-3.554-18.3V124h-4.707V95.563z"
6172
- })))))), _defs$3 || (_defs$3 = /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement("clipPath", { id: "404-image_svg__b" }, /* @__PURE__ */ React$1.createElement("rect", {
6115
+ })))))), _defs$3 || (_defs$3 = /*#__PURE__*/ React$1.createElement("defs", null, /*#__PURE__*/ React$1.createElement("clipPath", { id: "404-image_svg__b" }, /*#__PURE__*/ React$1.createElement("rect", {
6173
6116
  width: 164,
6174
6117
  height: 164,
6175
6118
  fill: "#fff",
6176
6119
  rx: 82
6177
- })), /* @__PURE__ */ React$1.createElement("clipPath", { id: "404-image_svg__d" }, /* @__PURE__ */ React$1.createElement("rect", {
6120
+ })), /*#__PURE__*/ React$1.createElement("clipPath", { id: "404-image_svg__d" }, /*#__PURE__*/ React$1.createElement("rect", {
6178
6121
  width: 132,
6179
6122
  height: 124,
6180
6123
  x: 16,
6181
6124
  y: 48,
6182
6125
  fill: "#fff",
6183
6126
  rx: 4
6184
- })), /* @__PURE__ */ React$1.createElement("clipPath", { id: "404-image_svg__e" }, /* @__PURE__ */ React$1.createElement("path", {
6127
+ })), /*#__PURE__*/ React$1.createElement("clipPath", { id: "404-image_svg__e" }, /*#__PURE__*/ React$1.createElement("path", {
6185
6128
  fill: "#fff",
6186
6129
  d: "M16 60h132v132H16z"
6187
- })), /* @__PURE__ */ React$1.createElement("filter", {
6130
+ })), /*#__PURE__*/ React$1.createElement("filter", {
6188
6131
  id: "404-image_svg__a",
6189
6132
  width: 164,
6190
6133
  height: 165,
@@ -6192,26 +6135,26 @@ var Svg404Image = function Svg404Image(props) {
6192
6135
  y: -1,
6193
6136
  colorInterpolationFilters: "sRGB",
6194
6137
  filterUnits: "userSpaceOnUse"
6195
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
6138
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6196
6139
  floodOpacity: 0,
6197
6140
  result: "BackgroundImageFix"
6198
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
6141
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6199
6142
  "in": "SourceGraphic",
6200
6143
  in2: "BackgroundImageFix",
6201
6144
  result: "shape"
6202
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6145
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6203
6146
  "in": "SourceAlpha",
6204
6147
  result: "hardAlpha",
6205
6148
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6206
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: -1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6149
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: -1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6207
6150
  in2: "hardAlpha",
6208
6151
  k2: -1,
6209
6152
  k3: 1,
6210
6153
  operator: "arithmetic"
6211
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.2 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6154
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.2 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6212
6155
  in2: "shape",
6213
6156
  result: "effect1_innerShadow_4124_102997"
6214
- })), /* @__PURE__ */ React$1.createElement("filter", {
6157
+ })), /*#__PURE__*/ React$1.createElement("filter", {
6215
6158
  id: "404-image_svg__c",
6216
6159
  width: 138,
6217
6160
  height: 130,
@@ -6219,38 +6162,38 @@ var Svg404Image = function Svg404Image(props) {
6219
6162
  y: 46,
6220
6163
  colorInterpolationFilters: "sRGB",
6221
6164
  filterUnits: "userSpaceOnUse"
6222
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
6165
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6223
6166
  floodOpacity: 0,
6224
6167
  result: "BackgroundImageFix"
6225
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6168
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6226
6169
  "in": "SourceAlpha",
6227
6170
  result: "hardAlpha",
6228
6171
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6229
- }), /* @__PURE__ */ React$1.createElement("feOffset", null), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: .5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6172
+ }), /*#__PURE__*/ React$1.createElement("feOffset", null), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: .5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6230
6173
  in2: "hardAlpha",
6231
6174
  operator: "out"
6232
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.12 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6175
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.12 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6233
6176
  in2: "BackgroundImageFix",
6234
6177
  result: "effect1_dropShadow_4124_102997"
6235
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6178
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6236
6179
  "in": "SourceAlpha",
6237
6180
  result: "hardAlpha",
6238
6181
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6239
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: 1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6182
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: 1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6240
6183
  in2: "hardAlpha",
6241
6184
  operator: "out"
6242
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.04 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6185
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.04 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6243
6186
  in2: "effect1_dropShadow_4124_102997",
6244
6187
  result: "effect2_dropShadow_4124_102997"
6245
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
6188
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6246
6189
  "in": "SourceGraphic",
6247
6190
  in2: "effect2_dropShadow_4124_102997",
6248
6191
  result: "shape"
6249
6192
  })))));
6250
6193
  };
6251
- //#endregion
6252
- //#region src/lib/user-facing/assets/images/errors/500-image.svg
6253
- var _g$2, _defs$2;
6194
+ // src/lib/user-facing/assets/images/errors/500-image.svg
6195
+ var _g$2;
6196
+ var _defs$2;
6254
6197
  function _extends$2() {
6255
6198
  return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
6256
6199
  for (var e = 1; e < arguments.length; e++) {
@@ -6261,33 +6204,33 @@ function _extends$2() {
6261
6204
  }, _extends$2.apply(null, arguments);
6262
6205
  }
6263
6206
  var Svg500Image = function Svg500Image(props) {
6264
- return /* @__PURE__ */ React$1.createElement("svg", _extends$2({
6207
+ return /*#__PURE__*/ React$1.createElement("svg", _extends$2({
6265
6208
  xmlns: "http://www.w3.org/2000/svg",
6266
6209
  width: 164,
6267
6210
  height: 164,
6268
6211
  fill: "none"
6269
- }, props), _g$2 || (_g$2 = /* @__PURE__ */ React$1.createElement("g", { filter: "url(#500-image_svg__a)" }, /* @__PURE__ */ React$1.createElement("g", { clipPath: "url(#500-image_svg__b)" }, /* @__PURE__ */ React$1.createElement("rect", {
6212
+ }, props), _g$2 || (_g$2 = /*#__PURE__*/ React$1.createElement("g", { filter: "url(#500-image_svg__a)" }, /*#__PURE__*/ React$1.createElement("g", { clipPath: "url(#500-image_svg__b)" }, /*#__PURE__*/ React$1.createElement("rect", {
6270
6213
  width: 164,
6271
6214
  height: 164,
6272
6215
  fill: "#F9FAFB",
6273
6216
  rx: 82
6274
- }), /* @__PURE__ */ React$1.createElement("g", { filter: "url(#500-image_svg__c)" }, /* @__PURE__ */ React$1.createElement("g", { clipPath: "url(#500-image_svg__d)" }, /* @__PURE__ */ React$1.createElement("rect", {
6217
+ }), /*#__PURE__*/ React$1.createElement("g", { filter: "url(#500-image_svg__c)" }, /*#__PURE__*/ React$1.createElement("g", { clipPath: "url(#500-image_svg__d)" }, /*#__PURE__*/ React$1.createElement("rect", {
6275
6218
  width: 132,
6276
6219
  height: 124,
6277
6220
  x: 16,
6278
6221
  y: 48,
6279
6222
  fill: "#fff",
6280
6223
  rx: 4
6281
- }), /* @__PURE__ */ React$1.createElement("path", {
6224
+ }), /*#__PURE__*/ React$1.createElement("path", {
6282
6225
  fill: "#454D5F",
6283
6226
  d: "M16 48h132v12H16z"
6284
- }), /* @__PURE__ */ React$1.createElement("circle", {
6227
+ }), /*#__PURE__*/ React$1.createElement("circle", {
6285
6228
  cx: 23,
6286
6229
  cy: 54,
6287
6230
  r: 3,
6288
6231
  fill: "#fff",
6289
6232
  opacity: .24
6290
- }), /* @__PURE__ */ React$1.createElement("rect", {
6233
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6291
6234
  width: 10,
6292
6235
  height: 2,
6293
6236
  x: 30,
@@ -6295,10 +6238,10 @@ var Svg500Image = function Svg500Image(props) {
6295
6238
  fill: "#fff",
6296
6239
  opacity: .24,
6297
6240
  rx: 1
6298
- }), /* @__PURE__ */ React$1.createElement("g", { clipPath: "url(#500-image_svg__e)" }, /* @__PURE__ */ React$1.createElement("path", {
6241
+ }), /*#__PURE__*/ React$1.createElement("g", { clipPath: "url(#500-image_svg__e)" }, /*#__PURE__*/ React$1.createElement("path", {
6299
6242
  fill: "#fff",
6300
6243
  d: "M16 60h132v132H16z"
6301
- }), /* @__PURE__ */ React$1.createElement("rect", {
6244
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6302
6245
  width: 16,
6303
6246
  height: 2,
6304
6247
  x: 40,
@@ -6306,7 +6249,7 @@ var Svg500Image = function Svg500Image(props) {
6306
6249
  fill: "#454D5F",
6307
6250
  opacity: .16,
6308
6251
  rx: 1
6309
- }), /* @__PURE__ */ React$1.createElement("rect", {
6252
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6310
6253
  width: 6,
6311
6254
  height: 6,
6312
6255
  x: 120,
@@ -6314,7 +6257,7 @@ var Svg500Image = function Svg500Image(props) {
6314
6257
  fill: "#454D5F",
6315
6258
  opacity: .24,
6316
6259
  rx: 1.5
6317
- }), /* @__PURE__ */ React$1.createElement("rect", {
6260
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6318
6261
  width: 8,
6319
6262
  height: 8,
6320
6263
  x: 24,
@@ -6322,25 +6265,25 @@ var Svg500Image = function Svg500Image(props) {
6322
6265
  fill: "#454D5F",
6323
6266
  opacity: .24,
6324
6267
  rx: 4
6325
- }), /* @__PURE__ */ React$1.createElement("path", {
6268
+ }), /*#__PURE__*/ React$1.createElement("path", {
6326
6269
  fill: "#C6CAD2",
6327
6270
  d: "m54.188 110.777-3.75-.918 1.543-14.296h15.332v3.984H55.888l-.782 6.973q.665-.391 1.836-.762 1.171-.391 2.676-.391 2.012 0 3.594.664a7.16 7.16 0 0 1 2.715 1.895q1.113 1.23 1.699 3.008.585 1.757.586 3.964 0 1.974-.586 3.692a8.6 8.6 0 0 1-1.719 3.027q-1.152 1.309-2.91 2.051-1.739.723-4.121.723-1.777 0-3.418-.508a9.3 9.3 0 0 1-2.91-1.543 7.9 7.9 0 0 1-2.07-2.539q-.782-1.524-.9-3.496h4.61q.175 1.386.762 2.363a4.04 4.04 0 0 0 1.602 1.465q.996.508 2.304.508 1.191 0 2.051-.411a3.9 3.9 0 0 0 1.426-1.21q.585-.801.86-1.875.292-1.075.292-2.383 0-1.25-.332-2.285a5 5 0 0 0-.957-1.797 4.1 4.1 0 0 0-1.582-1.172q-.957-.43-2.207-.43-1.68 0-2.578.488a8.1 8.1 0 0 0-1.64 1.211m37.128-3.379v4.649q.001 3.339-.664 5.703-.644 2.343-1.875 3.809a7.36 7.36 0 0 1-2.949 2.148q-1.699.684-3.809.684-1.679 0-3.125-.43a7.6 7.6 0 0 1-2.578-1.348q-1.152-.917-1.972-2.363-.8-1.465-1.25-3.496-.43-2.031-.43-4.707v-4.649q0-3.358.664-5.664.664-2.324 1.895-3.77 1.23-1.464 2.93-2.128 1.718-.664 3.828-.664 1.698 0 3.125.43 1.444.41 2.578 1.308 1.152.899 1.953 2.344.82 1.426 1.25 3.457.43 2.012.43 4.687m-4.707 5.313v-6.016q0-1.7-.195-2.988-.195-1.308-.586-2.207-.371-.918-.937-1.484a3.3 3.3 0 0 0-1.29-.84 4.6 4.6 0 0 0-1.62-.274q-1.094 0-1.954.43-.859.41-1.445 1.328-.585.918-.898 2.422-.294 1.485-.293 3.613v6.016q0 1.719.195 3.027t.586 2.246q.39.918.937 1.524.567.586 1.29.859a4.7 4.7 0 0 0 1.62.274q1.114 0 1.973-.43.86-.43 1.445-1.367.586-.957.88-2.481.292-1.523.292-3.652m28.242-5.313v4.649q0 3.339-.664 5.703-.645 2.343-1.875 3.809a7.4 7.4 0 0 1-2.95 2.148q-1.699.684-3.808.684-1.68 0-3.125-.43a7.6 7.6 0 0 1-2.578-1.348q-1.152-.917-1.973-2.363-.8-1.465-1.25-3.496-.43-2.031-.43-4.707v-4.649q0-3.358.665-5.664.663-2.324 1.894-3.77 1.23-1.464 2.93-2.128 1.719-.664 3.828-.664 1.699 0 3.125.43 1.445.41 2.578 1.308 1.152.899 1.953 2.344.82 1.426 1.25 3.457.43 2.012.43 4.687m-4.707 5.313v-6.016q0-1.7-.196-2.988-.195-1.308-.586-2.207-.37-.918-.937-1.484a3.3 3.3 0 0 0-1.289-.84 4.6 4.6 0 0 0-1.621-.274q-1.093 0-1.953.43-.86.41-1.446 1.328-.585.918-.898 2.422-.293 1.485-.293 3.613v6.016q0 1.719.195 3.027.196 1.309.586 2.246.391.918.938 1.524a3.5 3.5 0 0 0 1.289.859 4.7 4.7 0 0 0 1.621.274q1.113 0 1.973-.43.858-.43 1.445-1.367.585-.957.879-2.481.293-1.523.293-3.652"
6328
- }))))))), _defs$2 || (_defs$2 = /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement("clipPath", { id: "500-image_svg__b" }, /* @__PURE__ */ React$1.createElement("rect", {
6271
+ }))))))), _defs$2 || (_defs$2 = /*#__PURE__*/ React$1.createElement("defs", null, /*#__PURE__*/ React$1.createElement("clipPath", { id: "500-image_svg__b" }, /*#__PURE__*/ React$1.createElement("rect", {
6329
6272
  width: 164,
6330
6273
  height: 164,
6331
6274
  fill: "#fff",
6332
6275
  rx: 82
6333
- })), /* @__PURE__ */ React$1.createElement("clipPath", { id: "500-image_svg__d" }, /* @__PURE__ */ React$1.createElement("rect", {
6276
+ })), /*#__PURE__*/ React$1.createElement("clipPath", { id: "500-image_svg__d" }, /*#__PURE__*/ React$1.createElement("rect", {
6334
6277
  width: 132,
6335
6278
  height: 124,
6336
6279
  x: 16,
6337
6280
  y: 48,
6338
6281
  fill: "#fff",
6339
6282
  rx: 4
6340
- })), /* @__PURE__ */ React$1.createElement("clipPath", { id: "500-image_svg__e" }, /* @__PURE__ */ React$1.createElement("path", {
6283
+ })), /*#__PURE__*/ React$1.createElement("clipPath", { id: "500-image_svg__e" }, /*#__PURE__*/ React$1.createElement("path", {
6341
6284
  fill: "#fff",
6342
6285
  d: "M16 60h132v132H16z"
6343
- })), /* @__PURE__ */ React$1.createElement("filter", {
6286
+ })), /*#__PURE__*/ React$1.createElement("filter", {
6344
6287
  id: "500-image_svg__a",
6345
6288
  width: 164,
6346
6289
  height: 165,
@@ -6348,26 +6291,26 @@ var Svg500Image = function Svg500Image(props) {
6348
6291
  y: -1,
6349
6292
  colorInterpolationFilters: "sRGB",
6350
6293
  filterUnits: "userSpaceOnUse"
6351
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
6294
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6352
6295
  floodOpacity: 0,
6353
6296
  result: "BackgroundImageFix"
6354
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
6297
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6355
6298
  "in": "SourceGraphic",
6356
6299
  in2: "BackgroundImageFix",
6357
6300
  result: "shape"
6358
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6301
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6359
6302
  "in": "SourceAlpha",
6360
6303
  result: "hardAlpha",
6361
6304
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6362
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: -1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6305
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: -1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6363
6306
  in2: "hardAlpha",
6364
6307
  k2: -1,
6365
6308
  k3: 1,
6366
6309
  operator: "arithmetic"
6367
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.2 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6310
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.2 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6368
6311
  in2: "shape",
6369
6312
  result: "effect1_innerShadow_4124_103042"
6370
- })), /* @__PURE__ */ React$1.createElement("filter", {
6313
+ })), /*#__PURE__*/ React$1.createElement("filter", {
6371
6314
  id: "500-image_svg__c",
6372
6315
  width: 138,
6373
6316
  height: 130,
@@ -6375,38 +6318,38 @@ var Svg500Image = function Svg500Image(props) {
6375
6318
  y: 46,
6376
6319
  colorInterpolationFilters: "sRGB",
6377
6320
  filterUnits: "userSpaceOnUse"
6378
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
6321
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6379
6322
  floodOpacity: 0,
6380
6323
  result: "BackgroundImageFix"
6381
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6324
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6382
6325
  "in": "SourceAlpha",
6383
6326
  result: "hardAlpha",
6384
6327
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6385
- }), /* @__PURE__ */ React$1.createElement("feOffset", null), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: .5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6328
+ }), /*#__PURE__*/ React$1.createElement("feOffset", null), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: .5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6386
6329
  in2: "hardAlpha",
6387
6330
  operator: "out"
6388
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.12 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6331
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.12 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6389
6332
  in2: "BackgroundImageFix",
6390
6333
  result: "effect1_dropShadow_4124_103042"
6391
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6334
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6392
6335
  "in": "SourceAlpha",
6393
6336
  result: "hardAlpha",
6394
6337
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6395
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: 1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6338
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: 1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6396
6339
  in2: "hardAlpha",
6397
6340
  operator: "out"
6398
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.04 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6341
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.04 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6399
6342
  in2: "effect1_dropShadow_4124_103042",
6400
6343
  result: "effect2_dropShadow_4124_103042"
6401
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
6344
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6402
6345
  "in": "SourceGraphic",
6403
6346
  in2: "effect2_dropShadow_4124_103042",
6404
6347
  result: "shape"
6405
6348
  })))));
6406
6349
  };
6407
- //#endregion
6408
- //#region src/lib/user-facing/assets/images/errors/general-error.svg
6409
- var _g$1, _defs$1;
6350
+ // src/lib/user-facing/assets/images/errors/general-error.svg
6351
+ var _g$1;
6352
+ var _defs$1;
6410
6353
  function _extends$1() {
6411
6354
  return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
6412
6355
  for (var e = 1; e < arguments.length; e++) {
@@ -6417,17 +6360,17 @@ function _extends$1() {
6417
6360
  }, _extends$1.apply(null, arguments);
6418
6361
  }
6419
6362
  var SvgGeneralError = function SvgGeneralError(props) {
6420
- return /* @__PURE__ */ React$1.createElement("svg", _extends$1({
6363
+ return /*#__PURE__*/ React$1.createElement("svg", _extends$1({
6421
6364
  xmlns: "http://www.w3.org/2000/svg",
6422
6365
  width: 164,
6423
6366
  height: 164,
6424
6367
  fill: "none"
6425
- }, props), _g$1 || (_g$1 = /* @__PURE__ */ React$1.createElement("g", { filter: "url(#general-error_svg__a)" }, /* @__PURE__ */ React$1.createElement("g", { clipPath: "url(#general-error_svg__b)" }, /* @__PURE__ */ React$1.createElement("rect", {
6368
+ }, props), _g$1 || (_g$1 = /*#__PURE__*/ React$1.createElement("g", { filter: "url(#general-error_svg__a)" }, /*#__PURE__*/ React$1.createElement("g", { clipPath: "url(#general-error_svg__b)" }, /*#__PURE__*/ React$1.createElement("rect", {
6426
6369
  width: 164,
6427
6370
  height: 164,
6428
6371
  fill: "#F9FAFB",
6429
6372
  rx: 82
6430
- }), /* @__PURE__ */ React$1.createElement("g", { filter: "url(#general-error_svg__c)" }, /* @__PURE__ */ React$1.createElement("rect", {
6373
+ }), /*#__PURE__*/ React$1.createElement("g", { filter: "url(#general-error_svg__c)" }, /*#__PURE__*/ React$1.createElement("rect", {
6431
6374
  width: 256,
6432
6375
  height: 140,
6433
6376
  x: 38.588,
@@ -6436,7 +6379,7 @@ var SvgGeneralError = function SvgGeneralError(props) {
6436
6379
  rx: 6,
6437
6380
  shapeRendering: "crispEdges",
6438
6381
  transform: "rotate(5 38.588 31.111)"
6439
- }), /* @__PURE__ */ React$1.createElement("rect", {
6382
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6440
6383
  width: 104,
6441
6384
  height: 36,
6442
6385
  x: 49.695,
@@ -6444,17 +6387,17 @@ var SvgGeneralError = function SvgGeneralError(props) {
6444
6387
  fill: "#F3F4F6",
6445
6388
  rx: 4,
6446
6389
  transform: "rotate(8 49.695 53.467)"
6447
- }), /* @__PURE__ */ React$1.createElement("path", {
6390
+ }), /*#__PURE__*/ React$1.createElement("path", {
6448
6391
  fill: "#454D5F",
6449
6392
  d: "m-1.777 60.674 226.506-39.94 2.084 11.818L.307 72.492z"
6450
- }), /* @__PURE__ */ React$1.createElement("circle", {
6393
+ }), /*#__PURE__*/ React$1.createElement("circle", {
6451
6394
  cx: 6.159,
6452
6395
  cy: 65.367,
6453
6396
  r: 3,
6454
6397
  fill: "#fff",
6455
6398
  opacity: .24,
6456
6399
  transform: "rotate(-10 6.159 65.367)"
6457
- }), /* @__PURE__ */ React$1.createElement("rect", {
6400
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6458
6401
  width: 10,
6459
6402
  height: 2,
6460
6403
  x: 12.879,
@@ -6463,7 +6406,7 @@ var SvgGeneralError = function SvgGeneralError(props) {
6463
6406
  opacity: .24,
6464
6407
  rx: 1,
6465
6408
  transform: "rotate(-10 12.879 63.166)"
6466
- }), /* @__PURE__ */ React$1.createElement("rect", {
6409
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6467
6410
  width: 48,
6468
6411
  height: 36,
6469
6412
  x: 43.931,
@@ -6471,7 +6414,7 @@ var SvgGeneralError = function SvgGeneralError(props) {
6471
6414
  fill: "#F3F4F6",
6472
6415
  rx: 4,
6473
6416
  transform: "rotate(3 43.93 100.689)"
6474
- }), /* @__PURE__ */ React$1.createElement("rect", {
6417
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6475
6418
  width: 48,
6476
6419
  height: 36,
6477
6420
  x: 41.883,
@@ -6479,7 +6422,7 @@ var SvgGeneralError = function SvgGeneralError(props) {
6479
6422
  fill: "#F3F4F6",
6480
6423
  rx: 4,
6481
6424
  transform: "rotate(9 41.883 146.205)"
6482
- }), /* @__PURE__ */ React$1.createElement("rect", {
6425
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6483
6426
  width: 48,
6484
6427
  height: 36,
6485
6428
  x: 101.884,
@@ -6487,7 +6430,7 @@ var SvgGeneralError = function SvgGeneralError(props) {
6487
6430
  fill: "#F3F4F6",
6488
6431
  rx: 4,
6489
6432
  transform: "rotate(10 101.884 106.895)"
6490
- }), /* @__PURE__ */ React$1.createElement("rect", {
6433
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6491
6434
  width: 48,
6492
6435
  height: 36,
6493
6436
  x: 96.394,
@@ -6495,7 +6438,7 @@ var SvgGeneralError = function SvgGeneralError(props) {
6495
6438
  fill: "#F3F4F6",
6496
6439
  rx: 4,
6497
6440
  transform: "rotate(5 96.394 150.604)"
6498
- }))))), _defs$1 || (_defs$1 = /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement("filter", {
6441
+ }))))), _defs$1 || (_defs$1 = /*#__PURE__*/ React$1.createElement("defs", null, /*#__PURE__*/ React$1.createElement("filter", {
6499
6442
  id: "general-error_svg__a",
6500
6443
  width: 164,
6501
6444
  height: 165,
@@ -6503,26 +6446,26 @@ var SvgGeneralError = function SvgGeneralError(props) {
6503
6446
  y: -1,
6504
6447
  colorInterpolationFilters: "sRGB",
6505
6448
  filterUnits: "userSpaceOnUse"
6506
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
6449
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6507
6450
  floodOpacity: 0,
6508
6451
  result: "BackgroundImageFix"
6509
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
6452
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6510
6453
  "in": "SourceGraphic",
6511
6454
  in2: "BackgroundImageFix",
6512
6455
  result: "shape"
6513
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6456
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6514
6457
  "in": "SourceAlpha",
6515
6458
  result: "hardAlpha",
6516
6459
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6517
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: -1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6460
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: -1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6518
6461
  in2: "hardAlpha",
6519
6462
  k2: -1,
6520
6463
  k3: 1,
6521
6464
  operator: "arithmetic"
6522
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.2 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6465
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.2 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6523
6466
  in2: "shape",
6524
6467
  result: "effect1_innerShadow_7107_90986"
6525
- })), /* @__PURE__ */ React$1.createElement("filter", {
6468
+ })), /*#__PURE__*/ React$1.createElement("filter", {
6526
6469
  id: "general-error_svg__c",
6527
6470
  width: 301.391,
6528
6471
  height: 178.156,
@@ -6530,43 +6473,43 @@ var SvgGeneralError = function SvgGeneralError(props) {
6530
6473
  y: 18.734,
6531
6474
  colorInterpolationFilters: "sRGB",
6532
6475
  filterUnits: "userSpaceOnUse"
6533
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
6476
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6534
6477
  floodOpacity: 0,
6535
6478
  result: "BackgroundImageFix"
6536
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6479
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6537
6480
  "in": "SourceAlpha",
6538
6481
  result: "hardAlpha",
6539
6482
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6540
- }), /* @__PURE__ */ React$1.createElement("feOffset", null), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6483
+ }), /*#__PURE__*/ React$1.createElement("feOffset", null), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6541
6484
  in2: "hardAlpha",
6542
6485
  operator: "out"
6543
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0775545 0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0.12 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6486
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0775545 0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0.12 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6544
6487
  in2: "BackgroundImageFix",
6545
6488
  result: "effect1_dropShadow_7107_90986"
6546
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6489
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6547
6490
  "in": "SourceAlpha",
6548
6491
  result: "hardAlpha",
6549
6492
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6550
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: 1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6493
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: 1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6551
6494
  in2: "hardAlpha",
6552
6495
  operator: "out"
6553
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0775545 0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0.04 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6496
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0775545 0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0.04 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6554
6497
  in2: "effect1_dropShadow_7107_90986",
6555
6498
  result: "effect2_dropShadow_7107_90986"
6556
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
6499
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6557
6500
  "in": "SourceGraphic",
6558
6501
  in2: "effect2_dropShadow_7107_90986",
6559
6502
  result: "shape"
6560
- })), /* @__PURE__ */ React$1.createElement("clipPath", { id: "general-error_svg__b" }, /* @__PURE__ */ React$1.createElement("rect", {
6503
+ })), /*#__PURE__*/ React$1.createElement("clipPath", { id: "general-error_svg__b" }, /*#__PURE__*/ React$1.createElement("rect", {
6561
6504
  width: 164,
6562
6505
  height: 164,
6563
6506
  fill: "#fff",
6564
6507
  rx: 82
6565
6508
  })))));
6566
6509
  };
6567
- //#endregion
6568
- //#region src/lib/user-facing/assets/images/errors/login-error.svg
6569
- var _g, _defs;
6510
+ // src/lib/user-facing/assets/images/errors/login-error.svg
6511
+ var _g;
6512
+ var _defs;
6570
6513
  function _extends() {
6571
6514
  return _extends = Object.assign ? Object.assign.bind() : function(n) {
6572
6515
  for (var e = 1; e < arguments.length; e++) {
@@ -6577,50 +6520,50 @@ function _extends() {
6577
6520
  }, _extends.apply(null, arguments);
6578
6521
  }
6579
6522
  var SvgLoginError = function SvgLoginError(props) {
6580
- return /* @__PURE__ */ React$1.createElement("svg", _extends({
6523
+ return /*#__PURE__*/ React$1.createElement("svg", _extends({
6581
6524
  xmlns: "http://www.w3.org/2000/svg",
6582
6525
  width: 164,
6583
6526
  height: 164,
6584
6527
  fill: "none"
6585
- }, props), _g || (_g = /* @__PURE__ */ React$1.createElement("g", { filter: "url(#login-error_svg__a)" }, /* @__PURE__ */ React$1.createElement("g", { clipPath: "url(#login-error_svg__b)" }, /* @__PURE__ */ React$1.createElement("rect", {
6528
+ }, props), _g || (_g = /*#__PURE__*/ React$1.createElement("g", { filter: "url(#login-error_svg__a)" }, /*#__PURE__*/ React$1.createElement("g", { clipPath: "url(#login-error_svg__b)" }, /*#__PURE__*/ React$1.createElement("rect", {
6586
6529
  width: 164,
6587
6530
  height: 164,
6588
6531
  fill: "#F9FAFB",
6589
6532
  rx: 82
6590
- }), /* @__PURE__ */ React$1.createElement("g", { filter: "url(#login-error_svg__c)" }, /* @__PURE__ */ React$1.createElement("rect", {
6533
+ }), /*#__PURE__*/ React$1.createElement("g", { filter: "url(#login-error_svg__c)" }, /*#__PURE__*/ React$1.createElement("rect", {
6591
6534
  width: 132,
6592
6535
  height: 128,
6593
6536
  x: 16,
6594
6537
  y: 48,
6595
6538
  fill: "#fff",
6596
6539
  rx: 4
6597
- }), /* @__PURE__ */ React$1.createElement("circle", {
6540
+ }), /*#__PURE__*/ React$1.createElement("circle", {
6598
6541
  cx: 82,
6599
6542
  cy: 72,
6600
6543
  r: 12,
6601
6544
  fill: "#E8EAED"
6602
- }), /* @__PURE__ */ React$1.createElement("rect", {
6545
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6603
6546
  width: 30,
6604
6547
  height: 6,
6605
6548
  x: 67,
6606
6549
  y: 92,
6607
6550
  fill: "#E8EAED",
6608
6551
  rx: 3
6609
- }), /* @__PURE__ */ React$1.createElement("rect", {
6552
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6610
6553
  width: 102,
6611
6554
  height: 16,
6612
6555
  x: 31,
6613
6556
  y: 114.002,
6614
6557
  fill: "#E8EAED",
6615
6558
  rx: 4
6616
- }), /* @__PURE__ */ React$1.createElement("rect", {
6559
+ }), /*#__PURE__*/ React$1.createElement("rect", {
6617
6560
  width: 102,
6618
6561
  height: 16,
6619
6562
  x: 31,
6620
6563
  y: 142.002,
6621
6564
  fill: "#E8EAED",
6622
6565
  rx: 4
6623
- }))))), _defs || (_defs = /* @__PURE__ */ React$1.createElement("defs", null, /* @__PURE__ */ React$1.createElement("filter", {
6566
+ }))))), _defs || (_defs = /*#__PURE__*/ React$1.createElement("defs", null, /*#__PURE__*/ React$1.createElement("filter", {
6624
6567
  id: "login-error_svg__a",
6625
6568
  width: 164,
6626
6569
  height: 165,
@@ -6628,26 +6571,26 @@ var SvgLoginError = function SvgLoginError(props) {
6628
6571
  y: -1,
6629
6572
  colorInterpolationFilters: "sRGB",
6630
6573
  filterUnits: "userSpaceOnUse"
6631
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
6574
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6632
6575
  floodOpacity: 0,
6633
6576
  result: "BackgroundImageFix"
6634
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
6577
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6635
6578
  "in": "SourceGraphic",
6636
6579
  in2: "BackgroundImageFix",
6637
6580
  result: "shape"
6638
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6581
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6639
6582
  "in": "SourceAlpha",
6640
6583
  result: "hardAlpha",
6641
6584
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6642
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: -1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6585
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: -1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6643
6586
  in2: "hardAlpha",
6644
6587
  k2: -1,
6645
6588
  k3: 1,
6646
6589
  operator: "arithmetic"
6647
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.2 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6590
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.1056 0 0 0 0 0.11904 0 0 0 0 0.1344 0 0 0 0.2 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6648
6591
  in2: "shape",
6649
6592
  result: "effect1_innerShadow_7083_91308"
6650
- })), /* @__PURE__ */ React$1.createElement("filter", {
6593
+ })), /*#__PURE__*/ React$1.createElement("filter", {
6651
6594
  id: "login-error_svg__c",
6652
6595
  width: 138,
6653
6596
  height: 134,
@@ -6655,42 +6598,41 @@ var SvgLoginError = function SvgLoginError(props) {
6655
6598
  y: 46,
6656
6599
  colorInterpolationFilters: "sRGB",
6657
6600
  filterUnits: "userSpaceOnUse"
6658
- }, /* @__PURE__ */ React$1.createElement("feFlood", {
6601
+ }, /*#__PURE__*/ React$1.createElement("feFlood", {
6659
6602
  floodOpacity: 0,
6660
6603
  result: "BackgroundImageFix"
6661
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6604
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6662
6605
  "in": "SourceAlpha",
6663
6606
  result: "hardAlpha",
6664
6607
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6665
- }), /* @__PURE__ */ React$1.createElement("feOffset", null), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: .5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6608
+ }), /*#__PURE__*/ React$1.createElement("feOffset", null), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: .5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6666
6609
  in2: "hardAlpha",
6667
6610
  operator: "out"
6668
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.12 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6611
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.12 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6669
6612
  in2: "BackgroundImageFix",
6670
6613
  result: "effect1_dropShadow_7083_91308"
6671
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", {
6614
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", {
6672
6615
  "in": "SourceAlpha",
6673
6616
  result: "hardAlpha",
6674
6617
  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
6675
- }), /* @__PURE__ */ React$1.createElement("feOffset", { dy: 1 }), /* @__PURE__ */ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /* @__PURE__ */ React$1.createElement("feComposite", {
6618
+ }), /*#__PURE__*/ React$1.createElement("feOffset", { dy: 1 }), /*#__PURE__*/ React$1.createElement("feGaussianBlur", { stdDeviation: 1.5 }), /*#__PURE__*/ React$1.createElement("feComposite", {
6676
6619
  in2: "hardAlpha",
6677
6620
  operator: "out"
6678
- }), /* @__PURE__ */ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.04 0" }), /* @__PURE__ */ React$1.createElement("feBlend", {
6621
+ }), /*#__PURE__*/ React$1.createElement("feColorMatrix", { values: "0 0 0 0 0.0335371 0 0 0 0 0.206463 0 0 0 0 0.183406 0 0 0 0.04 0" }), /*#__PURE__*/ React$1.createElement("feBlend", {
6679
6622
  in2: "effect1_dropShadow_7083_91308",
6680
6623
  result: "effect2_dropShadow_7083_91308"
6681
- }), /* @__PURE__ */ React$1.createElement("feBlend", {
6624
+ }), /*#__PURE__*/ React$1.createElement("feBlend", {
6682
6625
  "in": "SourceGraphic",
6683
6626
  in2: "effect2_dropShadow_7083_91308",
6684
6627
  result: "shape"
6685
- })), /* @__PURE__ */ React$1.createElement("clipPath", { id: "login-error_svg__b" }, /* @__PURE__ */ React$1.createElement("rect", {
6628
+ })), /*#__PURE__*/ React$1.createElement("clipPath", { id: "login-error_svg__b" }, /*#__PURE__*/ React$1.createElement("rect", {
6686
6629
  width: 164,
6687
6630
  height: 164,
6688
6631
  fill: "#fff",
6689
6632
  rx: 82
6690
6633
  })))));
6691
6634
  };
6692
- //#endregion
6693
- //#region src/lib/user-facing/error-pages/error-component.tsx
6635
+ // src/lib/user-facing/error-pages/error-component.tsx
6694
6636
  const HOME_URL = "/home";
6695
6637
  const VerticalWrapper = styled.div`
6696
6638
  display: flex;
@@ -6792,8 +6734,7 @@ const ErrorComponent = ({ title, errorMessage, buttonText, handleButtonClick, er
6792
6734
  ] })
6793
6735
  });
6794
6736
  };
6795
- //#endregion
6796
- //#region src/lib/user-facing/error-pages/page-not-found.tsx
6737
+ // src/lib/user-facing/error-pages/page-not-found.tsx
6797
6738
  const Wrapper = styled.div`
6798
6739
  text-align: center;
6799
6740
  .bold-text {
@@ -6820,8 +6761,7 @@ const PageNotFound = ({ title = "Content not found", errorMessage = "We couldn
6820
6761
  handleButtonClick: onButtonClick
6821
6762
  }) });
6822
6763
  };
6823
- //#endregion
6824
- //#region src/lib/internal-details/internal-components/route-load-error.tsx
6764
+ // src/lib/internal-details/internal-components/route-load-error.tsx
6825
6765
  function RouteLoadError() {
6826
6766
  const error = useRouteError();
6827
6767
  useEffect(() => {
@@ -6849,8 +6789,7 @@ function RouteLoadError() {
6849
6789
  error && /* @__PURE__ */ jsxs(ErrorDetails, { children: [/* @__PURE__ */ jsx(ErrorSummary, { children: "Full details" }), /* @__PURE__ */ jsx(ErrorStack, { children: error.stack })] })
6850
6790
  ] }) });
6851
6791
  }
6852
- //#endregion
6853
- //#region src/lib/user-facing/global-functions.ts
6792
+ // src/lib/user-facing/global-functions.ts
6854
6793
  /**
6855
6794
  * Logs out the user from all authenticated integrations used in APIs.
6856
6795
  *
@@ -6891,8 +6830,7 @@ async function logoutIntegrations() {
6891
6830
  ...logoutResult?.errors ? { errors: logoutResult.errors } : {}
6892
6831
  };
6893
6832
  }
6894
- //#endregion
6895
- //#region src/lib/user-facing/embed.ts
6833
+ // src/lib/user-facing/embed.ts
6896
6834
  /**
6897
6835
  * Emit a custom event to the external embedder.
6898
6836
  * This is used when the library is embedded in an iframe
@@ -6939,8 +6877,7 @@ const Superblocks = {
6939
6877
  emitEvent,
6940
6878
  getEmbedProperties
6941
6879
  };
6942
- //#endregion
6943
- //#region src/lib/hooks/use-embed-properties.ts
6880
+ // src/lib/hooks/use-embed-properties.ts
6944
6881
  /**
6945
6882
  * React hook for accessing embed properties passed from the external embedder.
6946
6883
  * Automatically re-renders when properties change.
@@ -6965,8 +6902,7 @@ const Superblocks = {
6965
6902
  function useEmbedProperties() {
6966
6903
  return useStandaloneObserverMemo(() => embedStore.properties, []);
6967
6904
  }
6968
- //#endregion
6969
- //#region src/lib/hooks/use-embed-event.ts
6905
+ // src/lib/hooks/use-embed-event.ts
6970
6906
  /**
6971
6907
  * React hook for listening to events triggered by the external embedder.
6972
6908
  * The handler will be called whenever the embedder triggers the specified event.
@@ -7007,8 +6943,7 @@ function useEmbedEvent(eventName, handler) {
7007
6943
  };
7008
6944
  }, [eventName]);
7009
6945
  }
7010
- //#endregion
7011
- //#region src/lib/hooks/use-emit-embed-event.ts
6946
+ // src/lib/hooks/use-emit-embed-event.ts
7012
6947
  /**
7013
6948
  * React hook that returns a function to emit events to the external embedder.
7014
6949
  * Use this to communicate actions or state changes back to the parent application.
@@ -7047,8 +6982,7 @@ function useEmitEmbedEvent() {
7047
6982
  embedStore.emitEvent(eventName, payload);
7048
6983
  }, []);
7049
6984
  }
7050
- //#endregion
7051
- //#region src/lib/index.ts
6985
+ // src/lib/index.ts
7052
6986
  LibraryEarlyConsoleBuffer.getInstance().patchEarly();
7053
6987
  try {
7054
6988
  installDynamicImportErrorReporter();
@@ -7056,7 +6990,6 @@ try {
7056
6990
  console.error("[internal] Failed to install dynamic import reporter", err);
7057
6991
  }
7058
6992
  registerHtmlElements();
7059
- //#endregion
7060
6993
  export { App, PageNotFound, Prop, Property, PropsCategory, RouteLoadError, Section, Superblocks, SbProvider as SuperblocksProvider, createElement, createTypedExecuteApi, embedStore, executeApi, getAppMode, logoutIntegrations, queryClient, registerComponent, tailwindStylesCategory, useApi, useApiData, useApiStateful, useEmbedEvent, useEmbedProperties, useEmitEmbedEvent, useSuperblocksDataTags, useSuperblocksGroups, useSuperblocksProfiles, useSuperblocksUser, useTypedApi, useTypedApiData };
7061
6994
 
7062
6995
  //# sourceMappingURL=index.js.map