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