@burdenoff/microfe-bigconsole 2026.1012.3 → 2026.1012.5
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/bigconsole/BigConsoleRoutes.js +149 -140
- package/dist/bigconsole/assistant/assistantApi.js +5 -5
- package/dist/bigconsole/assistant/assistantProduct.js +4 -1
- package/dist/bigconsole/assistant/displayCopy.d.ts +32 -0
- package/dist/bigconsole/assistant/pageContext.d.ts +14 -0
- package/dist/bigconsole/assistant/pageContext.js +6 -1
- package/dist/bigconsole/assistant/pageControls.d.ts +81 -0
- package/dist/bigconsole/assistant/pageControls.js +169 -0
- package/dist/bigconsole/assistant/previewControl.d.ts +16 -0
- package/dist/bigconsole/assistant/previewControl.js +10 -0
- package/dist/bigconsole/assistant/recordAdapters.js +27 -26
- package/dist/bigconsole/assistant/usePreviewControl.d.ts +2 -0
- package/dist/bigconsole/assistant/usePreviewControl.js +20 -0
- package/dist/bigconsole/components/builder/inspector/AppearanceSection.js +33 -18
- package/dist/bigconsole/components/builder/inspector/DataBindingSection.js +31 -31
- package/dist/bigconsole/components/common/SortBySelect.d.ts +11 -0
- package/dist/bigconsole/components/common/SortBySelect.js +29 -0
- package/dist/bigconsole/components/common/index.d.ts +1 -0
- package/dist/bigconsole/components/common/index.js +1 -0
- package/dist/bigconsole/components/dashboard/CreateDashboardDialog.js +44 -44
- package/dist/bigconsole/components/dashboard/DashboardCanvas.js +36 -36
- package/dist/bigconsole/components/dashboard/DashboardToolbar.js +59 -59
- package/dist/bigconsole/components/dashboard/DrilldownBreadcrumb.js +15 -15
- package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterChip.js +30 -30
- package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterEditor.js +41 -41
- package/dist/bigconsole/components/dashboard/GlobalFiltersBar/FilterPresetSelector.js +34 -34
- package/dist/bigconsole/components/dashboard/GlobalFiltersBar/GlobalFiltersBar.js +34 -34
- package/dist/bigconsole/components/dashboard/ImportDashboardDialog.js +153 -153
- package/dist/bigconsole/components/dashboard/PublishToStoreDialog.js +21 -21
- package/dist/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.js +46 -46
- package/dist/bigconsole/components/dashboard/ShareDialog/EmbedTab.js +134 -134
- package/dist/bigconsole/components/dashboard/ShareDialog/ShareDialog.js +101 -101
- package/dist/bigconsole/components/dashboard/TemplateInstallOptions.js +31 -31
- package/dist/bigconsole/components/dashboard/TemplateLayoutPreview.js +15 -15
- package/dist/bigconsole/components/dashboard/TemplatePicker/TemplatePicker.js +1 -1
- package/dist/bigconsole/components/dashboard/WidgetPalette.js +154 -150
- package/dist/bigconsole/components/datasink/AlertExecutionHistory.js +37 -37
- package/dist/bigconsole/components/datasink/AlertRuleEditor.js +66 -66
- package/dist/bigconsole/components/datasink/CacheTTLSelector.js +35 -35
- package/dist/bigconsole/components/datasink/DataSinkCard.js +51 -50
- package/dist/bigconsole/components/datasink/DataSinkDeleteDialog.js +18 -18
- package/dist/bigconsole/components/datasink/DataSinkRefreshDialog.js +20 -20
- package/dist/bigconsole/components/datasink/ImportDataGuideDialog.js +47 -47
- package/dist/bigconsole/components/datasink/ImportDataSinkDialog.js +91 -91
- package/dist/bigconsole/components/datasink/RefreshTypeSelector.js +35 -35
- package/dist/bigconsole/components/embed/renderer-manifest.js +12 -0
- package/dist/bigconsole/components/parser/DataSinkSelector.js +40 -40
- package/dist/bigconsole/components/parser/ImportParserDialog.js +120 -120
- package/dist/bigconsole/components/parser/ParserSelector.js +51 -51
- package/dist/bigconsole/components/pipeline/PipelineScopePicker.js +10 -10
- package/dist/bigconsole/components/preview/AiPreviewMiniPanel.js +77 -76
- package/dist/bigconsole/components/preview/AiPreviewPanel.js +96 -95
- package/dist/bigconsole/components/widgets/ActionConfigDialog.js +4 -4
- package/dist/bigconsole/components/widgets/DrilldownConfigPanel.js +93 -93
- package/dist/bigconsole/components/widgets/PropertiesPanel.js +507 -499
- package/dist/bigconsole/components/widgets/WidgetRegistry.js +122 -1
- package/dist/bigconsole/components/widgets/WidgetWrapper.js +227 -224
- package/dist/bigconsole/components/widgets/advanced/AdvancedWidgetConfig.d.ts +10 -0
- package/dist/bigconsole/components/widgets/advanced/AdvancedWidgetConfig.js +113 -0
- package/dist/bigconsole/components/widgets/advanced/AdvancedWidgets.d.ts +10 -0
- package/dist/bigconsole/components/widgets/advanced/AdvancedWidgets.js +187 -0
- package/dist/bigconsole/components/widgets/advanced/boxPlotDescription.d.ts +7 -0
- package/dist/bigconsole/components/widgets/advanced/boxPlotDescription.js +12 -0
- package/dist/bigconsole/components/widgets/advanced/data.d.ts +36 -0
- package/dist/bigconsole/components/widgets/advanced/data.js +113 -0
- package/dist/bigconsole/components/widgets/advanced/mapData.d.ts +10 -0
- package/dist/bigconsole/components/widgets/advanced/mapData.js +22 -0
- package/dist/bigconsole/components/widgets/advanced/waterfallData.d.ts +15 -0
- package/dist/bigconsole/components/widgets/advanced/waterfallData.js +28 -0
- package/dist/bigconsole/components/widgets/calendar/CalendarWidget.js +4 -4
- package/dist/bigconsole/components/widgets/chart/ChartConfig.js +48 -48
- package/dist/bigconsole/components/widgets/chart/charts/WaterfallChart.js +34 -37
- package/dist/bigconsole/components/widgets/comments/WidgetComments.js +46 -46
- package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.js +61 -61
- package/dist/bigconsole/components/widgets/form/FormWidget.js +36 -36
- package/dist/bigconsole/components/widgets/gauge/GaugeConfig.js +42 -42
- package/dist/bigconsole/components/widgets/heatmap/HeatmapConfig.js +25 -25
- package/dist/bigconsole/components/widgets/index.js +1 -1
- package/dist/bigconsole/components/widgets/kanban/KanbanWidget.js +4 -4
- package/dist/bigconsole/components/widgets/list/ListConfig.js +30 -30
- package/dist/bigconsole/components/widgets/map-widget/MapWidget.d.ts +2 -0
- package/dist/bigconsole/components/widgets/map-widget/MapWidget.js +64 -63
- package/dist/bigconsole/components/widgets/metric-card/MetricCardConfig.js +38 -38
- package/dist/bigconsole/components/widgets/metric-card/SparklineChart.js +9 -9
- package/dist/bigconsole/components/widgets/metric-card/TrendIndicator.js +9 -9
- package/dist/bigconsole/components/widgets/pivot-table/PivotTableWidget.js +49 -49
- package/dist/bigconsole/components/widgets/progress/ProgressConfig.js +39 -39
- package/dist/bigconsole/components/widgets/table/TableConfig.js +73 -73
- package/dist/bigconsole/components/widgets/webhook-config/WebhookConfigPanel.js +64 -64
- package/dist/bigconsole/components/workflow/WorkflowOpenGuard.js +15 -15
- package/dist/bigconsole/components/workflow/WorkflowSinkLinkForm.js +15 -15
- package/dist/bigconsole/constants/backendErrors.js +94 -0
- package/dist/bigconsole/customWidget/CustomWidgetBuilderSheet.js +10 -10
- package/dist/bigconsole/customWidget/CustomWidgetProposalPanel.js +67 -67
- package/dist/bigconsole/graphql/widgetCapabilities.d.ts +7 -0
- package/dist/bigconsole/graphql/widgetCapabilities.js +37 -0
- package/dist/bigconsole/hooks/useDashboardLayoutBaseline.d.ts +14 -0
- package/dist/bigconsole/hooks/useDashboardLayoutBaseline.js +32 -0
- package/dist/bigconsole/hooks/useDataSinkAlerts.d.ts +23 -0
- package/dist/bigconsole/hooks/useDataSinkAlerts.js +138 -113
- package/dist/bigconsole/hooks/useDrilldown.js +3 -3
- package/dist/bigconsole/hooks/useGlobalFilters.js +3 -3
- package/dist/bigconsole/hooks/useWidgetCatalog.js +46 -41
- package/dist/bigconsole/hooks/useWidgetOperations.js +113 -88
- package/dist/bigconsole/pages/AdminPage.js +130 -130
- package/dist/bigconsole/pages/DashboardBuilderPage.js +72 -60
- package/dist/bigconsole/pages/DashboardViewPage.js +244 -221
- package/dist/bigconsole/pages/DashboardsPage.js +269 -221
- package/dist/bigconsole/pages/DataParsersPage.js +180 -157
- package/dist/bigconsole/pages/DataSinkAlertsPage.js +62 -55
- package/dist/bigconsole/pages/DataSinkBuilderPage.js +252 -234
- package/dist/bigconsole/pages/DataSinkViewPage.js +1 -1
- package/dist/bigconsole/pages/DataSinksPage.js +335 -299
- package/dist/bigconsole/pages/DataSourcesPage.js +5 -5
- package/dist/bigconsole/pages/InsightsPage.js +279 -265
- package/dist/bigconsole/pages/OverviewPage.js +47 -47
- package/dist/bigconsole/pages/ParserBuilderPage.js +229 -213
- package/dist/bigconsole/pages/ParserViewPage.js +97 -97
- package/dist/bigconsole/pages/PipelineBuilderPage.js +256 -214
- package/dist/bigconsole/pages/PipelineViewPage.js +146 -146
- package/dist/bigconsole/pages/PipelinesPage.js +107 -88
- package/dist/bigconsole/pages/SettingsPage.js +179 -173
- package/dist/bigconsole/pages/WidgetDemoPage.js +42 -42
- package/dist/bigconsole/pages/WorkflowViewPage.js +1 -1
- package/dist/bigconsole/pages/WorkflowsPage.js +141 -141
- package/dist/bigconsole/providers/BigConsoleQuotaProvider.js +12 -12
- package/dist/bigconsole/renderers/adapters/AdaptiveCardRenderer.js +34 -34
- package/dist/bigconsole/renderers/adapters/BigConsoleRenderer.js +8 -5
- package/dist/bigconsole/renderers/adapters/BlockKitRenderer.js +69 -69
- package/dist/bigconsole/renderers/adapters/CustomRenderer.js +46 -46
- package/dist/bigconsole/store/widgetStore.d.ts +12 -0
- package/dist/bigconsole/store/widgetStore.js +3 -1
- package/dist/bigconsole/types/index.d.ts +1 -1
- package/dist/bigconsole/utils/advancedWidgetCapabilities.d.ts +14 -0
- package/dist/bigconsole/utils/advancedWidgetCapabilities.js +36 -0
- package/dist/bigconsole/utils/backendError.d.ts +18 -0
- package/dist/bigconsole/utils/backendError.js +42 -0
- package/dist/bigconsole/utils/dashboardList.d.ts +28 -0
- package/dist/bigconsole/utils/dashboardList.js +15 -0
- package/dist/bigconsole/utils/dataSinkList.d.ts +15 -0
- package/dist/bigconsole/utils/dataSinkList.js +15 -0
- package/dist/bigconsole/utils/formDirty.d.ts +82 -0
- package/dist/bigconsole/utils/formDirty.js +21 -0
- package/dist/bigconsole/utils/insightsDraft.d.ts +29 -0
- package/dist/bigconsole/utils/insightsDraft.js +8 -0
- package/dist/bigconsole/utils/layoutBaseline.d.ts +130 -0
- package/dist/bigconsole/utils/layoutBaseline.js +96 -0
- package/dist/bigconsole/utils/listSort.d.ts +80 -0
- package/dist/bigconsole/utils/listSort.js +85 -0
- package/dist/bigconsole/utils/widgetFormDirty.d.ts +16 -0
- package/dist/bigconsole/utils/widgetFormDirty.js +13 -0
- package/dist/bigconsole/utils/widgetTypeMapping.d.ts +1 -1
- package/dist/bigconsole/utils/widgetTypeMapping.js +13 -2
- package/dist/bigconsole/workflowOpen.js +15 -14
- package/dist/generated/wspace-operations.d.ts +61 -2
- package/dist/generated/wspace-operations.js +44 -18
- package/dist/generated/wspace-types.d.ts +34 -3
- package/package.json +3 -3
|
@@ -3,58 +3,58 @@ import { BIGCONSOLE_PERMISSIONS as t } from "../../../../constants/permissions.j
|
|
|
3
3
|
import n, { themeChoiceFromPolicy as r } from "../../../hooks/useDashboardEmbedPolicy.js";
|
|
4
4
|
import { useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
|
|
5
5
|
import { usePermissions as c } from "@burdenoff/fe-libs/shared/providers/shell";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
6
|
+
import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
7
|
+
import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
8
8
|
//#region src/bigconsole/components/dashboard/ShareDialog/EmbedTab.tsx
|
|
9
|
-
var
|
|
9
|
+
var ee = [
|
|
10
10
|
"light",
|
|
11
11
|
"dark",
|
|
12
12
|
"auto"
|
|
13
13
|
];
|
|
14
|
-
function
|
|
14
|
+
function p(e, t) {
|
|
15
15
|
return t === "light" ? e : e.replace(/(?<=\s)src="([^"]*)"/, (e, n) => {
|
|
16
16
|
let r = n.indexOf("#"), i = r === -1 ? n : n.slice(0, r), a = r === -1 ? "" : n.slice(r);
|
|
17
17
|
return `src="${i}${i.includes("?") ? "&" : "?"}theme=${t}${a}"`;
|
|
18
18
|
});
|
|
19
19
|
}
|
|
20
|
-
function
|
|
21
|
-
let { t:
|
|
20
|
+
function m({ dashboardId: m, colors: h }) {
|
|
21
|
+
let { t: g } = l(), { policy: _, secret: v, loading: y, error: b, fetchPolicy: x, publishToWeb: S, applyPresentation: C, setAllowedOrigins: w, rotateKey: T, unpublish: te } = n(), { hasPermission: E } = c(), D = E(t.DASHBOARD_MANAGE_EMBED), [O, k] = s(""), [A, j] = s([]), [M, N] = s(!1), [P, F] = s(!1), [I, L] = s("light"), [R, z] = s(!1), [ne, B] = s(!1), [V, H] = s(null), U = o(null), W = o(null);
|
|
22
22
|
i(() => {
|
|
23
|
-
|
|
24
|
-
}, [
|
|
25
|
-
!
|
|
26
|
-
}, [
|
|
23
|
+
m && x(m);
|
|
24
|
+
}, [m, x]), i(() => {
|
|
25
|
+
!_ || U.current === _.id || (U.current = _.id, L(r(_.presentationTheme)), z(_.showDashboardTitle));
|
|
26
|
+
}, [_]), i(() => () => {
|
|
27
27
|
W.current && clearTimeout(W.current);
|
|
28
28
|
}, []);
|
|
29
|
-
let G =
|
|
29
|
+
let G = _?.status === "ACTIVE", K = G ? _?.allowedParentOrigins ?? [] : A, q = a(() => v?.iframeSnippet ? p(v.iframeSnippet, I) : null, [v, I]), J = () => {
|
|
30
30
|
H(null);
|
|
31
31
|
let t = e(O);
|
|
32
32
|
if (!t) {
|
|
33
|
-
H(
|
|
33
|
+
H(g("bigconsole.dashboards.embed.error.invalidOrigin", "Enter a valid https origin, e.g. https://example.com"));
|
|
34
34
|
return;
|
|
35
35
|
}
|
|
36
36
|
if (K.includes(t)) {
|
|
37
37
|
k("");
|
|
38
38
|
return;
|
|
39
39
|
}
|
|
40
|
-
G &&
|
|
40
|
+
G && _ ? w(_.id, [...K, t]) : j((e) => [...e, t]), k("");
|
|
41
41
|
}, Y = (e) => {
|
|
42
|
-
G &&
|
|
42
|
+
G && _ ? w(_.id, K.filter((t) => t !== e)) : j((t) => t.filter((t) => t !== e));
|
|
43
43
|
}, X = async () => {
|
|
44
44
|
if (H(null), A.length === 0) {
|
|
45
|
-
H(
|
|
45
|
+
H(g("bigconsole.dashboards.embed.error.noDomains", "Add at least one allowed website domain before publishing."));
|
|
46
46
|
return;
|
|
47
47
|
}
|
|
48
48
|
if (!M) {
|
|
49
|
-
H(
|
|
49
|
+
H(g("bigconsole.dashboards.embed.error.notAttested", "Please confirm this dashboard is safe to be public."));
|
|
50
50
|
return;
|
|
51
51
|
}
|
|
52
|
-
await
|
|
52
|
+
await S(m, A, !0, {
|
|
53
53
|
theme: I,
|
|
54
54
|
showTitle: R
|
|
55
55
|
});
|
|
56
56
|
}, re = async () => {
|
|
57
|
-
|
|
57
|
+
_ && (H(null), await C(_.id, {
|
|
58
58
|
theme: I,
|
|
59
59
|
showTitle: R
|
|
60
60
|
}) && (B(!0), W.current && clearTimeout(W.current), W.current = setTimeout(() => B(!1), 1500)));
|
|
@@ -62,13 +62,13 @@ function p({ dashboardId: p, colors: m }) {
|
|
|
62
62
|
try {
|
|
63
63
|
await navigator.clipboard.writeText(e), F(!0), setTimeout(() => F(!1), 1500);
|
|
64
64
|
} catch {
|
|
65
|
-
H(
|
|
65
|
+
H(g("bigconsole.dashboards.embed.error.copyFailed", "Could not copy — select and copy manually."));
|
|
66
66
|
}
|
|
67
67
|
}, ie = {
|
|
68
68
|
padding: "8px 14px",
|
|
69
69
|
borderRadius: "8px",
|
|
70
70
|
border: "none",
|
|
71
|
-
background:
|
|
71
|
+
background: h.actionPrimaryBg,
|
|
72
72
|
color: "#fff",
|
|
73
73
|
fontSize: "13px",
|
|
74
74
|
fontWeight: 600,
|
|
@@ -76,25 +76,25 @@ function p({ dashboardId: p, colors: m }) {
|
|
|
76
76
|
}, Q = {
|
|
77
77
|
padding: "8px 14px",
|
|
78
78
|
borderRadius: "8px",
|
|
79
|
-
border: `1px solid ${
|
|
79
|
+
border: `1px solid ${h.borderDefault}`,
|
|
80
80
|
background: "transparent",
|
|
81
|
-
color:
|
|
81
|
+
color: h.textPrimary,
|
|
82
82
|
fontSize: "13px",
|
|
83
83
|
cursor: "pointer"
|
|
84
84
|
}, ae = {
|
|
85
85
|
flex: 1,
|
|
86
86
|
padding: "8px 10px",
|
|
87
87
|
borderRadius: "8px",
|
|
88
|
-
border: `1px solid ${
|
|
89
|
-
background:
|
|
90
|
-
color:
|
|
88
|
+
border: `1px solid ${h.borderDefault}`,
|
|
89
|
+
background: h.bgSecondary,
|
|
90
|
+
color: h.textPrimary,
|
|
91
91
|
fontSize: "13px"
|
|
92
92
|
}, oe = {
|
|
93
93
|
padding: "4px 8px",
|
|
94
94
|
borderRadius: "6px",
|
|
95
|
-
border: `1px solid ${
|
|
96
|
-
background:
|
|
97
|
-
color:
|
|
95
|
+
border: `1px solid ${h.borderDefault}`,
|
|
96
|
+
background: h.bgSecondary,
|
|
97
|
+
color: h.textPrimary,
|
|
98
98
|
fontSize: "12px",
|
|
99
99
|
cursor: "pointer"
|
|
100
100
|
}, se = {
|
|
@@ -102,230 +102,230 @@ function p({ dashboardId: p, colors: m }) {
|
|
|
102
102
|
gap: "8px",
|
|
103
103
|
alignItems: "flex-start",
|
|
104
104
|
fontSize: "12px",
|
|
105
|
-
color:
|
|
106
|
-
}, ce = a(() =>
|
|
105
|
+
color: h.textSecondary
|
|
106
|
+
}, ce = a(() => ee.map((e) => ({
|
|
107
107
|
value: e,
|
|
108
|
-
label: e === "light" ?
|
|
109
|
-
})), [
|
|
108
|
+
label: e === "light" ? g("bigconsole.dashboards.embed.theme.option.light", "Light") : e === "dark" ? g("bigconsole.dashboards.embed.theme.option.dark", "Dark") : g("bigconsole.dashboards.embed.theme.option.auto", "Auto (match viewer)")
|
|
109
|
+
})), [g]), $ = /* @__PURE__ */ f("div", {
|
|
110
110
|
style: {
|
|
111
111
|
display: "flex",
|
|
112
112
|
flexDirection: "column",
|
|
113
113
|
gap: "10px"
|
|
114
114
|
},
|
|
115
115
|
children: [
|
|
116
|
-
/* @__PURE__ */
|
|
116
|
+
/* @__PURE__ */ f("label", {
|
|
117
117
|
style: {
|
|
118
118
|
display: "flex",
|
|
119
119
|
alignItems: "center",
|
|
120
120
|
justifyContent: "space-between",
|
|
121
121
|
gap: "8px"
|
|
122
122
|
},
|
|
123
|
-
children: [/* @__PURE__ */
|
|
123
|
+
children: [/* @__PURE__ */ d("span", {
|
|
124
124
|
style: {
|
|
125
125
|
fontSize: "12px",
|
|
126
|
-
color:
|
|
126
|
+
color: h.textSecondary
|
|
127
127
|
},
|
|
128
|
-
children:
|
|
129
|
-
}), /* @__PURE__ */
|
|
128
|
+
children: g("bigconsole.dashboards.embed.theme.label", "Theme")
|
|
129
|
+
}), /* @__PURE__ */ d("select", {
|
|
130
130
|
value: I,
|
|
131
131
|
onChange: (e) => {
|
|
132
132
|
let t = e.target.value;
|
|
133
133
|
(t === "light" || t === "dark" || t === "auto") && L(t);
|
|
134
134
|
},
|
|
135
135
|
style: oe,
|
|
136
|
-
children: ce.map((e) => /* @__PURE__ */
|
|
136
|
+
children: ce.map((e) => /* @__PURE__ */ d("option", {
|
|
137
137
|
value: e.value,
|
|
138
138
|
children: e.label
|
|
139
139
|
}, e.value))
|
|
140
140
|
})]
|
|
141
141
|
}),
|
|
142
|
-
/* @__PURE__ */
|
|
142
|
+
/* @__PURE__ */ f("label", {
|
|
143
143
|
style: se,
|
|
144
|
-
children: [/* @__PURE__ */
|
|
144
|
+
children: [/* @__PURE__ */ d("input", {
|
|
145
145
|
type: "checkbox",
|
|
146
146
|
checked: R,
|
|
147
147
|
onChange: (e) => z(e.target.checked)
|
|
148
|
-
}), /* @__PURE__ */
|
|
148
|
+
}), /* @__PURE__ */ d("span", { children: g("bigconsole.dashboards.embed.presentation.showTitle", "Show the dashboard title as a header") })]
|
|
149
149
|
}),
|
|
150
|
-
/* @__PURE__ */
|
|
150
|
+
/* @__PURE__ */ d("div", {
|
|
151
151
|
style: {
|
|
152
152
|
fontSize: "11px",
|
|
153
|
-
color:
|
|
153
|
+
color: h.textTertiary
|
|
154
154
|
},
|
|
155
|
-
children:
|
|
155
|
+
children: g("bigconsole.dashboards.embed.presentation.brandingNote", "Embeds always carry a “Powered by BigConsole” footer.")
|
|
156
156
|
})
|
|
157
157
|
]
|
|
158
158
|
});
|
|
159
|
-
return /* @__PURE__ */
|
|
159
|
+
return /* @__PURE__ */ f("div", {
|
|
160
160
|
style: { padding: "20px 24px" },
|
|
161
161
|
children: [
|
|
162
|
-
/* @__PURE__ */
|
|
162
|
+
/* @__PURE__ */ f("div", {
|
|
163
163
|
style: {
|
|
164
164
|
display: "flex",
|
|
165
165
|
alignItems: "center",
|
|
166
166
|
justifyContent: "space-between",
|
|
167
167
|
padding: "12px 14px",
|
|
168
168
|
borderRadius: "10px",
|
|
169
|
-
background:
|
|
169
|
+
background: h.bgSecondary,
|
|
170
170
|
marginBottom: "16px"
|
|
171
171
|
},
|
|
172
|
-
children: [/* @__PURE__ */
|
|
172
|
+
children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
|
|
173
173
|
style: {
|
|
174
174
|
fontSize: "14px",
|
|
175
175
|
fontWeight: 600,
|
|
176
|
-
color:
|
|
176
|
+
color: h.textPrimary
|
|
177
177
|
},
|
|
178
|
-
children:
|
|
179
|
-
}), /* @__PURE__ */
|
|
178
|
+
children: g("bigconsole.dashboards.embed.heading", "Publish to the web")
|
|
179
|
+
}), /* @__PURE__ */ d("div", {
|
|
180
180
|
style: {
|
|
181
181
|
fontSize: "12px",
|
|
182
|
-
color:
|
|
182
|
+
color: h.textSecondary,
|
|
183
183
|
marginTop: "2px"
|
|
184
184
|
},
|
|
185
|
-
children: G ?
|
|
186
|
-
})] }), /* @__PURE__ */
|
|
185
|
+
children: G ? g("bigconsole.dashboards.embed.status.liveDescription", "This dashboard is live. Anyone with the link on an allowed website sees its live data.") : g("bigconsole.dashboards.embed.status.privateDescription", "Embed this dashboard on your website. Viewers see live data — no login required.")
|
|
186
|
+
})] }), /* @__PURE__ */ d("span", {
|
|
187
187
|
style: {
|
|
188
188
|
fontSize: "11px",
|
|
189
189
|
fontWeight: 700,
|
|
190
190
|
padding: "3px 8px",
|
|
191
191
|
borderRadius: "999px",
|
|
192
192
|
color: "#fff",
|
|
193
|
-
background: G ?
|
|
193
|
+
background: G ? h.statusSuccessBg : h.textTertiary
|
|
194
194
|
},
|
|
195
|
-
children: G ?
|
|
195
|
+
children: G ? g("bigconsole.dashboards.embed.badge.published", "PUBLISHED") : g("bigconsole.dashboards.embed.badge.private", "PRIVATE")
|
|
196
196
|
})]
|
|
197
197
|
}),
|
|
198
|
-
/* @__PURE__ */
|
|
198
|
+
/* @__PURE__ */ f("div", {
|
|
199
199
|
style: { marginBottom: "16px" },
|
|
200
200
|
children: [
|
|
201
|
-
/* @__PURE__ */
|
|
201
|
+
/* @__PURE__ */ d("div", {
|
|
202
202
|
style: {
|
|
203
203
|
fontSize: "12px",
|
|
204
204
|
fontWeight: 600,
|
|
205
|
-
color:
|
|
205
|
+
color: h.textSecondary,
|
|
206
206
|
marginBottom: "6px"
|
|
207
207
|
},
|
|
208
|
-
children:
|
|
208
|
+
children: g("bigconsole.dashboards.embed.domains.label", "Allowed website domains")
|
|
209
209
|
}),
|
|
210
|
-
/* @__PURE__ */
|
|
210
|
+
/* @__PURE__ */ f("div", {
|
|
211
211
|
style: {
|
|
212
212
|
display: "flex",
|
|
213
213
|
gap: "8px",
|
|
214
214
|
marginBottom: "8px"
|
|
215
215
|
},
|
|
216
|
-
children: [/* @__PURE__ */
|
|
216
|
+
children: [/* @__PURE__ */ d("input", {
|
|
217
217
|
style: ae,
|
|
218
|
-
placeholder:
|
|
218
|
+
placeholder: g("bigconsole.dashboards.embed.domains.placeholder", "https://yoursite.com"),
|
|
219
219
|
value: O,
|
|
220
220
|
onChange: (e) => k(e.target.value),
|
|
221
221
|
onKeyDown: (e) => {
|
|
222
222
|
e.key === "Enter" && J();
|
|
223
223
|
}
|
|
224
|
-
}), /* @__PURE__ */
|
|
224
|
+
}), /* @__PURE__ */ d("button", {
|
|
225
225
|
style: Q,
|
|
226
226
|
onClick: J,
|
|
227
227
|
type: "button",
|
|
228
228
|
disabled: !D,
|
|
229
|
-
children:
|
|
229
|
+
children: g("bigconsole.dashboards.embed.domains.add", "Add")
|
|
230
230
|
})]
|
|
231
231
|
}),
|
|
232
|
-
K.length === 0 ? /* @__PURE__ */
|
|
232
|
+
K.length === 0 ? /* @__PURE__ */ d("div", {
|
|
233
233
|
style: {
|
|
234
234
|
fontSize: "12px",
|
|
235
|
-
color:
|
|
235
|
+
color: h.textTertiary
|
|
236
236
|
},
|
|
237
|
-
children:
|
|
238
|
-
}) : /* @__PURE__ */
|
|
237
|
+
children: g("bigconsole.dashboards.embed.domains.empty", "No domains yet. Only listed https domains may frame this dashboard.")
|
|
238
|
+
}) : /* @__PURE__ */ d("div", {
|
|
239
239
|
style: {
|
|
240
240
|
display: "flex",
|
|
241
241
|
flexDirection: "column",
|
|
242
242
|
gap: "6px"
|
|
243
243
|
},
|
|
244
|
-
children: K.map((e) => /* @__PURE__ */
|
|
244
|
+
children: K.map((e) => /* @__PURE__ */ f("div", {
|
|
245
245
|
style: {
|
|
246
246
|
display: "flex",
|
|
247
247
|
alignItems: "center",
|
|
248
248
|
justifyContent: "space-between",
|
|
249
249
|
padding: "6px 10px",
|
|
250
250
|
borderRadius: "8px",
|
|
251
|
-
background:
|
|
251
|
+
background: h.bgTertiary
|
|
252
252
|
},
|
|
253
|
-
children: [/* @__PURE__ */
|
|
253
|
+
children: [/* @__PURE__ */ d("span", {
|
|
254
254
|
style: {
|
|
255
255
|
fontSize: "13px",
|
|
256
|
-
color:
|
|
256
|
+
color: h.textPrimary
|
|
257
257
|
},
|
|
258
258
|
children: e
|
|
259
|
-
}), D && /* @__PURE__ */
|
|
259
|
+
}), D && /* @__PURE__ */ d("button", {
|
|
260
260
|
style: {
|
|
261
261
|
...Q,
|
|
262
262
|
padding: "2px 8px",
|
|
263
|
-
color:
|
|
263
|
+
color: h.statusErrorText
|
|
264
264
|
},
|
|
265
265
|
onClick: () => Y(e),
|
|
266
266
|
type: "button",
|
|
267
|
-
children:
|
|
267
|
+
children: g("bigconsole.dashboards.embed.domains.remove", "Remove")
|
|
268
268
|
})]
|
|
269
269
|
}, e))
|
|
270
270
|
})
|
|
271
271
|
]
|
|
272
272
|
}),
|
|
273
|
-
!G && /* @__PURE__ */
|
|
273
|
+
!G && /* @__PURE__ */ f("div", {
|
|
274
274
|
style: { marginBottom: "16px" },
|
|
275
|
-
children: [/* @__PURE__ */
|
|
275
|
+
children: [/* @__PURE__ */ d("div", {
|
|
276
276
|
style: {
|
|
277
277
|
fontSize: "12px",
|
|
278
278
|
fontWeight: 600,
|
|
279
|
-
color:
|
|
279
|
+
color: h.textSecondary,
|
|
280
280
|
marginBottom: "8px"
|
|
281
281
|
},
|
|
282
|
-
children:
|
|
282
|
+
children: g("bigconsole.dashboards.embed.presentation.heading", "Presentation")
|
|
283
283
|
}), $]
|
|
284
284
|
}),
|
|
285
|
-
!G && /* @__PURE__ */
|
|
285
|
+
!G && /* @__PURE__ */ f("div", {
|
|
286
286
|
style: { marginBottom: "8px" },
|
|
287
|
-
children: [/* @__PURE__ */
|
|
287
|
+
children: [/* @__PURE__ */ f("label", {
|
|
288
288
|
style: {
|
|
289
289
|
display: "flex",
|
|
290
290
|
gap: "8px",
|
|
291
291
|
alignItems: "flex-start",
|
|
292
292
|
marginBottom: "12px"
|
|
293
293
|
},
|
|
294
|
-
children: [/* @__PURE__ */
|
|
294
|
+
children: [/* @__PURE__ */ d("input", {
|
|
295
295
|
type: "checkbox",
|
|
296
296
|
checked: M,
|
|
297
297
|
onChange: (e) => N(e.target.checked)
|
|
298
|
-
}), /* @__PURE__ */
|
|
298
|
+
}), /* @__PURE__ */ d("span", {
|
|
299
299
|
style: {
|
|
300
300
|
fontSize: "12px",
|
|
301
|
-
color:
|
|
301
|
+
color: h.textSecondary
|
|
302
302
|
},
|
|
303
|
-
children:
|
|
303
|
+
children: g("bigconsole.dashboards.embed.attestation", "I understand this makes the dashboard’s live data visible to anyone with the link, and I confirm it is safe to be public.")
|
|
304
304
|
})]
|
|
305
|
-
}), /* @__PURE__ */
|
|
305
|
+
}), /* @__PURE__ */ d("button", {
|
|
306
306
|
style: ie,
|
|
307
307
|
onClick: X,
|
|
308
|
-
disabled:
|
|
308
|
+
disabled: y || !D,
|
|
309
309
|
type: "button",
|
|
310
|
-
children:
|
|
310
|
+
children: y ? g("bigconsole.dashboards.embed.publishing", "Publishing…") : g("bigconsole.dashboards.embed.publish", "Publish to web")
|
|
311
311
|
})]
|
|
312
312
|
}),
|
|
313
|
-
G && /* @__PURE__ */
|
|
314
|
-
q ? /* @__PURE__ */
|
|
313
|
+
G && /* @__PURE__ */ f(u, { children: [
|
|
314
|
+
q ? /* @__PURE__ */ f("div", {
|
|
315
315
|
style: { marginBottom: "16px" },
|
|
316
316
|
children: [
|
|
317
|
-
/* @__PURE__ */
|
|
317
|
+
/* @__PURE__ */ d("div", {
|
|
318
318
|
style: { marginBottom: "6px" },
|
|
319
|
-
children: /* @__PURE__ */
|
|
319
|
+
children: /* @__PURE__ */ d("span", {
|
|
320
320
|
style: {
|
|
321
321
|
fontSize: "12px",
|
|
322
322
|
fontWeight: 600,
|
|
323
|
-
color:
|
|
323
|
+
color: h.textSecondary
|
|
324
324
|
},
|
|
325
|
-
children:
|
|
325
|
+
children: g("bigconsole.dashboards.embed.snippet.label", "Embed snippet")
|
|
326
326
|
})
|
|
327
327
|
}),
|
|
328
|
-
/* @__PURE__ */
|
|
328
|
+
/* @__PURE__ */ d("textarea", {
|
|
329
329
|
readOnly: !0,
|
|
330
330
|
value: q,
|
|
331
331
|
style: {
|
|
@@ -333,115 +333,115 @@ function p({ dashboardId: p, colors: m }) {
|
|
|
333
333
|
minHeight: "96px",
|
|
334
334
|
padding: "10px",
|
|
335
335
|
borderRadius: "8px",
|
|
336
|
-
border: `1px solid ${
|
|
337
|
-
background:
|
|
338
|
-
color:
|
|
336
|
+
border: `1px solid ${h.borderDefault}`,
|
|
337
|
+
background: h.bgSecondary,
|
|
338
|
+
color: h.textPrimary,
|
|
339
339
|
fontFamily: "monospace",
|
|
340
340
|
fontSize: "12px",
|
|
341
341
|
resize: "vertical"
|
|
342
342
|
}
|
|
343
343
|
}),
|
|
344
|
-
/* @__PURE__ */
|
|
344
|
+
/* @__PURE__ */ d("button", {
|
|
345
345
|
style: {
|
|
346
346
|
...Q,
|
|
347
347
|
marginTop: "8px"
|
|
348
348
|
},
|
|
349
349
|
onClick: () => Z(q),
|
|
350
350
|
type: "button",
|
|
351
|
-
children: P ?
|
|
351
|
+
children: P ? g("bigconsole.dashboards.embed.snippet.copied", "Copied ✓") : g("bigconsole.dashboards.embed.snippet.copy", "Copy snippet")
|
|
352
352
|
})
|
|
353
353
|
]
|
|
354
|
-
}) : /* @__PURE__ */
|
|
354
|
+
}) : /* @__PURE__ */ d("div", {
|
|
355
355
|
style: {
|
|
356
356
|
fontSize: "12px",
|
|
357
|
-
color:
|
|
358
|
-
background:
|
|
357
|
+
color: h.textSecondary,
|
|
358
|
+
background: h.bgSecondary,
|
|
359
359
|
borderRadius: "8px",
|
|
360
360
|
padding: "10px 12px",
|
|
361
361
|
marginBottom: "16px"
|
|
362
362
|
},
|
|
363
|
-
children:
|
|
363
|
+
children: g("bigconsole.dashboards.embed.snippet.alreadyActive", "The embed link is already active. For security the snippet (which contains the secret key) is only shown once at publish time — use {{rotateLabel}} to generate a fresh snippet.", { rotateLabel: g("bigconsole.dashboards.embed.rotate", "Rotate link") })
|
|
364
364
|
}),
|
|
365
|
-
/* @__PURE__ */
|
|
365
|
+
/* @__PURE__ */ f("div", {
|
|
366
366
|
style: { marginBottom: "16px" },
|
|
367
367
|
children: [
|
|
368
|
-
/* @__PURE__ */
|
|
368
|
+
/* @__PURE__ */ d("div", {
|
|
369
369
|
style: {
|
|
370
370
|
fontSize: "12px",
|
|
371
371
|
fontWeight: 600,
|
|
372
|
-
color:
|
|
372
|
+
color: h.textSecondary,
|
|
373
373
|
marginBottom: "8px"
|
|
374
374
|
},
|
|
375
|
-
children:
|
|
375
|
+
children: g("bigconsole.dashboards.embed.presentation.heading", "Presentation")
|
|
376
376
|
}),
|
|
377
377
|
$,
|
|
378
|
-
/* @__PURE__ */
|
|
378
|
+
/* @__PURE__ */ f("div", {
|
|
379
379
|
style: {
|
|
380
380
|
display: "flex",
|
|
381
381
|
alignItems: "center",
|
|
382
382
|
gap: "10px",
|
|
383
383
|
marginTop: "10px"
|
|
384
384
|
},
|
|
385
|
-
children: [/* @__PURE__ */
|
|
385
|
+
children: [/* @__PURE__ */ d("button", {
|
|
386
386
|
style: Q,
|
|
387
387
|
onClick: re,
|
|
388
|
-
disabled:
|
|
388
|
+
disabled: y || !D,
|
|
389
389
|
type: "button",
|
|
390
|
-
children:
|
|
391
|
-
}), ne && /* @__PURE__ */
|
|
390
|
+
children: y ? g("bigconsole.dashboards.embed.applying", "Applying…") : g("bigconsole.dashboards.embed.apply", "Apply changes")
|
|
391
|
+
}), ne && /* @__PURE__ */ d("span", {
|
|
392
392
|
style: {
|
|
393
393
|
fontSize: "12px",
|
|
394
|
-
color:
|
|
394
|
+
color: h.textTertiary
|
|
395
395
|
},
|
|
396
|
-
children:
|
|
396
|
+
children: g("bigconsole.dashboards.embed.updated", "Updated ✓")
|
|
397
397
|
})]
|
|
398
398
|
}),
|
|
399
|
-
/* @__PURE__ */
|
|
399
|
+
/* @__PURE__ */ d("div", {
|
|
400
400
|
style: {
|
|
401
401
|
fontSize: "11px",
|
|
402
|
-
color:
|
|
402
|
+
color: h.textTertiary,
|
|
403
403
|
marginTop: "6px"
|
|
404
404
|
},
|
|
405
|
-
children:
|
|
405
|
+
children: g("bigconsole.dashboards.embed.presentation.applyHelp", "Changes apply to live embeds within a few seconds — no re-publish needed, and the embed link stays the same.")
|
|
406
406
|
})
|
|
407
407
|
]
|
|
408
408
|
}),
|
|
409
|
-
D && /* @__PURE__ */
|
|
409
|
+
D && /* @__PURE__ */ f("div", {
|
|
410
410
|
style: {
|
|
411
411
|
display: "flex",
|
|
412
412
|
gap: "8px"
|
|
413
413
|
},
|
|
414
|
-
children: [/* @__PURE__ */
|
|
414
|
+
children: [/* @__PURE__ */ d("button", {
|
|
415
415
|
style: Q,
|
|
416
|
-
onClick: () =>
|
|
417
|
-
disabled:
|
|
416
|
+
onClick: () => _ && T(_.id),
|
|
417
|
+
disabled: y,
|
|
418
418
|
type: "button",
|
|
419
|
-
children:
|
|
420
|
-
}), /* @__PURE__ */
|
|
419
|
+
children: g("bigconsole.dashboards.embed.rotate", "Rotate link")
|
|
420
|
+
}), /* @__PURE__ */ d("button", {
|
|
421
421
|
style: {
|
|
422
422
|
...Q,
|
|
423
|
-
color:
|
|
424
|
-
borderColor:
|
|
423
|
+
color: h.statusErrorText,
|
|
424
|
+
borderColor: h.statusErrorText
|
|
425
425
|
},
|
|
426
426
|
onClick: () => {
|
|
427
|
-
|
|
427
|
+
_ && window.confirm(g("bigconsole.dashboards.embed.unpublishConfirm", "Unpublish this dashboard? The embed will stop working immediately for anyone using the link.")) && te(_.id);
|
|
428
428
|
},
|
|
429
|
-
disabled:
|
|
429
|
+
disabled: y,
|
|
430
430
|
type: "button",
|
|
431
|
-
children:
|
|
431
|
+
children: g("bigconsole.dashboards.embed.unpublish", "Unpublish")
|
|
432
432
|
})]
|
|
433
433
|
})
|
|
434
434
|
] }),
|
|
435
|
-
(V ||
|
|
435
|
+
(V || b) && /* @__PURE__ */ d("div", {
|
|
436
436
|
style: {
|
|
437
437
|
marginTop: "12px",
|
|
438
438
|
fontSize: "12px",
|
|
439
|
-
color:
|
|
439
|
+
color: h.statusErrorText
|
|
440
440
|
},
|
|
441
|
-
children: V ??
|
|
441
|
+
children: V ?? b?.message
|
|
442
442
|
})
|
|
443
443
|
]
|
|
444
444
|
});
|
|
445
445
|
}
|
|
446
446
|
//#endregion
|
|
447
|
-
export {
|
|
447
|
+
export { m as default };
|