@flamingo-stack/openframe-frontend-core 0.0.702-snapshot.20261005191338 → 0.0.702
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/{chunk-NMGX2ZTU.js → chunk-2V4Z44G6.js} +5 -5
- package/dist/{chunk-RLDAYA2A.cjs → chunk-3G76LRGL.cjs} +9 -9
- package/dist/{chunk-GX3OUTFO.cjs → chunk-3WSFIV5G.cjs} +32 -32
- package/dist/{chunk-BOUPNYUV.js → chunk-446KS5BG.js} +2 -2
- package/dist/{chunk-QGTDWFT6.js → chunk-6JPQDYYY.js} +345 -419
- package/dist/{chunk-67CXGPTW.cjs → chunk-AEQANLBW.cjs} +24 -24
- package/dist/{chunk-NYSYSKSH.cjs → chunk-ASN65P3F.cjs} +9 -9
- package/dist/{chunk-S6V7A5FS.cjs → chunk-B3LZJ6J3.cjs} +12 -12
- package/dist/{chunk-SL2FOFT2.js → chunk-BO5ZHDA4.js} +4 -4
- package/dist/{chunk-RTXTGLGB.cjs → chunk-CXDJUKC6.cjs} +2 -2
- package/dist/{chunk-BMJUKS6S.cjs → chunk-CYYTD5ZK.cjs} +20 -20
- package/dist/{chunk-ENGBNKUJ.js → chunk-CZ34HXDW.js} +157 -12
- package/dist/{chunk-KFDP3DUL.cjs → chunk-E3DH543A.cjs} +44 -44
- package/dist/{chunk-7632TNE7.js → chunk-ETFFEA3J.js} +1 -1
- package/dist/{chunk-MXHJROXJ.cjs → chunk-FD4DBTFO.cjs} +475 -330
- package/dist/{chunk-BSEIEWM5.cjs → chunk-FHM7GD5B.cjs} +2 -2
- package/dist/{chunk-NU724ZVN.cjs → chunk-HIXGAY2L.cjs} +70 -70
- package/dist/{chunk-53AC23ZN.js → chunk-HPJ4XS2L.js} +4 -4
- package/dist/{chunk-2NE3DNXY.js → chunk-HYFLTFFB.js} +1 -1
- package/dist/{chunk-NCTYD7HL.js → chunk-IZKOQVXO.js} +2 -2
- package/dist/{chunk-J4K5JOLI.js → chunk-JOY6HVPV.js} +1 -1
- package/dist/{chunk-YBGEPKC2.cjs → chunk-L7KZA7ZD.cjs} +4 -4
- package/dist/{chunk-5VPIC5MD.cjs → chunk-LZNJH23A.cjs} +3 -3
- package/dist/{chunk-UTW4SQDI.js → chunk-MWUBBBWZ.js} +2 -2
- package/dist/{chunk-G55W76S6.js → chunk-PLK6GHN7.js} +1 -1
- package/dist/{chunk-HYLIQMZH.cjs → chunk-QFW3RUZS.cjs} +21 -21
- package/dist/{chunk-GZYLZ4MB.js → chunk-RS7HWAYX.js} +2 -2
- package/dist/{chunk-HY5YL3U5.cjs → chunk-RTGPIHVO.cjs} +173 -247
- package/dist/{chunk-PJP5SMOU.js → chunk-SAA7B3DA.js} +3 -3
- package/dist/{chunk-DAW6TDZB.js → chunk-UJJWTJ6S.js} +4 -4
- package/dist/{chunk-SFGXIFYO.cjs → chunk-YGRHITPY.cjs} +7 -7
- package/dist/{chunk-HHFPQNP3.js → chunk-Z5HDCZAS.js} +1 -1
- package/dist/components/case-studies/index.cjs +14 -14
- package/dist/components/case-studies/index.js +3 -3
- package/dist/components/chat/embeddable-chat.d.ts.map +1 -1
- package/dist/components/chat/index.cjs +2 -2
- package/dist/components/chat/index.js +1 -1
- package/dist/components/contact/index.cjs +4 -4
- package/dist/components/contact/index.js +3 -3
- package/dist/components/docs/index.cjs +7 -7
- package/dist/components/docs/index.js +6 -6
- package/dist/components/embeds/index.cjs +4 -4
- package/dist/components/embeds/index.js +3 -3
- package/dist/components/faq/index.cjs +4 -4
- package/dist/components/faq/index.js +3 -3
- package/dist/components/features/index.cjs +3 -3
- package/dist/components/features/index.js +2 -2
- package/dist/components/help-center-pages/index.cjs +71 -71
- package/dist/components/help-center-pages/index.js +14 -14
- package/dist/components/index.cjs +41 -41
- package/dist/components/index.js +13 -13
- package/dist/components/meeting-scheduler/index.cjs +25 -25
- package/dist/components/meeting-scheduler/index.js +2 -2
- package/dist/components/navigation/app-layout-drawer.d.ts.map +1 -1
- package/dist/components/navigation/index.cjs +6 -6
- package/dist/components/navigation/index.js +5 -5
- package/dist/components/onboarding-guides/index.cjs +6 -6
- package/dist/components/onboarding-guides/index.js +5 -5
- package/dist/components/tickets/index.cjs +7 -7
- package/dist/components/tickets/index.js +6 -6
- package/dist/components/ui/drawer.d.ts +3 -7
- package/dist/components/ui/drawer.d.ts.map +1 -1
- package/dist/components/ui/index.cjs +3 -3
- package/dist/components/ui/index.js +2 -2
- package/dist/index.cjs +7 -7
- package/dist/index.js +6 -6
- package/package.json +1 -1
- package/src/components/chat/embeddable-chat.tsx +9 -11
- package/src/components/navigation/app-layout-drawer.tsx +237 -14
- package/src/components/ui/drawer.tsx +188 -41
- package/dist/components/ui/panel-resize-handle.d.ts +0 -25
- package/dist/components/ui/panel-resize-handle.d.ts.map +0 -1
- package/dist/hooks/ui/use-resizable-panel-size.d.ts +0 -46
- package/dist/hooks/ui/use-resizable-panel-size.d.ts.map +0 -1
- package/src/components/ui/panel-resize-handle.tsx +0 -184
- package/src/hooks/ui/use-resizable-panel-size.ts +0 -114
|
@@ -95,9 +95,8 @@ var _chunkLX22Y43Bcjs = require('./chunk-LX22Y43B.cjs');
|
|
|
95
95
|
|
|
96
96
|
|
|
97
97
|
|
|
98
|
+
var _chunkRTGPIHVOcjs = require('./chunk-RTGPIHVO.cjs');
|
|
98
99
|
|
|
99
|
-
|
|
100
|
-
var _chunkHY5YL3U5cjs = require('./chunk-HY5YL3U5.cjs');
|
|
101
100
|
|
|
102
101
|
|
|
103
102
|
|
|
@@ -387,7 +386,7 @@ function ThemeProvider({ children, ...overrides }) {
|
|
|
387
386
|
var useTheme = _nextthemes.useTheme;
|
|
388
387
|
function useThemeToggle() {
|
|
389
388
|
const { resolvedTheme, theme, setTheme } = useTheme();
|
|
390
|
-
const mounted =
|
|
389
|
+
const mounted = _chunkRTGPIHVOcjs.useIsHydrated.call(void 0, );
|
|
391
390
|
const active = mounted ? resolvedTheme === "light" || theme === "light" ? "light" : "dark" : DEFAULT_THEME;
|
|
392
391
|
const setOdsTheme = _react.useCallback.call(void 0, (next) => setTheme(next), [setTheme]);
|
|
393
392
|
const toggle = _react.useCallback.call(void 0, () => setTheme(active === "dark" ? "light" : "dark"), [active, setTheme]);
|
|
@@ -2662,7 +2661,7 @@ function Value2({ value, depth }) {
|
|
|
2662
2661
|
}
|
|
2663
2662
|
if (typeof value === "string") {
|
|
2664
2663
|
if (ISO_DATE.test(value)) {
|
|
2665
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { title: value, className: "text-ods-text-secondary", children:
|
|
2664
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { title: value, className: "text-ods-text-secondary", children: _chunkRTGPIHVOcjs.formatRelativeTime.call(void 0, value) });
|
|
2666
2665
|
}
|
|
2667
2666
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-pre-wrap text-ods-text-primary", children: value });
|
|
2668
2667
|
}
|
|
@@ -3294,7 +3293,7 @@ function RowValue({ value }) {
|
|
|
3294
3293
|
}
|
|
3295
3294
|
case "status": {
|
|
3296
3295
|
const { type: _type, ...props } = value;
|
|
3297
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
3296
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TicketStatusTag, { ...props });
|
|
3298
3297
|
}
|
|
3299
3298
|
case "custom":
|
|
3300
3299
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: value.content });
|
|
@@ -4750,10 +4749,10 @@ function useConfirm() {
|
|
|
4750
4749
|
},
|
|
4751
4750
|
[]
|
|
4752
4751
|
);
|
|
4753
|
-
const dialog = pending ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4754
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4755
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4756
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4752
|
+
const dialog = pending ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Modal, { isOpen: open, onClose: () => decide(false), children: [
|
|
4753
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalTitle, { children: pending.title }) }),
|
|
4754
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: pending.body }) }),
|
|
4755
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.ModalFooter, { children: [
|
|
4757
4756
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", onClick: () => decide(false), children: "Cancel" }),
|
|
4758
4757
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "destructive", onClick: () => decide(true), children: "Confirm" })
|
|
4759
4758
|
] })
|
|
@@ -4812,14 +4811,14 @@ function AdminFormDrawer({
|
|
|
4812
4811
|
else onClose();
|
|
4813
4812
|
};
|
|
4814
4813
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4815
|
-
|
|
4814
|
+
_chunkRTGPIHVOcjs.Drawer,
|
|
4816
4815
|
{
|
|
4817
4816
|
open: isOpen,
|
|
4818
4817
|
onOpenChange: (open) => {
|
|
4819
4818
|
if (!open) requestClose();
|
|
4820
4819
|
},
|
|
4821
4820
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4822
|
-
|
|
4821
|
+
_chunkRTGPIHVOcjs.DrawerContent,
|
|
4823
4822
|
{
|
|
4824
4823
|
side: "right",
|
|
4825
4824
|
resizable: true,
|
|
@@ -4828,11 +4827,11 @@ function AdminFormDrawer({
|
|
|
4828
4827
|
storageKey,
|
|
4829
4828
|
panelClassName: "max-md:w-[calc(100vw-1rem)]",
|
|
4830
4829
|
children: [
|
|
4831
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4832
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4833
|
-
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4830
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.DrawerHeader, { children: [
|
|
4831
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.DrawerTitle, { children: title }),
|
|
4832
|
+
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.DrawerDescription, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: subtitle }) })
|
|
4834
4833
|
] }),
|
|
4835
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4834
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.DrawerBody, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4836
4835
|
"form",
|
|
4837
4836
|
{
|
|
4838
4837
|
id: formId,
|
|
@@ -4963,9 +4962,9 @@ function AdminFormModal({
|
|
|
4963
4962
|
body: "Your edits have not been saved. Close and discard them?"
|
|
4964
4963
|
});
|
|
4965
4964
|
if (!isOpen) return null;
|
|
4966
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4967
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4968
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4965
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Modal, { isOpen: true, onClose: guardedClose, size: effectiveSize, children: [
|
|
4966
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.ModalHeader, { children: [
|
|
4967
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalTitle, { children: title }),
|
|
4969
4968
|
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-secondary text-h6", children: subtitle })
|
|
4970
4969
|
] }),
|
|
4971
4970
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -4990,7 +4989,7 @@ function AdminFormModal({
|
|
|
4990
4989
|
// a shrink-to-fit flex item pinned to the left of a 1400px panel).
|
|
4991
4990
|
// The placeholder owns its own layout and mirrors the column count so
|
|
4992
4991
|
// the modal doesn't visibly re-flow when the entity lands.
|
|
4993
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4992
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalContent, { children: loadingContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-busy": "true", children: loadingContent }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4994
4993
|
"div",
|
|
4995
4994
|
{
|
|
4996
4995
|
"aria-busy": "true",
|
|
@@ -5011,12 +5010,12 @@ function AdminFormModal({
|
|
|
5011
5010
|
]
|
|
5012
5011
|
}
|
|
5013
5012
|
) })
|
|
5014
|
-
) : twoColumn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
5013
|
+
) : twoColumn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalTwoColumn, { left: leftColumn, right: rightColumn }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalContent, { className: contentClassName, children }),
|
|
5015
5014
|
error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "alert", className: "shrink-0 text-ods-error text-h6", children: error })
|
|
5016
5015
|
]
|
|
5017
5016
|
}
|
|
5018
5017
|
),
|
|
5019
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
5018
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalFooter, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center justify-between gap-[var(--spacing-system-xsf)]", children: [
|
|
5020
5019
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: footerExtras }),
|
|
5021
5020
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
5022
5021
|
footerStatus,
|
|
@@ -7241,7 +7240,7 @@ var MediaCarousel = _react.memo.call(void 0, function MediaCarouselImpl({
|
|
|
7241
7240
|
};
|
|
7242
7241
|
const displayImageSrc = (url) => transformImageSrc ? transformImageSrc(url) : url;
|
|
7243
7242
|
const renderVideo = (item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
7244
|
-
|
|
7243
|
+
_chunkRTGPIHVOcjs.Video,
|
|
7245
7244
|
{
|
|
7246
7245
|
url: item.src,
|
|
7247
7246
|
poster: item.poster ? displayImageSrc(item.poster) : void 0,
|
|
@@ -7965,7 +7964,7 @@ function buildRichEmbedOverrides({
|
|
|
7965
7964
|
ogEndpointPath,
|
|
7966
7965
|
textSizes
|
|
7967
7966
|
}) {
|
|
7968
|
-
const standard =
|
|
7967
|
+
const standard = _chunkRTGPIHVOcjs.buildStandardLeafRenderers.call(void 0, { textSizes });
|
|
7969
7968
|
return {
|
|
7970
7969
|
// Fence-language embeds (```youtube-embed etc.); everything else
|
|
7971
7970
|
// (mermaid, highlighted blocks, inline code) falls through to `standard`.
|
|
@@ -7975,7 +7974,7 @@ function buildRichEmbedOverrides({
|
|
|
7975
7974
|
const language = match ? match[1] : "";
|
|
7976
7975
|
const fenceText = () => String(children).replace(/\n$/, "").trim();
|
|
7977
7976
|
if (language === "youtube-embed") {
|
|
7978
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
7977
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.Video, { kind: "youtube", url: fenceText() });
|
|
7979
7978
|
}
|
|
7980
7979
|
if (language === "reddit-embed") {
|
|
7981
7980
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RedditEmbedClient, { url: fenceText() });
|
|
@@ -8016,7 +8015,7 @@ function buildRichEmbedOverrides({
|
|
|
8016
8015
|
"data-figma-url": figmaUrl
|
|
8017
8016
|
} = divProps;
|
|
8018
8017
|
if (className === "youtube-embed" && videoId) {
|
|
8019
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
8018
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.Video, { kind: "youtube", url: videoId });
|
|
8020
8019
|
}
|
|
8021
8020
|
if (className === "reddit-embed" && postUrl) {
|
|
8022
8021
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RedditEmbedClient, { url: postUrl });
|
|
@@ -8101,14 +8100,14 @@ function buildRichEmbedOverrides({
|
|
|
8101
8100
|
// rich-markdown runtime (Supabase optimization on the hub, identity
|
|
8102
8101
|
// elsewhere). Guard against empty `![]()`.
|
|
8103
8102
|
img: ({ src, alt }) => {
|
|
8104
|
-
if (!
|
|
8103
|
+
if (!_chunkRTGPIHVOcjs.hasRenderableSrc.call(void 0, src)) return null;
|
|
8105
8104
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownImage, { src: src.trim(), alt });
|
|
8106
8105
|
},
|
|
8107
8106
|
// Raw <video> tags in stored content (blog publisher injection) route
|
|
8108
8107
|
// to the <Video> SSOT (MuxPlayer) so HLS manifests play everywhere.
|
|
8109
8108
|
video: ({ src, poster, className }) => {
|
|
8110
|
-
if (!
|
|
8111
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `overflow-hidden ${className || "my-8 w-full rounded-lg"}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
8109
|
+
if (!_chunkRTGPIHVOcjs.hasRenderableSrc.call(void 0, src)) return null;
|
|
8110
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `overflow-hidden ${className || "my-8 w-full rounded-lg"}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.Video, { kind: "file", url: src.trim(), poster: typeof poster === "string" ? poster : void 0 }) }) });
|
|
8112
8111
|
}
|
|
8113
8112
|
};
|
|
8114
8113
|
}
|
|
@@ -8349,13 +8348,13 @@ var RichMarkdownInner = ({
|
|
|
8349
8348
|
},
|
|
8350
8349
|
[resolveLinkEndpointUrl, resolveSource]
|
|
8351
8350
|
);
|
|
8352
|
-
const textSizes = _react.useMemo.call(void 0, () =>
|
|
8351
|
+
const textSizes = _react.useMemo.call(void 0, () => _chunkRTGPIHVOcjs.resolveTextSizeConfig.call(void 0, "article"), []);
|
|
8353
8352
|
const componentOverrides = _react.useMemo.call(void 0,
|
|
8354
8353
|
() => buildRichEmbedOverrides({ ogApiBaseUrl, ogEndpointPath, textSizes }),
|
|
8355
8354
|
[ogApiBaseUrl, ogEndpointPath, textSizes]
|
|
8356
8355
|
);
|
|
8357
8356
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
8358
|
-
|
|
8357
|
+
_chunkRTGPIHVOcjs.MarkdownEngine,
|
|
8359
8358
|
{
|
|
8360
8359
|
content,
|
|
8361
8360
|
className,
|
|
@@ -8377,7 +8376,7 @@ var RichMarkdownRendererImpl = ({
|
|
|
8377
8376
|
className = "",
|
|
8378
8377
|
sectionIds,
|
|
8379
8378
|
onInternalLinkClick,
|
|
8380
|
-
brokenLinks =
|
|
8379
|
+
brokenLinks = _chunkRTGPIHVOcjs.NO_BROKEN_LINKS,
|
|
8381
8380
|
currentPath,
|
|
8382
8381
|
resolveSource = "openframe-docs",
|
|
8383
8382
|
resolveLinkEndpointUrl = "/api/docs/resolve-link",
|
|
@@ -9359,7 +9358,7 @@ function FilterModal({
|
|
|
9359
9358
|
const dateDefaultSort = _nullishCoalesce(_optionalChain([dateFilter, 'optionalAccess', _182 => _182.defaultSort]), () => ( "desc"));
|
|
9360
9359
|
const [draftDateSort, setDraftDateSort] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([dateFilter, 'optionalAccess', _183 => _183.sort]), () => ( dateDefaultSort)));
|
|
9361
9360
|
const [draftDateRange, setDraftDateRange] = _react.useState.call(void 0, _optionalChain([dateFilter, 'optionalAccess', _184 => _184.range]));
|
|
9362
|
-
const { scrollRef, fadeTop, fadeBottom, update: updateFade } =
|
|
9361
|
+
const { scrollRef, fadeTop, fadeBottom, update: updateFade } = _chunkRTGPIHVOcjs.useScrollFade.call(void 0, );
|
|
9363
9362
|
const seedKey = `${JSON.stringify(currentFilters)}|${JSON.stringify(_nullishCoalesce(selectedTags, () => ( [])))}`;
|
|
9364
9363
|
const seedSourceRef = _react.useRef.call(void 0, { currentFilters, selectedTags, dateFilter, dateDefaultSort });
|
|
9365
9364
|
_react.useEffect.call(void 0, () => {
|
|
@@ -9404,10 +9403,10 @@ function FilterModal({
|
|
|
9404
9403
|
const hasFilterGroups = filterGroups.length > 0;
|
|
9405
9404
|
const hasTagFilter = !!tagFilterKeys && tagFilterKeys.length > 0 && !!onTagsChange;
|
|
9406
9405
|
const isEmpty = !isLoading && !hasSort && !hasFilterGroups && !hasTagFilter && !dateFilter;
|
|
9407
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
9408
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9406
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Modal, { isOpen, onClose, className: _chunk3ATAYP36cjs.cn.call(void 0, "max-h-[90vh] max-w-none", className), children: [
|
|
9407
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalTitle, { children: title }) }),
|
|
9409
9408
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9410
|
-
|
|
9409
|
+
_chunkRTGPIHVOcjs.ModalContent,
|
|
9411
9410
|
{
|
|
9412
9411
|
className: _chunk3ATAYP36cjs.cn.call(void 0,
|
|
9413
9412
|
"flex min-h-0 flex-1 flex-col",
|
|
@@ -9499,12 +9498,12 @@ function FilterModal({
|
|
|
9499
9498
|
] })
|
|
9500
9499
|
}
|
|
9501
9500
|
),
|
|
9502
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9503
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9501
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ScrollFadeOverlay, { edge: "top", visible: fadeTop }),
|
|
9502
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ScrollFadeOverlay, { edge: "bottom", visible: fadeBottom })
|
|
9504
9503
|
] })
|
|
9505
9504
|
}
|
|
9506
9505
|
),
|
|
9507
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
9506
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.ModalFooter, { children: [
|
|
9508
9507
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", className: "h-11 flex-1", onClick: handleReset, children: resetButtonText }),
|
|
9509
9508
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "accent", className: "h-11 flex-1", onClick: handleApply, children: applyButtonText })
|
|
9510
9509
|
] })
|
|
@@ -9548,9 +9547,9 @@ function actionToMenuItems(action, idx) {
|
|
|
9548
9547
|
function renderActionButton(action, opts = {}) {
|
|
9549
9548
|
const button = renderRawActionButton(action, opts);
|
|
9550
9549
|
if (!action.tooltip) return button;
|
|
9551
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9552
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9553
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9550
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Tooltip, { children: [
|
|
9551
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipTrigger, { asChild: true, children: button }),
|
|
9552
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipContent, { children: action.tooltip })
|
|
9554
9553
|
] }) });
|
|
9555
9554
|
}
|
|
9556
9555
|
function renderRawActionButton(action, opts = {}) {
|
|
@@ -9574,7 +9573,7 @@ function renderRawActionButton(action, opts = {}) {
|
|
|
9574
9573
|
}
|
|
9575
9574
|
if (action.submenu && action.submenu.length > 0) {
|
|
9576
9575
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9577
|
-
|
|
9576
|
+
_chunkRTGPIHVOcjs.ActionsMenuDropdown,
|
|
9578
9577
|
{
|
|
9579
9578
|
groups: [{ items: action.submenu }],
|
|
9580
9579
|
customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -9709,10 +9708,10 @@ function IconButtonsVariant({
|
|
|
9709
9708
|
selector,
|
|
9710
9709
|
loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
9711
9710
|
desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
|
|
9712
|
-
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9711
|
+
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ActionsMenuDropdown, { groups: menuActions })
|
|
9713
9712
|
] })
|
|
9714
9713
|
] }),
|
|
9715
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex md:hidden", className), children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileTriggerSkeleton, {}) : useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true }) : hasMobileMenuItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9714
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex md:hidden", className), children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MobileTriggerSkeleton, {}) : useSingleActionMobile && singleAction ? renderActionButton(singleAction, { iconOnly: true }) : hasMobileMenuItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ActionsMenuDropdown, { groups: mobileMenuGroups }) : null })
|
|
9716
9715
|
] });
|
|
9717
9716
|
}
|
|
9718
9717
|
function PrimaryButtonsVariant({
|
|
@@ -9750,7 +9749,7 @@ function MenuPrimaryVariant({
|
|
|
9750
9749
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "hidden items-center md:flex", ACTIONS_GAP, className), children: [
|
|
9751
9750
|
selector,
|
|
9752
9751
|
loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
9753
|
-
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9752
|
+
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ActionsMenuDropdown, { groups: menuActions }),
|
|
9754
9753
|
desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
|
|
9755
9754
|
] })
|
|
9756
9755
|
] }),
|
|
@@ -9758,7 +9757,7 @@ function MenuPrimaryVariant({
|
|
|
9758
9757
|
// The selector rides into the menu as its header row: on mobile the
|
|
9759
9758
|
// title row has no room for it, and hiding it entirely (what
|
|
9760
9759
|
// `icon-buttons` does) would leave no way to switch views at all.
|
|
9761
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9760
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ActionsMenuDropdown, { groups: mobileMenuGroups, header: selector })
|
|
9762
9761
|
) : null })
|
|
9763
9762
|
] });
|
|
9764
9763
|
}
|
|
@@ -11852,8 +11851,8 @@ function makeComposeContentUrl(opts) {
|
|
|
11852
11851
|
}
|
|
11853
11852
|
if (externalUrl) return { href: externalUrl, targetPlatform: _nullishCoalesce(targetPlatform, () => ( null)) };
|
|
11854
11853
|
const claimedOwner = _nullishCoalesce(targetPlatform, () => ( primaryPlatformOf(platforms)));
|
|
11855
|
-
const owner = claimedOwner &&
|
|
11856
|
-
const origin = owner ?
|
|
11854
|
+
const owner = claimedOwner && _chunkRTGPIHVOcjs.byKey.call(void 0, claimedOwner) ? claimedOwner : null;
|
|
11855
|
+
const origin = owner ? _chunkRTGPIHVOcjs.getPlatformProductionUrl.call(void 0, owner) : opts.contentOrigin;
|
|
11857
11856
|
return {
|
|
11858
11857
|
href: `${origin.replace(/\/+$/, "")}/${seg}/${_optionalChain([slugHint, 'optionalAccess', _244 => _244.trim, 'call', _245 => _245()]) || identifier}`,
|
|
11859
11858
|
// Report the owner so `decideNewTab` can compare it against the current
|
|
@@ -12028,7 +12027,7 @@ function extractSections(markdown, options = {}) {
|
|
|
12028
12027
|
if (heading.level > opts.maxLevel) continue;
|
|
12029
12028
|
let title = heading.text;
|
|
12030
12029
|
if (opts.stripFormattingMarkers) {
|
|
12031
|
-
title =
|
|
12030
|
+
title = _chunkRTGPIHVOcjs.stripInlineMarkdown.call(void 0, title).trim();
|
|
12032
12031
|
}
|
|
12033
12032
|
const baseId = _chunkIIMICN7Lcjs.slugifyHeadingBase.call(void 0, opts.removeEmojis ? _chunkIIMICN7Lcjs.stripHeadingEmojis.call(void 0, title) : title);
|
|
12034
12033
|
const cleanId = baseId || `section-${sections.length + 1}`;
|
|
@@ -13385,7 +13384,7 @@ function DropdownButton({
|
|
|
13385
13384
|
)
|
|
13386
13385
|
);
|
|
13387
13386
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13388
|
-
|
|
13387
|
+
_chunkRTGPIHVOcjs.ActionsMenuDropdown,
|
|
13389
13388
|
{
|
|
13390
13389
|
groups: _nullishCoalesce(groups, () => ( [{ items: _nullishCoalesce(items, () => ( [])) }])),
|
|
13391
13390
|
open,
|
|
@@ -13823,9 +13822,9 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
|
|
|
13823
13822
|
return next;
|
|
13824
13823
|
});
|
|
13825
13824
|
};
|
|
13826
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13825
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Tooltip, { open, onOpenChange: setOpen, children: [
|
|
13827
13826
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13828
|
-
|
|
13827
|
+
_chunkRTGPIHVOcjs.TooltipTrigger,
|
|
13829
13828
|
{
|
|
13830
13829
|
asChild: true,
|
|
13831
13830
|
onPointerDown: (e) => {
|
|
@@ -13843,7 +13842,7 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
|
|
|
13843
13842
|
children
|
|
13844
13843
|
}
|
|
13845
13844
|
),
|
|
13846
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13845
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipContent, { side, className: "max-w-xs", children: content })
|
|
13847
13846
|
] }) });
|
|
13848
13847
|
}
|
|
13849
13848
|
|
|
@@ -14516,7 +14515,7 @@ function TableHeader({
|
|
|
14516
14515
|
onFilterChange
|
|
14517
14516
|
}
|
|
14518
14517
|
),
|
|
14519
|
-
column.hint ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
14518
|
+
column.hint ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InfoHint, { label: column.label, children: column.hint }) : null
|
|
14520
14519
|
] })
|
|
14521
14520
|
) : (
|
|
14522
14521
|
/* Non-filterable column — regular label with optional sort */
|
|
@@ -14542,7 +14541,7 @@ function TableHeader({
|
|
|
14542
14541
|
hint exists, so a hint-less header keeps its DOM. */
|
|
14543
14542
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-start gap-[var(--spacing-system-xxs)]", children: [
|
|
14544
14543
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: TABLE_HEADER_LABEL_CLASS, children: column.label }),
|
|
14545
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
14544
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InfoHint, { label: column.label, children: column.hint })
|
|
14546
14545
|
] })
|
|
14547
14546
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: TABLE_HEADER_LABEL_CLASS, children: column.label }),
|
|
14548
14547
|
getSortIcon(column)
|
|
@@ -15154,9 +15153,9 @@ function TruncatedHeaderCell({ value, width }) {
|
|
|
15154
15153
|
setIsTruncated(el.scrollWidth > el.clientWidth);
|
|
15155
15154
|
}
|
|
15156
15155
|
}, []);
|
|
15157
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15158
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15159
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15156
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Tooltip, { open: isTruncated ? void 0 : false, children: [
|
|
15157
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipTrigger, { asChild: true, onMouseEnter: checkTruncation, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex shrink-0 items-center", style: { width, height: 48 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: textRef, className: "truncate text-ods-text-secondary text-h5", children: value }) }) }),
|
|
15158
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipContent, { side: "bottom", className: "max-w-xs break-words", children: value })
|
|
15160
15159
|
] }) });
|
|
15161
15160
|
}
|
|
15162
15161
|
|
|
@@ -15209,9 +15208,9 @@ function TruncatedCell({ value, className }) {
|
|
|
15209
15208
|
setIsTruncated(el.scrollWidth > el.clientWidth);
|
|
15210
15209
|
}
|
|
15211
15210
|
}, []);
|
|
15212
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15213
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15214
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15211
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Tooltip, { open: isTruncated ? void 0 : false, children: [
|
|
15212
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipTrigger, { asChild: true, onMouseEnter: checkTruncation, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: textRef, className: _chunk3ATAYP36cjs.cn.call(void 0, "block truncate", className), children: value }) }),
|
|
15213
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipContent, { side: "top", className: "max-w-xs break-words", children: value })
|
|
15215
15214
|
] }) });
|
|
15216
15215
|
}
|
|
15217
15216
|
|
|
@@ -15883,7 +15882,7 @@ function HeaderCell({ header, sort, onSortChange }) {
|
|
|
15883
15882
|
// child of the cell.
|
|
15884
15883
|
_optionalChain([meta, 'optionalAccess', _325 => _325.hint]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-[var(--spacing-system-xxs)]", children: [
|
|
15885
15884
|
filterTrigger,
|
|
15886
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15885
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InfoHint, { label: resolveHeaderLabel(header), children: meta.hint })
|
|
15887
15886
|
] }) : filterTrigger
|
|
15888
15887
|
) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
15889
15888
|
"div",
|
|
@@ -15908,7 +15907,7 @@ function HeaderCell({ header, sort, onSortChange }) {
|
|
|
15908
15907
|
// centred on the row.
|
|
15909
15908
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-start gap-[var(--spacing-system-xxs)]", children: [
|
|
15910
15909
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderLabel, { header }),
|
|
15911
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15910
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InfoHint, { label: resolveHeaderLabel(header), children: meta.hint })
|
|
15912
15911
|
] })
|
|
15913
15912
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderLabel, { header }),
|
|
15914
15913
|
canSort && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIcon, { sorted: sortDir })
|
|
@@ -17844,20 +17843,20 @@ function ColorPresetSelect({
|
|
|
17844
17843
|
...presets.map((p) => ({
|
|
17845
17844
|
id: p.key,
|
|
17846
17845
|
label: p.label,
|
|
17847
|
-
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17846
|
+
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ColorSwatch, { color: p.color }),
|
|
17848
17847
|
onClick: () => onChange({ color: p.color, preset: p.key })
|
|
17849
17848
|
})),
|
|
17850
17849
|
{
|
|
17851
17850
|
id: CUSTOM_PRESET_KEY,
|
|
17852
17851
|
label: "Custom",
|
|
17853
|
-
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17852
|
+
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ColorSwatch, { color: isCustom ? value : DEFAULT_CUSTOM_STATUS_COLOR }),
|
|
17854
17853
|
onClick: () => onChange({ color: value, preset: void 0 })
|
|
17855
17854
|
}
|
|
17856
17855
|
]
|
|
17857
17856
|
}
|
|
17858
17857
|
];
|
|
17859
17858
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17860
|
-
|
|
17859
|
+
_chunkRTGPIHVOcjs.ActionsMenuDropdown,
|
|
17861
17860
|
{
|
|
17862
17861
|
groups,
|
|
17863
17862
|
align: "start",
|
|
@@ -17867,7 +17866,7 @@ function ColorPresetSelect({
|
|
|
17867
17866
|
{
|
|
17868
17867
|
disabled,
|
|
17869
17868
|
"aria-label": `Color: ${displayLabel}`,
|
|
17870
|
-
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17869
|
+
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ColorSwatch, { color: displayColor }),
|
|
17871
17870
|
selectedLabel: displayLabel,
|
|
17872
17871
|
endIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TriggerChevron, {}),
|
|
17873
17872
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "group", className)
|
|
@@ -17888,7 +17887,7 @@ function HexInputs({ value, onChange }) {
|
|
|
17888
17887
|
}
|
|
17889
17888
|
const commit = () => {
|
|
17890
17889
|
const candidate = (draft.startsWith("#") ? draft : `#${draft}`).toLowerCase();
|
|
17891
|
-
if (
|
|
17890
|
+
if (_chunkRTGPIHVOcjs.HEX_PATTERN.test(candidate)) onChange(candidate);
|
|
17892
17891
|
else setDraft(value);
|
|
17893
17892
|
};
|
|
17894
17893
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -17952,12 +17951,12 @@ function ChannelInput({
|
|
|
17952
17951
|
);
|
|
17953
17952
|
}
|
|
17954
17953
|
function RgbInputs({ value, onChange }) {
|
|
17955
|
-
const rgb = _nullishCoalesce(
|
|
17954
|
+
const rgb = _nullishCoalesce(_chunkRTGPIHVOcjs.hexToRgb.call(void 0, value), () => ( { r: 0, g: 0, b: 0 }));
|
|
17956
17955
|
const update = (next) => {
|
|
17957
17956
|
const r = _nullishCoalesce(next.r, () => ( rgb.r));
|
|
17958
17957
|
const g = _nullishCoalesce(next.g, () => ( rgb.g));
|
|
17959
17958
|
const b = _nullishCoalesce(next.b, () => ( rgb.b));
|
|
17960
|
-
onChange(
|
|
17959
|
+
onChange(_chunkRTGPIHVOcjs.rgbToHex.call(void 0, r, g, b));
|
|
17961
17960
|
};
|
|
17962
17961
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
17963
17962
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChannelInput, { value: rgb.r, min: 0, max: 255, ariaLabel: "Red", onCommit: (r) => update({ r }) }),
|
|
@@ -17966,14 +17965,14 @@ function RgbInputs({ value, onChange }) {
|
|
|
17966
17965
|
] });
|
|
17967
17966
|
}
|
|
17968
17967
|
function HslInputs({ value, onChange }) {
|
|
17969
|
-
const rgb = _nullishCoalesce(
|
|
17970
|
-
const hsl =
|
|
17968
|
+
const rgb = _nullishCoalesce(_chunkRTGPIHVOcjs.hexToRgb.call(void 0, value), () => ( { r: 0, g: 0, b: 0 }));
|
|
17969
|
+
const hsl = _chunkRTGPIHVOcjs.rgbToHsl.call(void 0, rgb.r, rgb.g, rgb.b);
|
|
17971
17970
|
const update = (next) => {
|
|
17972
17971
|
const h = _nullishCoalesce(next.h, () => ( hsl.h));
|
|
17973
17972
|
const s = _nullishCoalesce(next.s, () => ( hsl.s));
|
|
17974
17973
|
const l = _nullishCoalesce(next.l, () => ( hsl.l));
|
|
17975
|
-
const out =
|
|
17976
|
-
onChange(
|
|
17974
|
+
const out = _chunkRTGPIHVOcjs.hslToRgb.call(void 0, h, s, l);
|
|
17975
|
+
onChange(_chunkRTGPIHVOcjs.rgbToHex.call(void 0, out.r, out.g, out.b));
|
|
17977
17976
|
};
|
|
17978
17977
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
17979
17978
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChannelInput, { value: hsl.h, min: 0, max: 360, ariaLabel: "Hue", onCommit: (h) => update({ h }) }),
|
|
@@ -17999,7 +17998,7 @@ function ColorPickerInput({ value, onChange, disabled, className }) {
|
|
|
17999
17998
|
{
|
|
18000
17999
|
disabled,
|
|
18001
18000
|
"aria-label": "Pick custom color",
|
|
18002
|
-
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18001
|
+
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ColorSwatch, { color: value }),
|
|
18003
18002
|
selectedLabel: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "uppercase", children: value }),
|
|
18004
18003
|
endIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TriggerChevron, {}),
|
|
18005
18004
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "group", className)
|
|
@@ -18015,7 +18014,7 @@ function ColorPickerInput({ value, onChange, disabled, className }) {
|
|
|
18015
18014
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactcolorful.HexColorPicker, { color: value, onChange }),
|
|
18016
18015
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
|
|
18017
18016
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18018
|
-
|
|
18017
|
+
_chunkRTGPIHVOcjs.ActionsMenuDropdown,
|
|
18019
18018
|
{
|
|
18020
18019
|
groups: formatGroups,
|
|
18021
18020
|
align: "start",
|
|
@@ -18072,7 +18071,7 @@ function TicketStatusConfigRow({
|
|
|
18072
18071
|
const previewVariant = _nullishCoalesce(systemTagVariant, () => ( (isSystem ? void 0 : "primary")));
|
|
18073
18072
|
const fieldRowOffset = "mt-[calc(var(--font-line-space-h4-body)+0.25rem)]";
|
|
18074
18073
|
const chip = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18075
|
-
|
|
18074
|
+
_chunkRTGPIHVOcjs.TicketStatusTag,
|
|
18076
18075
|
{
|
|
18077
18076
|
status: statusKey,
|
|
18078
18077
|
label: name || " ",
|
|
@@ -18224,7 +18223,7 @@ function formatTestRunDuration(ms) {
|
|
|
18224
18223
|
var RESULT_COLUMN_MIN_WIDTH = 176;
|
|
18225
18224
|
var SKELETON_COLUMNS = 6;
|
|
18226
18225
|
function TestResultsSkeleton() {
|
|
18227
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18226
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ScrollShadow, { axis: "horizontal", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-max min-w-full flex-col", children: [
|
|
18228
18227
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-mf)] px-[var(--spacing-system-mf)]", children: Array.from({ length: SKELETON_COLUMNS }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-[160px] shrink-0 items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 animate-pulse rounded-sm bg-ods-bg-surface" }) }, `skeleton-header-${i}`)) }),
|
|
18229
18228
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "animate-pulse overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[66px] items-center gap-[var(--spacing-system-mf)] px-[var(--spacing-system-mf)] md:h-[78px]", children: Array.from({ length: SKELETON_COLUMNS }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-[160px] shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-3/4 rounded-sm bg-ods-bg-surface" }) }, `skeleton-cell-${i}`)) }) })
|
|
18230
18229
|
] }) });
|
|
@@ -18259,7 +18258,7 @@ function TestResultsTable({ rows, loading }) {
|
|
|
18259
18258
|
if (loading) {
|
|
18260
18259
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestResultsSkeleton, {});
|
|
18261
18260
|
}
|
|
18262
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18261
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ScrollShadow, { axis: "horizontal", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { minWidth: Math.max(1, columnKeys.length) * RESULT_COLUMN_MIN_WIDTH }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataTable, { table, children: [
|
|
18263
18262
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTable.Header, { className: "flex flex-col" }),
|
|
18264
18263
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTable.Body, { loading: false })
|
|
18265
18264
|
] }) }) });
|
|
@@ -18365,7 +18364,7 @@ function useTestRunState(campaign) {
|
|
|
18365
18364
|
const stopReason = _nullishCoalesce(campaign.stopReason, () => ( "completed"));
|
|
18366
18365
|
const status = isActive ? "running" : hasRun && isFinished ? stopReason === "completed" ? firstError ? "error" : "success" : stopReason : "idle";
|
|
18367
18366
|
const showTiming = hasRun && campaign.startedAt !== null && (campaign.isRunning || isFinished);
|
|
18368
|
-
const startedLabel = showTiming && campaign.startedAt ?
|
|
18367
|
+
const startedLabel = showTiming && campaign.startedAt ? _chunkRTGPIHVOcjs.formatTime.call(void 0, campaign.startedAt) : "00:00 PM";
|
|
18369
18368
|
const durationLabel = showTiming ? formatTestRunDuration(durationMs) : "00:00:00";
|
|
18370
18369
|
const displayRows = _react.useMemo.call(void 0,
|
|
18371
18370
|
() => campaign.results.map(
|
|
@@ -18703,7 +18702,7 @@ function TicketInfoSection({
|
|
|
18703
18702
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { value: _optionalChain([device, 'optionalAccess', _430 => _430.name]) || "Unassigned", label: "Device", icon: _optionalChain([device, 'optionalAccess', _431 => _431.icon]), onClick: _optionalChain([device, 'optionalAccess', _432 => _432.onClick]) }),
|
|
18704
18703
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-4", children: [
|
|
18705
18704
|
(status || statusLabel) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18706
|
-
|
|
18705
|
+
_chunkRTGPIHVOcjs.TicketStatusTag,
|
|
18707
18706
|
{
|
|
18708
18707
|
status: _nullishCoalesce(status, () => ( "")),
|
|
18709
18708
|
label: statusLabel,
|
|
@@ -18742,7 +18741,7 @@ function TicketInfoSection({
|
|
|
18742
18741
|
expanded && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
18743
18742
|
createdAt && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-2 items-center gap-4 border-b border-ods-border bg-ods-bg px-4 py-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { value: createdAt, label: "Created" }) }),
|
|
18744
18743
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 border-b border-ods-border bg-ods-bg p-4", children: [
|
|
18745
|
-
description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18744
|
+
description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.SimpleMarkdownRenderer, { content: description }),
|
|
18746
18745
|
attachments && attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Attachments", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketAttachmentsList, { attachments }) }),
|
|
18747
18746
|
tags && tags.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Tags", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-wrap gap-2", children: tags.map((tag) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.Tag, { label: tag, variant: "outline", className: "max-w-full" }, tag)) }) }),
|
|
18748
18747
|
(notes || onAddNote) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Notes", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -18767,7 +18766,7 @@ function renderTicketStatusOption(option, isSelected) {
|
|
|
18767
18766
|
const { label, color } = option;
|
|
18768
18767
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-[var(--spacing-system-xs)]", children: [
|
|
18769
18768
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xs)]", children: [
|
|
18770
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18769
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ColorSwatch, { color }),
|
|
18771
18770
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TruncateText, { className: "text-inherit", children: label }) })
|
|
18772
18771
|
] }),
|
|
18773
18772
|
isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.CheckIcon, { className: "text-ods-accent", size: 20 })
|
|
@@ -18812,9 +18811,9 @@ function TakeOverTicketModal({
|
|
|
18812
18811
|
if (!selectedStatusId || !assigneeId || isPending) return;
|
|
18813
18812
|
onConfirm({ statusId: selectedStatusId, assigneeId });
|
|
18814
18813
|
};
|
|
18815
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
18814
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
18816
18815
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
18817
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18816
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalTitle, { children: "Take Over Ticket" }) }),
|
|
18818
18817
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: [
|
|
18819
18818
|
"The ticket ",
|
|
18820
18819
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ticketRef }),
|
|
@@ -18829,7 +18828,7 @@ function TakeOverTicketModal({
|
|
|
18829
18828
|
value: selectedStatusId,
|
|
18830
18829
|
onChange: setStatusId,
|
|
18831
18830
|
placeholder: "Select Status",
|
|
18832
|
-
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18831
|
+
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ColorSwatch, { color: selectedStatus.color }) : void 0,
|
|
18833
18832
|
renderOption: renderTicketStatusOption
|
|
18834
18833
|
}
|
|
18835
18834
|
) }),
|
|
@@ -18856,7 +18855,7 @@ function TakeOverTicketModal({
|
|
|
18856
18855
|
}
|
|
18857
18856
|
) })
|
|
18858
18857
|
] }),
|
|
18859
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
18858
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.ModalFooter, { children: [
|
|
18860
18859
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
18861
18860
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
18862
18861
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -18915,9 +18914,9 @@ function ReopenTicketModal({
|
|
|
18915
18914
|
reason: trimmedReason ? trimmedReason.slice(0, REASON_MAX_LENGTH) : null
|
|
18916
18915
|
});
|
|
18917
18916
|
};
|
|
18918
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
18917
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
18919
18918
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
18920
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18919
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalTitle, { children: "Reopen Ticket" }) }),
|
|
18921
18920
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: [
|
|
18922
18921
|
"The ticket ",
|
|
18923
18922
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ticketRef }),
|
|
@@ -18932,7 +18931,7 @@ function ReopenTicketModal({
|
|
|
18932
18931
|
value: selectedStatusId,
|
|
18933
18932
|
onChange: setStatusId,
|
|
18934
18933
|
placeholder: "Select Status",
|
|
18935
|
-
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18934
|
+
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ColorSwatch, { color: selectedStatus.color }) : void 0,
|
|
18936
18935
|
renderOption: renderTicketStatusOption
|
|
18937
18936
|
}
|
|
18938
18937
|
) }),
|
|
@@ -18970,7 +18969,7 @@ function ReopenTicketModal({
|
|
|
18970
18969
|
disabled: isPending
|
|
18971
18970
|
}
|
|
18972
18971
|
) }),
|
|
18973
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
18972
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.ModalFooter, { children: [
|
|
18974
18973
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
18975
18974
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
18976
18975
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -19019,9 +19018,9 @@ function ReopenTicketRequestModal({
|
|
|
19019
19018
|
...showHandoffOption ? { handoffToTechnician: handoff } : {}
|
|
19020
19019
|
});
|
|
19021
19020
|
};
|
|
19022
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
19021
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
19023
19022
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
19024
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19023
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalTitle, { children: "Reopen Ticket" }) }),
|
|
19025
19024
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: "This ticket will be reopened and the AI assistant will continue helping you." }),
|
|
19026
19025
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19027
19026
|
Textarea,
|
|
@@ -19045,7 +19044,7 @@ function ReopenTicketRequestModal({
|
|
|
19045
19044
|
disabled: isPending
|
|
19046
19045
|
}
|
|
19047
19046
|
),
|
|
19048
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
19047
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.ModalFooter, { children: [
|
|
19049
19048
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1", children: "Cancel" }),
|
|
19050
19049
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "accent", onClick: handleConfirm, loading: isPending, className: "flex-1", children: "Reopen Ticket" })
|
|
19051
19050
|
] })
|
|
@@ -19187,7 +19186,7 @@ function PhotoWall({ images, columns = 2, speed = 24, fadeColor, className, load
|
|
|
19187
19186
|
gap: COLUMN_GAP_PX
|
|
19188
19187
|
};
|
|
19189
19188
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootRef, "aria-hidden": "true", className: _chunk3ATAYP36cjs.cn.call(void 0, "grid overflow-hidden", className), style: gridStyle, children: columnsToDraw ? columnsToDraw.map((column, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19190
|
-
|
|
19189
|
+
_chunkRTGPIHVOcjs.MarqueeWall,
|
|
19191
19190
|
{
|
|
19192
19191
|
axis: "y",
|
|
19193
19192
|
reverse: index % 2 === 1,
|
|
@@ -19331,7 +19330,7 @@ var INCIDENT_TONE = {
|
|
|
19331
19330
|
approved: "success"
|
|
19332
19331
|
};
|
|
19333
19332
|
function IncidentStatusLine({ status, label, className }) {
|
|
19334
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19333
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.StatusLine, { tone: INCIDENT_TONE[status], label, className });
|
|
19335
19334
|
}
|
|
19336
19335
|
function SourceTag({ children }) {
|
|
19337
19336
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "inline-flex shrink-0 rounded-md border border-ods-border px-2 py-1 text-ods-text-secondary text-h5", children });
|
|
@@ -21939,7 +21938,7 @@ function UnifiedUI({ state, handlers, config, iframeRef }) {
|
|
|
21939
21938
|
sandbox: "allow-scripts allow-same-origin allow-popups allow-presentation",
|
|
21940
21939
|
title: config.title,
|
|
21941
21940
|
loading: "eager",
|
|
21942
|
-
...
|
|
21941
|
+
..._chunkRTGPIHVOcjs.fetchPriorityProp.call(void 0, "high")
|
|
21943
21942
|
},
|
|
21944
21943
|
iframeKey
|
|
21945
21944
|
),
|
|
@@ -22932,7 +22931,7 @@ function MediaGalleryManager({
|
|
|
22932
22931
|
) }),
|
|
22933
22932
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative aspect-video overflow-hidden rounded-lg bg-ods-bg", children: isVideoItem(item) ? (
|
|
22934
22933
|
// <Video> SSOT (MuxPlayer): plays Mux HLS and MP4 alike; fit="cover" crops to the cell.
|
|
22935
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
22934
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.Video, { kind: "file", url: item.media_url, fit: "cover", className: "h-full w-full" })
|
|
22936
22935
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
22937
22936
|
_chunkMGHIV4L6cjs.next_image_default,
|
|
22938
22937
|
{
|
|
@@ -23416,60 +23415,60 @@ function CardSkeleton({
|
|
|
23416
23415
|
function VendorCardContent({ showMetadata }) {
|
|
23417
23416
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 p-4", children: [
|
|
23418
23417
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-start gap-3", children: [
|
|
23419
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[60px] w-[60px] flex-shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23418
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[60px] w-[60px] flex-shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Avatar, { size: "sm", className: "h-11 w-11" }) }),
|
|
23420
23419
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center space-y-1 py-2", children: [
|
|
23421
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23422
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23420
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
23421
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-1/2" })
|
|
23423
23422
|
] })
|
|
23424
23423
|
] }),
|
|
23425
23424
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-full items-center overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
|
|
23426
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23427
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23425
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23426
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
23428
23427
|
] }) }),
|
|
23429
23428
|
showMetadata && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
|
|
23430
23429
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-shrink items-center gap-3 md:gap-4", children: [
|
|
23431
23430
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
23432
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23433
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23431
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
23432
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-8" })
|
|
23434
23433
|
] }),
|
|
23435
23434
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
23436
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23437
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23435
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
23436
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-10" })
|
|
23438
23437
|
] })
|
|
23439
23438
|
] }),
|
|
23440
23439
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 rounded border border-ods-border bg-ods-bg px-2.5 py-1.5", children: [
|
|
23441
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23442
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23440
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
|
|
23441
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23443
23442
|
] }) })
|
|
23444
23443
|
] })
|
|
23445
23444
|
] });
|
|
23446
23445
|
}
|
|
23447
23446
|
function BlogCardContent({ showActions, showMetadata }) {
|
|
23448
23447
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
23449
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "blog-card-image-container relative aspect-[1200/630] w-full overflow-hidden bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23448
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "blog-card-image-container relative aspect-[1200/630] w-full overflow-hidden bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.CardImage, {}) }),
|
|
23450
23449
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col p-4", children: [
|
|
23451
23450
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[50.4px] items-center md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
|
|
23452
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23453
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23451
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-full" }),
|
|
23452
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-3/4" })
|
|
23454
23453
|
] }) }),
|
|
23455
23454
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex h-[28px] items-center gap-2", children: [
|
|
23456
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23457
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23455
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Chip, { className: "w-16" }),
|
|
23456
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Chip, { className: "w-12" })
|
|
23458
23457
|
] }),
|
|
23459
23458
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[42px] items-center md:min-h-[45px] lg:min-h-[48px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
|
|
23460
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23461
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23459
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23460
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-1/2" })
|
|
23462
23461
|
] }) }),
|
|
23463
|
-
showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23462
|
+
showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Button, { className: "h-8 w-24" }) }),
|
|
23464
23463
|
showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-auto", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-4 border-t border-ods-border pt-4", children: [
|
|
23465
23464
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
|
|
23466
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23467
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23465
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
23466
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23468
23467
|
] }),
|
|
23469
23468
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-3 text-ods-text-muted", children: [
|
|
23470
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23469
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-12" }),
|
|
23471
23470
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1 w-1 rounded-full bg-ods-skeleton" }),
|
|
23472
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23471
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23473
23472
|
] })
|
|
23474
23473
|
] }) })
|
|
23475
23474
|
] })
|
|
@@ -23477,35 +23476,35 @@ function BlogCardContent({ showActions, showMetadata }) {
|
|
|
23477
23476
|
}
|
|
23478
23477
|
function CategoryCardContent() {
|
|
23479
23478
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 p-4 md:p-6", children: [
|
|
23480
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-2 md:gap-3", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23479
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-2 md:gap-3", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "lg", className: "flex-shrink-0" }, index)) }),
|
|
23481
23480
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
23482
23481
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
|
|
23483
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23484
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23482
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
23483
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-1/2" })
|
|
23485
23484
|
] }),
|
|
23486
23485
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start justify-between gap-4 md:items-end md:gap-6", children: [
|
|
23487
23486
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
23488
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23489
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23487
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23488
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
23490
23489
|
] }),
|
|
23491
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23490
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Button, { className: "h-10 w-10 flex-shrink-0 md:h-12 md:w-12" })
|
|
23492
23491
|
] })
|
|
23493
23492
|
] })
|
|
23494
23493
|
] });
|
|
23495
23494
|
}
|
|
23496
23495
|
function AlternativeCardContent({ showActions }) {
|
|
23497
23496
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4 p-4", children: [
|
|
23498
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23497
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Avatar, { size: "md", className: "flex-shrink-0" }),
|
|
23499
23498
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
23500
23499
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
|
|
23501
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23502
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23500
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-1/3" }),
|
|
23501
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23503
23502
|
] }),
|
|
23504
23503
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
|
|
23505
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23506
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23504
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23505
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-5/6" })
|
|
23507
23506
|
] }),
|
|
23508
|
-
showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23507
|
+
showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Button, { className: "h-8 w-20" }) })
|
|
23509
23508
|
] })
|
|
23510
23509
|
] });
|
|
23511
23510
|
}
|
|
@@ -23556,12 +23555,12 @@ function HeroSkeleton() {
|
|
|
23556
23555
|
background: "radial-gradient(circle at 50% 0%, #242323 0%, #1A1A1A 100%)"
|
|
23557
23556
|
},
|
|
23558
23557
|
children: [
|
|
23559
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23558
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Heading, { className: "mb-4 h-12 w-full max-w-4xl md:mb-6 md:h-20 lg:h-24" }),
|
|
23560
23559
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-8 w-full max-w-4xl space-y-3 px-2 md:mb-10", children: [
|
|
23561
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23562
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23560
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "h-5 md:h-7" }),
|
|
23561
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "mx-auto h-5 w-3/4 md:h-7" })
|
|
23563
23562
|
] }),
|
|
23564
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23563
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Button, { className: "h-12 w-full md:w-64" })
|
|
23565
23564
|
]
|
|
23566
23565
|
}
|
|
23567
23566
|
);
|
|
@@ -23572,14 +23571,14 @@ function SearchContainerSkeleton({
|
|
|
23572
23571
|
}) {
|
|
23573
23572
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-4", className || ""), children: [
|
|
23574
23573
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 md:gap-4", children: [
|
|
23575
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23576
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23574
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Input, { className: "flex-1" }),
|
|
23575
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Button, { className: "w-32 md:w-40" })
|
|
23577
23576
|
] }),
|
|
23578
23577
|
showFilters && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap gap-2", children: [
|
|
23579
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23580
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23581
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23582
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23578
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Chip, {}),
|
|
23579
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Chip, { className: "w-24" }),
|
|
23580
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Chip, { className: "w-16" }),
|
|
23581
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Chip, { className: "w-20" })
|
|
23583
23582
|
] })
|
|
23584
23583
|
] });
|
|
23585
23584
|
}
|
|
@@ -23598,7 +23597,7 @@ function CategorySidebarSkeleton({ className }) {
|
|
|
23598
23597
|
{ type: "file", width: "w-36" }
|
|
23599
23598
|
];
|
|
23600
23599
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full lg:w-[320px]", className), children: [
|
|
23601
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23600
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "mb-4 h-[14px] w-24 rounded" }),
|
|
23602
23601
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
23603
23602
|
"div",
|
|
23604
23603
|
{
|
|
@@ -23608,12 +23607,12 @@ function CategorySidebarSkeleton({ className }) {
|
|
|
23608
23607
|
),
|
|
23609
23608
|
children: [
|
|
23610
23609
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
|
|
23611
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23612
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23610
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-4 w-4 shrink-0 rounded" }),
|
|
23611
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: `h-[14px] ${item.width} rounded` })
|
|
23613
23612
|
] }),
|
|
23614
23613
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[18px] items-center gap-2", children: [
|
|
23615
|
-
item.hasBadge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23616
|
-
item.type === "folder" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23614
|
+
item.hasBadge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-[18px] w-14 rounded" }),
|
|
23615
|
+
item.type === "folder" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-4 w-4 rounded" })
|
|
23617
23616
|
] })
|
|
23618
23617
|
]
|
|
23619
23618
|
},
|
|
@@ -23623,17 +23622,17 @@ function CategorySidebarSkeleton({ className }) {
|
|
|
23623
23622
|
}
|
|
23624
23623
|
function BreadcrumbSkeleton({ className }) {
|
|
23625
23624
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "mb-6 flex items-center space-x-1", className), children: [
|
|
23626
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23627
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23628
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23629
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23630
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23631
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23632
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23625
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-16" }),
|
|
23626
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
|
|
23627
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-24" }),
|
|
23628
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
|
|
23629
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-32" }),
|
|
23630
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
|
|
23631
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-24" })
|
|
23633
23632
|
] });
|
|
23634
23633
|
}
|
|
23635
23634
|
function ResultsHeaderSkeleton({ className }) {
|
|
23636
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "mb-6 flex flex-col items-start justify-between gap-4 md:flex-row md:items-center", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23635
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "mb-6 flex flex-col items-start justify-between gap-4 md:flex-row md:items-center", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-48" }) }) });
|
|
23637
23636
|
}
|
|
23638
23637
|
function TwoColumnLayoutSkeleton({
|
|
23639
23638
|
className,
|
|
@@ -23665,35 +23664,35 @@ function ArticleLayoutSkeleton({ className }) {
|
|
|
23665
23664
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk3ATAYP36cjs.cn.call(void 0, "mx-auto max-w-4xl", className), children: [
|
|
23666
23665
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "mb-8 space-y-4 md:mb-12 md:space-y-6", children: [
|
|
23667
23666
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
|
|
23668
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23669
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23667
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Chip, {}),
|
|
23668
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Chip, { className: "w-16" })
|
|
23670
23669
|
] }),
|
|
23671
23670
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
|
|
23672
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23673
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23671
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Heading, { className: "w-full" }),
|
|
23672
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Heading, { className: "w-3/4" })
|
|
23674
23673
|
] }),
|
|
23675
23674
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 border-t border-ods-divider pt-4", children: [
|
|
23676
23675
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
|
|
23677
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23678
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23676
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
23677
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-24" })
|
|
23679
23678
|
] }),
|
|
23680
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23681
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23679
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-20" }),
|
|
23680
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23682
23681
|
] })
|
|
23683
23682
|
] }),
|
|
23684
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-8 md:mb-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23683
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-8 md:mb-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.CardImage, { className: "h-64 w-full md:h-96" }) }),
|
|
23685
23684
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "prose prose-invert max-w-none space-y-6", children: [
|
|
23686
23685
|
Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
23687
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23688
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23689
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23690
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23686
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23687
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23688
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-5/6" }),
|
|
23689
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
23691
23690
|
] }, index)),
|
|
23692
23691
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-4", children: [
|
|
23693
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23692
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "mb-4 w-2/3" }),
|
|
23694
23693
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
23695
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23696
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23694
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23695
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-4/5" })
|
|
23697
23696
|
] })
|
|
23698
23697
|
] })
|
|
23699
23698
|
] })
|
|
@@ -23919,11 +23918,11 @@ function StatsSectionSkeleton({ className, columns = 3 }) {
|
|
|
23919
23918
|
className
|
|
23920
23919
|
),
|
|
23921
23920
|
children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
|
|
23922
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23923
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23921
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "lg" }),
|
|
23922
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
23924
23923
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
23925
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23926
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23924
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23925
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
23927
23926
|
] })
|
|
23928
23927
|
] }) }, i))
|
|
23929
23928
|
}
|
|
@@ -24064,7 +24063,7 @@ function useContentLoading(isLoading) {
|
|
|
24064
24063
|
|
|
24065
24064
|
function ParagraphSkeleton({ className, lines = 4 }) {
|
|
24066
24065
|
const lineWidths = ["w-full", "w-full", "w-5/6", "w-3/4", "w-4/5", "w-2/3"];
|
|
24067
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24066
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: lineWidths[index % lineWidths.length] }, index)) });
|
|
24068
24067
|
}
|
|
24069
24068
|
function ListSkeleton({
|
|
24070
24069
|
className,
|
|
@@ -24074,12 +24073,12 @@ function ListSkeleton({
|
|
|
24074
24073
|
}) {
|
|
24075
24074
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
|
|
24076
24075
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24077
|
-
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24078
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24076
|
+
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24077
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-32 md:w-48" })
|
|
24079
24078
|
] }),
|
|
24080
24079
|
showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
|
|
24081
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24082
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24080
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-8" }),
|
|
24081
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4" })
|
|
24083
24082
|
] })
|
|
24084
24083
|
] }, index)) });
|
|
24085
24084
|
}
|
|
@@ -24089,13 +24088,13 @@ function TableSkeleton({
|
|
|
24089
24088
|
columns = 4
|
|
24090
24089
|
}) {
|
|
24091
24090
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-4", className), children: [
|
|
24092
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24091
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
|
|
24093
24092
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24094
24093
|
"div",
|
|
24095
24094
|
{
|
|
24096
24095
|
className: "grid gap-4 border-b border-ods-divider py-2",
|
|
24097
24096
|
style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
|
|
24098
|
-
children: Array.from({ length: columns }).map((_cell, colIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24097
|
+
children: Array.from({ length: columns }).map((_cell, colIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-2/3" }, colIndex))
|
|
24099
24098
|
},
|
|
24100
24099
|
rowIndex
|
|
24101
24100
|
)) })
|
|
@@ -24104,13 +24103,13 @@ function TableSkeleton({
|
|
|
24104
24103
|
function FormSkeleton({ className, fields = 4 }) {
|
|
24105
24104
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-6", className), children: [
|
|
24106
24105
|
Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
24107
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24108
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24109
|
-
index % 3 === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24106
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-24" }),
|
|
24107
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Input, {}),
|
|
24108
|
+
index % 3 === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-48" })
|
|
24110
24109
|
] }, index)),
|
|
24111
24110
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4 pt-4", children: [
|
|
24112
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24113
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24111
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Button, {}),
|
|
24112
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Button, { className: "bg-ods-border" })
|
|
24114
24113
|
] })
|
|
24115
24114
|
] });
|
|
24116
24115
|
}
|
|
@@ -24125,7 +24124,7 @@ function NavigationSkeleton({
|
|
|
24125
24124
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "flex gap-4 md:gap-6", !horizontal && "flex-col", className),
|
|
24126
24125
|
role: "status",
|
|
24127
24126
|
"aria-label": "Loading navigation",
|
|
24128
|
-
children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24127
|
+
children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
|
|
24129
24128
|
}
|
|
24130
24129
|
);
|
|
24131
24130
|
}
|
|
@@ -24136,30 +24135,30 @@ function ProfileSkeleton({
|
|
|
24136
24135
|
}) {
|
|
24137
24136
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-4", className), children: [
|
|
24138
24137
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4", children: [
|
|
24139
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24138
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Avatar, { size: "lg" }),
|
|
24140
24139
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
24141
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24142
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24143
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24140
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-1/2" }),
|
|
24141
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-1/3" }),
|
|
24142
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24144
24143
|
] })
|
|
24145
24144
|
] }),
|
|
24146
24145
|
showBio && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
24147
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24148
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24149
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24146
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24147
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-4/5" }),
|
|
24148
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24150
24149
|
] }),
|
|
24151
24150
|
showStats && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-6", children: [
|
|
24152
24151
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
|
|
24153
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24154
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24152
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "mx-auto w-8" }),
|
|
24153
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "mx-auto w-12" })
|
|
24155
24154
|
] }),
|
|
24156
24155
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
|
|
24157
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24158
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24156
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "mx-auto w-8" }),
|
|
24157
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "mx-auto w-16" })
|
|
24159
24158
|
] }),
|
|
24160
24159
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
|
|
24161
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24162
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24160
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "mx-auto w-8" }),
|
|
24161
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "mx-auto w-14" })
|
|
24163
24162
|
] })
|
|
24164
24163
|
] })
|
|
24165
24164
|
] });
|
|
@@ -24171,32 +24170,32 @@ function CommentSkeleton({
|
|
|
24171
24170
|
}) {
|
|
24172
24171
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-3", className), children: [
|
|
24173
24172
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24174
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24173
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
24175
24174
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 items-center gap-4", children: [
|
|
24176
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24177
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24178
|
-
showRating && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24175
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-24" }),
|
|
24176
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-16" }),
|
|
24177
|
+
showRating && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm" }, i)) })
|
|
24179
24178
|
] })
|
|
24180
24179
|
] }),
|
|
24181
24180
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11 space-y-2", children: [
|
|
24182
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24183
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24184
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24181
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24182
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-3/4" }),
|
|
24183
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-1/2" })
|
|
24185
24184
|
] }),
|
|
24186
24185
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11 flex gap-4", children: [
|
|
24187
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24188
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24189
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24186
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-12" }),
|
|
24187
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-16" }),
|
|
24188
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-8" })
|
|
24190
24189
|
] }),
|
|
24191
24190
|
showReplies && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ml-11 space-y-4 border-l border-ods-divider pl-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
24192
24191
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24193
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24194
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24195
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24192
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
24193
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-20" }),
|
|
24194
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-12" })
|
|
24196
24195
|
] }),
|
|
24197
24196
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11", children: [
|
|
24198
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24199
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24197
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24198
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24200
24199
|
] })
|
|
24201
24200
|
] }, index)) })
|
|
24202
24201
|
] });
|
|
@@ -24209,31 +24208,31 @@ function FeatureListSkeleton({
|
|
|
24209
24208
|
}) {
|
|
24210
24209
|
if (grouped) {
|
|
24211
24210
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
|
|
24212
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24211
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-1/3" }),
|
|
24213
24212
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_feature, featureIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24214
|
-
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24215
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24213
|
+
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24214
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24216
24215
|
] }, featureIndex)) })
|
|
24217
24216
|
] }, groupIndex)) });
|
|
24218
24217
|
}
|
|
24219
24218
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24220
|
-
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24221
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24219
|
+
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24220
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24222
24221
|
] }, index)) });
|
|
24223
24222
|
}
|
|
24224
24223
|
function TimelineSkeleton({ className, items = 5 }) {
|
|
24225
24224
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4", children: [
|
|
24226
24225
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center", children: [
|
|
24227
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24226
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24228
24227
|
index < items - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2 h-12 w-px bg-ods-border" })
|
|
24229
24228
|
] }),
|
|
24230
24229
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
24231
24230
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24232
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24233
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24231
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-1/3" }),
|
|
24232
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
24234
24233
|
] }),
|
|
24235
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24236
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24234
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24235
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24237
24236
|
] })
|
|
24238
24237
|
] }, index)) });
|
|
24239
24238
|
}
|
|
@@ -24249,16 +24248,16 @@ function PricingSkeleton({ className, plans = 3 }) {
|
|
|
24249
24248
|
className
|
|
24250
24249
|
),
|
|
24251
24250
|
children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
|
|
24252
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24251
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-1/2" }),
|
|
24253
24252
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
|
|
24254
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24255
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24253
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Heading, { className: "w-1/3" }),
|
|
24254
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-1/4" })
|
|
24256
24255
|
] }),
|
|
24257
24256
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_feature, featureIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
|
|
24258
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24259
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24257
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24258
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24260
24259
|
] }, featureIndex)) }),
|
|
24261
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24260
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Button, { className: "w-full" })
|
|
24262
24261
|
] }) }, index))
|
|
24263
24262
|
}
|
|
24264
24263
|
);
|
|
@@ -24294,12 +24293,12 @@ function MspProfileFormSkeleton({ className, fields = 4 }) {
|
|
|
24294
24293
|
"aria-label": "Loading MSP profile form",
|
|
24295
24294
|
children: [
|
|
24296
24295
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col space-y-2", children: [
|
|
24297
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24298
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[180px] flex-1 md:min-h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24296
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-28" }),
|
|
24297
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[180px] flex-1 md:min-h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-full w-full rounded-lg", "aria-label": "Loading company logo" }) })
|
|
24299
24298
|
] }),
|
|
24300
24299
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col space-y-2", children: [
|
|
24301
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24302
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24300
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-40" }),
|
|
24301
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.InteractiveSkeleton.Input, {})
|
|
24303
24302
|
] }, idx)) })
|
|
24304
24303
|
]
|
|
24305
24304
|
}
|
|
@@ -24319,13 +24318,13 @@ function CategoryCardSkeleton({ className }) {
|
|
|
24319
24318
|
role: "status",
|
|
24320
24319
|
"aria-label": "Loading category card",
|
|
24321
24320
|
children: [
|
|
24322
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-8 flex items-center justify-center gap-6", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24321
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-8 flex items-center justify-center gap-6", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { variant: "circular", className: "h-10 w-10 flex-shrink-0", "aria-label": "Loading icon" }, i)) }),
|
|
24323
24322
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col space-y-3", children: [
|
|
24324
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24325
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24326
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24323
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Heading, { className: "w-3/4" }),
|
|
24324
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-1/2" }),
|
|
24325
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" })
|
|
24327
24326
|
] }),
|
|
24328
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24327
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-12 w-12 rounded-[6px]", "aria-label": "Loading button" }) })
|
|
24329
24328
|
]
|
|
24330
24329
|
}
|
|
24331
24330
|
);
|
|
@@ -24342,12 +24341,12 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
|
|
|
24342
24341
|
"aria-label": "Loading category section",
|
|
24343
24342
|
children: [
|
|
24344
24343
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 max-w-xl space-y-2", children: [
|
|
24345
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24346
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24344
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Heading, { className: "w-1/2" }),
|
|
24345
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24347
24346
|
] }),
|
|
24348
24347
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
24349
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24350
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-2 gap-4 md:grid-cols-3", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24348
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-1/3" }),
|
|
24349
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-2 gap-4 md:grid-cols-3", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
|
|
24351
24350
|
] }, idx)) })
|
|
24352
24351
|
]
|
|
24353
24352
|
}
|
|
@@ -24358,14 +24357,14 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
|
|
|
24358
24357
|
|
|
24359
24358
|
function WizardLayoutSkeleton({ steps = 6, className }) {
|
|
24360
24359
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
|
|
24361
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24360
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
|
|
24362
24361
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "max-w-2xl space-y-2", children: [
|
|
24363
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24364
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24362
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Heading, { className: "w-2/3" }),
|
|
24363
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-1/2" })
|
|
24365
24364
|
] }),
|
|
24366
24365
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-10 flex justify-between", children: [
|
|
24367
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24368
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24366
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
|
|
24367
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-10 w-32 rounded" })
|
|
24369
24368
|
] })
|
|
24370
24369
|
] });
|
|
24371
24370
|
}
|
|
@@ -24757,28 +24756,28 @@ function OrganizationCardSkeleton({
|
|
|
24757
24756
|
}
|
|
24758
24757
|
),
|
|
24759
24758
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center space-y-1 py-2", children: [
|
|
24760
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24761
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24759
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
24760
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-1/2" })
|
|
24762
24761
|
] })
|
|
24763
24762
|
] }),
|
|
24764
24763
|
showDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-full items-center overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
|
|
24765
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24766
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24764
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24765
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24767
24766
|
] }) }),
|
|
24768
24767
|
showFooter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
|
|
24769
24768
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-shrink items-center gap-3 md:gap-4", children: [
|
|
24770
24769
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
24771
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24772
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24770
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
24771
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-8" })
|
|
24773
24772
|
] }),
|
|
24774
24773
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
24775
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24776
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24774
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
24775
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-10" })
|
|
24777
24776
|
] })
|
|
24778
24777
|
] }),
|
|
24779
24778
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 rounded border border-ods-border bg-ods-bg px-2.5 py-1.5", children: [
|
|
24780
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24781
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24779
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
|
|
24780
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
24782
24781
|
] }) })
|
|
24783
24782
|
] })
|
|
24784
24783
|
] })
|
|
@@ -24855,16 +24854,16 @@ function DeviceCardSkeletonGrid({ count = 12, className }) {
|
|
|
24855
24854
|
|
|
24856
24855
|
function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
|
|
24857
24856
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", role: "status", "aria-label": "Loading options", children: [
|
|
24858
|
-
hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24857
|
+
hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-5 w-20", "aria-label": "Loading title" }),
|
|
24859
24858
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-bg p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-4", children: [
|
|
24860
24859
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24861
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24860
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-8 w-8", "aria-label": "Loading icon" }),
|
|
24862
24861
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
|
|
24863
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24864
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24862
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { variant: "text", className: "mb-2 h-4 w-24", "aria-label": "Loading name" }),
|
|
24863
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { variant: "text", className: "h-4 w-36", "aria-label": "Loading description" })
|
|
24865
24864
|
] })
|
|
24866
24865
|
] }),
|
|
24867
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24866
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.UnifiedSkeleton, { className: "h-6 w-6", "aria-label": "Loading selection state" })
|
|
24868
24867
|
] }) }, i)) })
|
|
24869
24868
|
] });
|
|
24870
24869
|
}
|
|
@@ -24986,9 +24985,9 @@ function PushButtonSelector({
|
|
|
24986
24985
|
option.id
|
|
24987
24986
|
);
|
|
24988
24987
|
if (option.disabled && option.disabledReason) {
|
|
24989
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
24990
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24991
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24988
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Tooltip, { children: [
|
|
24989
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipTrigger, { asChild: true, children: optionEl }),
|
|
24990
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipContent, { className: "max-w-xs", children: option.disabledReason })
|
|
24992
24991
|
] }, option.id);
|
|
24993
24992
|
}
|
|
24994
24993
|
return optionEl;
|
|
@@ -25033,7 +25032,7 @@ function PushButtonSelector({
|
|
|
25033
25032
|
lazyLoad.isFetchingMore ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-2 text-center text-ods-text-secondary text-h6", children: "Loading more\u2026" }) : null
|
|
25034
25033
|
] }) : null
|
|
25035
25034
|
] });
|
|
25036
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25035
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `space-y-4 ${className}`, children: [
|
|
25037
25036
|
title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h5", children: title }),
|
|
25038
25037
|
searchInput,
|
|
25039
25038
|
lazyLoad ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -25247,7 +25246,7 @@ function SEOEditorPreview({
|
|
|
25247
25246
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: [
|
|
25248
25247
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
25249
25248
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25250
|
-
|
|
25249
|
+
_chunkRTGPIHVOcjs.Field,
|
|
25251
25250
|
{
|
|
25252
25251
|
label: "SEO Title",
|
|
25253
25252
|
error: seoTitleTooLong ? `Too long: search engines may truncate this title (keep it under ${SEO_TITLE_MAX_LENGTH})` : null,
|
|
@@ -25287,7 +25286,7 @@ function SEOEditorPreview({
|
|
|
25287
25286
|
!seoTitle && title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-accent text-h6", children: "Auto-populated from title" })
|
|
25288
25287
|
] }),
|
|
25289
25288
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25290
|
-
|
|
25289
|
+
_chunkRTGPIHVOcjs.Field,
|
|
25291
25290
|
{
|
|
25292
25291
|
label: "SEO Keywords",
|
|
25293
25292
|
labelExtras: aiConfidenceSeoKeywords !== void 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
@@ -25319,7 +25318,7 @@ function SEOEditorPreview({
|
|
|
25319
25318
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: [
|
|
25320
25319
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
25321
25320
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25322
|
-
|
|
25321
|
+
_chunkRTGPIHVOcjs.Field,
|
|
25323
25322
|
{
|
|
25324
25323
|
label: "SEO Description",
|
|
25325
25324
|
error: seoDescriptionTooLong ? `Too long: search engines may truncate this description (keep it under ${SEO_DESCRIPTION_MAX_LENGTH})` : null,
|
|
@@ -25997,7 +25996,7 @@ function VideoBitesDisplay({
|
|
|
25997
25996
|
filterPublished = true,
|
|
25998
25997
|
showTitle = true
|
|
25999
25998
|
}) {
|
|
26000
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25999
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.VideoBitesStrip, { bites, title, filterPublished, showTitle });
|
|
26001
26000
|
}
|
|
26002
26001
|
|
|
26003
26002
|
// src/components/features/walkthrough-video.tsx
|
|
@@ -26067,7 +26066,7 @@ function WalkthroughVideo({
|
|
|
26067
26066
|
if (idleHandle !== null && typeof cic === "function") cic(idleHandle);
|
|
26068
26067
|
};
|
|
26069
26068
|
}, [appearDelayMs, dismissEnabled, storageKey, dismissalId, hasVideo, videoId]);
|
|
26070
|
-
const hydrated =
|
|
26069
|
+
const hydrated = _chunkRTGPIHVOcjs.useIsHydrated.call(void 0, );
|
|
26071
26070
|
const previewSuppressed = _react.useMemo.call(void 0, () => {
|
|
26072
26071
|
if (!hydrated) return false;
|
|
26073
26072
|
try {
|
|
@@ -26466,7 +26465,7 @@ function WalkthroughVideo({
|
|
|
26466
26465
|
},
|
|
26467
26466
|
children: [
|
|
26468
26467
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26469
|
-
|
|
26468
|
+
_chunkRTGPIHVOcjs.VideoHoverPreviewSurface,
|
|
26470
26469
|
{
|
|
26471
26470
|
url: video.mainVideoUrl || "",
|
|
26472
26471
|
posterUrl: video.posterUrl,
|
|
@@ -26489,7 +26488,7 @@ function WalkthroughVideo({
|
|
|
26489
26488
|
`card-${embedUrlKey}`
|
|
26490
26489
|
) }),
|
|
26491
26490
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26492
|
-
|
|
26491
|
+
_chunkRTGPIHVOcjs.CardHitLayer,
|
|
26493
26492
|
{
|
|
26494
26493
|
label: video.title ? `${label}: ${video.title}` : label,
|
|
26495
26494
|
onPointerDown: pausePreviewNow,
|
|
@@ -26604,7 +26603,7 @@ function WalkthroughVideo({
|
|
|
26604
26603
|
children: [
|
|
26605
26604
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive2.Title, { className: "sr-only", children: summaryTitle || "Walkthrough video" }),
|
|
26606
26605
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26607
|
-
|
|
26606
|
+
_chunkRTGPIHVOcjs.Video,
|
|
26608
26607
|
{
|
|
26609
26608
|
kind: video.youtubeUrl ? "youtube" : "file",
|
|
26610
26609
|
url: video.youtubeUrl || video.mainVideoUrl,
|
|
@@ -26655,7 +26654,7 @@ function InlineWalkthroughVideo(props) {
|
|
|
26655
26654
|
var _reactquery = require('@tanstack/react-query');
|
|
26656
26655
|
function useWalkthroughVideo(opts) {
|
|
26657
26656
|
const { endpoint, initialData, enabled = true, transformCaptionsUrl } = opts;
|
|
26658
|
-
const captions =
|
|
26657
|
+
const captions = _chunkRTGPIHVOcjs.useCaptions.call(void 0, );
|
|
26659
26658
|
const query = _reactquery.useQuery.call(void 0, {
|
|
26660
26659
|
queryKey: ["walkthrough-video", endpoint],
|
|
26661
26660
|
enabled,
|
|
@@ -26853,7 +26852,7 @@ function VideoSourceSelector({
|
|
|
26853
26852
|
}
|
|
26854
26853
|
function DefaultVideoPreview({ videoUrl, onDelete, disabled }) {
|
|
26855
26854
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative overflow-hidden rounded-lg border border-ods-border", children: [
|
|
26856
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video max-h-[300px] w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26855
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video max-h-[300px] w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.Video, { kind: "file", url: videoUrl }) }),
|
|
26857
26856
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26858
26857
|
"button",
|
|
26859
26858
|
{
|
|
@@ -27377,7 +27376,7 @@ function HighlightVideoSection({
|
|
|
27377
27376
|
// Default simple preview — the <Video> SSOT (MuxPlayer) plays
|
|
27378
27377
|
// MP4 and Mux HLS alike; aspect-video box reserves the height.
|
|
27379
27378
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative overflow-hidden rounded-lg border border-ods-border bg-black", children: [
|
|
27380
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video max-h-[300px] w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
27379
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "aspect-video max-h-[300px] w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.Video, { kind: "file", url: highlightVideoUrl, poster: highlightVideoThumbnail || void 0 }) }),
|
|
27381
27380
|
onDeleteHighlight && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
27382
27381
|
"button",
|
|
27383
27382
|
{
|
|
@@ -27404,7 +27403,7 @@ function HighlightConfigSection({
|
|
|
27404
27403
|
disabled = false,
|
|
27405
27404
|
className = ""
|
|
27406
27405
|
}) {
|
|
27407
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `space-y-3 rounded-lg border border-ods-border bg-ods-card p-4 ${className}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
27406
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `space-y-3 rounded-lg border border-ods-border bg-ods-card p-4 ${className}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.Field, { label: "Target Duration", children: (f) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
27408
27407
|
Select,
|
|
27409
27408
|
{
|
|
27410
27409
|
value: targetDurationSeconds.toString(),
|
|
@@ -28117,7 +28116,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
|
|
|
28117
28116
|
] });
|
|
28118
28117
|
};
|
|
28119
28118
|
var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, onBulkLevelChange, onPolicyPermissionChange }) => {
|
|
28120
|
-
const { innerRef, containerStyle } =
|
|
28119
|
+
const { innerRef, containerStyle } = _chunkRTGPIHVOcjs.useCollapsible.call(void 0, { expanded: isExpanded, durationMs: 300 });
|
|
28121
28120
|
const handleBulkChange = (level) => onBulkLevelChange(category.id, level);
|
|
28122
28121
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
28123
28122
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -28286,7 +28285,7 @@ function WaitlistForm({
|
|
|
28286
28285
|
const { toast } = _chunk3L7KCOGOcjs.useToast.call(void 0, );
|
|
28287
28286
|
const { honeypotInputProps, getSignals, resetSignals } = _chunk3L7KCOGOcjs.useHumanitySignals.call(void 0, );
|
|
28288
28287
|
const [smsConsent, setSmsConsent] = _react.useState.call(void 0, false);
|
|
28289
|
-
const isClient =
|
|
28288
|
+
const isClient = _chunkRTGPIHVOcjs.useIsHydrated.call(void 0, );
|
|
28290
28289
|
const [isPhoneInvalid, setIsPhoneInvalid] = _react.useState.call(void 0, false);
|
|
28291
28290
|
const [showConsentError, setShowConsentError] = _react.useState.call(void 0, false);
|
|
28292
28291
|
const rescue = _chunk3L7KCOGOcjs.useFormRescue.call(void 0, {
|
|
@@ -28824,7 +28823,15 @@ var appLayoutDrawerPanelVariants = _classvarianceauthority.cva.call(void 0,
|
|
|
28824
28823
|
);
|
|
28825
28824
|
var HORIZONTAL_SIDES = /* @__PURE__ */ new Set(["left", "right"]);
|
|
28826
28825
|
var PERSIST_CLOSED_HOLD = "data-[state=closed]:fill-mode-forwards";
|
|
28827
|
-
function
|
|
28826
|
+
function useContainedResizableSize({
|
|
28827
|
+
enabled,
|
|
28828
|
+
isHorizontal,
|
|
28829
|
+
minSize,
|
|
28830
|
+
maxSize,
|
|
28831
|
+
defaultSize,
|
|
28832
|
+
storageKey,
|
|
28833
|
+
container
|
|
28834
|
+
}) {
|
|
28828
28835
|
const [available, setAvailable] = _react.useState.call(void 0, 0);
|
|
28829
28836
|
_react.useEffect.call(void 0, () => {
|
|
28830
28837
|
if (!enabled || !container) return void 0;
|
|
@@ -28836,7 +28843,147 @@ function useContainerExtent(enabled, isHorizontal, container) {
|
|
|
28836
28843
|
ro.observe(container);
|
|
28837
28844
|
return () => ro.disconnect();
|
|
28838
28845
|
}, [enabled, container, isHorizontal]);
|
|
28839
|
-
|
|
28846
|
+
const clampToContainer = _react.useCallback.call(void 0,
|
|
28847
|
+
(value) => {
|
|
28848
|
+
const effectiveMax = available > 0 ? Math.min(maxSize, available - 40) : maxSize;
|
|
28849
|
+
return _chunkIIMICN7Lcjs.clamp.call(void 0, value, minSize, Math.max(minSize, effectiveMax));
|
|
28850
|
+
},
|
|
28851
|
+
[available, minSize, maxSize]
|
|
28852
|
+
);
|
|
28853
|
+
const readInitial = _react.useCallback.call(void 0, () => {
|
|
28854
|
+
if (!enabled) return defaultSize;
|
|
28855
|
+
if (typeof window === "undefined") return defaultSize;
|
|
28856
|
+
if (!storageKey) return defaultSize;
|
|
28857
|
+
try {
|
|
28858
|
+
const raw = window.localStorage.getItem(storageKey);
|
|
28859
|
+
if (!raw) return defaultSize;
|
|
28860
|
+
const parsed = parseFloat(raw);
|
|
28861
|
+
if (!Number.isFinite(parsed)) return defaultSize;
|
|
28862
|
+
return parsed;
|
|
28863
|
+
} catch (e40) {
|
|
28864
|
+
return defaultSize;
|
|
28865
|
+
}
|
|
28866
|
+
}, [enabled, storageKey, defaultSize]);
|
|
28867
|
+
const [rawSize, setSizeRaw] = _react.useState.call(void 0, readInitial);
|
|
28868
|
+
const size = enabled ? clampToContainer(rawSize) : rawSize;
|
|
28869
|
+
const setSize = _react.useCallback.call(void 0, (next) => setSizeRaw(clampToContainer(next)), [clampToContainer]);
|
|
28870
|
+
_react.useEffect.call(void 0, () => {
|
|
28871
|
+
if (!enabled || !storageKey || typeof window === "undefined") return;
|
|
28872
|
+
try {
|
|
28873
|
+
window.localStorage.setItem(storageKey, String(Math.round(size)));
|
|
28874
|
+
} catch (e41) {
|
|
28875
|
+
}
|
|
28876
|
+
}, [enabled, size, storageKey]);
|
|
28877
|
+
return { size, setSize, clampSize: clampToContainer };
|
|
28878
|
+
}
|
|
28879
|
+
function finishDrag(startRef, dragSizeRef, commit) {
|
|
28880
|
+
if (!startRef.current) return;
|
|
28881
|
+
startRef.current = null;
|
|
28882
|
+
if (dragSizeRef.current !== null) commit(dragSizeRef.current);
|
|
28883
|
+
dragSizeRef.current = null;
|
|
28884
|
+
document.body.style.cursor = "";
|
|
28885
|
+
document.body.style.userSelect = "";
|
|
28886
|
+
}
|
|
28887
|
+
function AppLayoutDrawerResizeHandle({
|
|
28888
|
+
side,
|
|
28889
|
+
size,
|
|
28890
|
+
minSize,
|
|
28891
|
+
maxSize,
|
|
28892
|
+
onSize,
|
|
28893
|
+
clampSize,
|
|
28894
|
+
panelRef,
|
|
28895
|
+
ariaLabel
|
|
28896
|
+
}) {
|
|
28897
|
+
const isHorizontal = HORIZONTAL_SIDES.has(side);
|
|
28898
|
+
const startRef = _react.useRef.call(void 0, null);
|
|
28899
|
+
const dragSizeRef = _react.useRef.call(void 0, null);
|
|
28900
|
+
const onSizeRef = _react.useRef.call(void 0, onSize);
|
|
28901
|
+
_react.useEffect.call(void 0, () => {
|
|
28902
|
+
onSizeRef.current = onSize;
|
|
28903
|
+
}, [onSize]);
|
|
28904
|
+
_react.useEffect.call(void 0, () => () => finishDrag(startRef, dragSizeRef, onSizeRef.current), []);
|
|
28905
|
+
const direction = side === "right" || side === "bottom" ? -1 : 1;
|
|
28906
|
+
const handlePointerDown = (e) => {
|
|
28907
|
+
if (e.button !== 0 && e.pointerType === "mouse") return;
|
|
28908
|
+
e.preventDefault();
|
|
28909
|
+
startRef.current = { x: e.clientX, y: e.clientY, size };
|
|
28910
|
+
e.currentTarget.setPointerCapture(e.pointerId);
|
|
28911
|
+
document.body.style.cursor = isHorizontal ? "col-resize" : "row-resize";
|
|
28912
|
+
document.body.style.userSelect = "none";
|
|
28913
|
+
};
|
|
28914
|
+
const handlePointerMove = (e) => {
|
|
28915
|
+
const start = startRef.current;
|
|
28916
|
+
const panel = panelRef.current;
|
|
28917
|
+
if (!start || !panel) return;
|
|
28918
|
+
const delta = isHorizontal ? e.clientX - start.x : e.clientY - start.y;
|
|
28919
|
+
const next = clampSize(start.size + delta * direction);
|
|
28920
|
+
dragSizeRef.current = next;
|
|
28921
|
+
panel.style[isHorizontal ? "width" : "height"] = `${next}px`;
|
|
28922
|
+
e.currentTarget.setAttribute("aria-valuenow", String(Math.round(next)));
|
|
28923
|
+
};
|
|
28924
|
+
const endDrag = (e) => {
|
|
28925
|
+
if (!startRef.current) return;
|
|
28926
|
+
finishDrag(startRef, dragSizeRef, onSize);
|
|
28927
|
+
try {
|
|
28928
|
+
e.currentTarget.releasePointerCapture(e.pointerId);
|
|
28929
|
+
} catch (e42) {
|
|
28930
|
+
}
|
|
28931
|
+
};
|
|
28932
|
+
const handleKeyDown = (e) => {
|
|
28933
|
+
const step = e.shiftKey ? 40 : 16;
|
|
28934
|
+
if (isHorizontal) {
|
|
28935
|
+
if (e.key === "ArrowLeft") {
|
|
28936
|
+
e.preventDefault();
|
|
28937
|
+
onSize(size + step * (side === "right" ? 1 : -1));
|
|
28938
|
+
} else if (e.key === "ArrowRight") {
|
|
28939
|
+
e.preventDefault();
|
|
28940
|
+
onSize(size + step * (side === "right" ? -1 : 1));
|
|
28941
|
+
}
|
|
28942
|
+
} else {
|
|
28943
|
+
if (e.key === "ArrowUp") {
|
|
28944
|
+
e.preventDefault();
|
|
28945
|
+
onSize(size + step * (side === "bottom" ? 1 : -1));
|
|
28946
|
+
} else if (e.key === "ArrowDown") {
|
|
28947
|
+
e.preventDefault();
|
|
28948
|
+
onSize(size + step * (side === "bottom" ? -1 : 1));
|
|
28949
|
+
}
|
|
28950
|
+
}
|
|
28951
|
+
if (e.key === "Home") {
|
|
28952
|
+
e.preventDefault();
|
|
28953
|
+
onSize(minSize);
|
|
28954
|
+
} else if (e.key === "End") {
|
|
28955
|
+
e.preventDefault();
|
|
28956
|
+
onSize(maxSize);
|
|
28957
|
+
}
|
|
28958
|
+
};
|
|
28959
|
+
const trackPosition = side === "right" ? "right-full top-4 bottom-4 w-6 items-center justify-end pr-1" : side === "left" ? "left-full top-4 bottom-4 w-6 items-center justify-start pl-1" : side === "bottom" ? "bottom-full left-4 right-4 h-6 justify-center items-end pb-1" : "top-full left-4 right-4 h-6 justify-center items-start pt-1";
|
|
28960
|
+
const cursorClass = isHorizontal ? "cursor-col-resize" : "cursor-row-resize";
|
|
28961
|
+
const gripClass = isHorizontal ? "h-10 w-1" : "w-10 h-1";
|
|
28962
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
28963
|
+
"div",
|
|
28964
|
+
{
|
|
28965
|
+
role: "separator",
|
|
28966
|
+
tabIndex: 0,
|
|
28967
|
+
"aria-orientation": isHorizontal ? "vertical" : "horizontal",
|
|
28968
|
+
"aria-valuenow": Math.round(size),
|
|
28969
|
+
"aria-valuemin": minSize,
|
|
28970
|
+
"aria-valuemax": maxSize,
|
|
28971
|
+
"aria-label": _nullishCoalesce(ariaLabel, () => ( (isHorizontal ? "Resize panel width" : "Resize panel height"))),
|
|
28972
|
+
onPointerDown: handlePointerDown,
|
|
28973
|
+
onPointerMove: handlePointerMove,
|
|
28974
|
+
onPointerUp: endDrag,
|
|
28975
|
+
onPointerCancel: endDrag,
|
|
28976
|
+
onLostPointerCapture: endDrag,
|
|
28977
|
+
onKeyDown: handleKeyDown,
|
|
28978
|
+
className: _chunk3ATAYP36cjs.cn.call(void 0,
|
|
28979
|
+
"group absolute z-20 flex touch-none select-none",
|
|
28980
|
+
"outline-none ring-0 focus:outline-none focus:ring-0 focus-visible:outline-none focus-visible:ring-0",
|
|
28981
|
+
trackPosition,
|
|
28982
|
+
cursorClass
|
|
28983
|
+
),
|
|
28984
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: _chunk3ATAYP36cjs.cn.call(void 0, "rounded-full bg-ods-border", gripClass) })
|
|
28985
|
+
}
|
|
28986
|
+
);
|
|
28840
28987
|
}
|
|
28841
28988
|
var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
28842
28989
|
({
|
|
@@ -28931,15 +29078,14 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
28931
29078
|
return () => mq.removeEventListener("change", update);
|
|
28932
29079
|
}, [mobileBreakpoint]);
|
|
28933
29080
|
const panelRef = _react.useRef.call(void 0, null);
|
|
28934
|
-
const
|
|
28935
|
-
const { size, setSize, clampSize } = _chunkHY5YL3U5cjs.useResizablePanelSize.call(void 0, {
|
|
29081
|
+
const { size, setSize, clampSize } = useContainedResizableSize({
|
|
28936
29082
|
enabled: resizable,
|
|
29083
|
+
isHorizontal,
|
|
28937
29084
|
minSize,
|
|
28938
29085
|
maxSize,
|
|
28939
29086
|
defaultSize: initialSize,
|
|
28940
|
-
|
|
28941
|
-
|
|
28942
|
-
storageKey
|
|
29087
|
+
storageKey,
|
|
29088
|
+
container: portalContainer
|
|
28943
29089
|
});
|
|
28944
29090
|
const applyInlineSize = resizable && !isMobile;
|
|
28945
29091
|
const sizeStyle = applyInlineSize ? isHorizontal ? { width: size } : { height: size } : {};
|
|
@@ -28952,7 +29098,7 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
28952
29098
|
"data-state": open ? "open" : "closed",
|
|
28953
29099
|
className: _chunk3ATAYP36cjs.cn.call(void 0,
|
|
28954
29100
|
"absolute inset-0 z-[102] outline-none data-[state=closed]:pointer-events-none data-[state=open]:pointer-events-auto data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
28955
|
-
|
|
29101
|
+
_chunkRTGPIHVOcjs.OVERLAY_BACKDROP_CLASS,
|
|
28956
29102
|
// Persist mode only: hold the fade-out's final (transparent) frame
|
|
28957
29103
|
// so the backdrop doesn't snap back to opacity 1 and dim the whole
|
|
28958
29104
|
// content area while the drawer is "closed" (see PERSIST_CLOSED_HOLD).
|
|
@@ -28993,9 +29139,8 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
28993
29139
|
...props,
|
|
28994
29140
|
children: [
|
|
28995
29141
|
applyInlineSize && (!persist || open) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
28996
|
-
|
|
29142
|
+
AppLayoutDrawerResizeHandle,
|
|
28997
29143
|
{
|
|
28998
|
-
variant: "inLayout",
|
|
28999
29144
|
side: resolvedSide,
|
|
29000
29145
|
size,
|
|
29001
29146
|
minSize,
|
|
@@ -29032,11 +29177,11 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
29032
29177
|
}
|
|
29033
29178
|
);
|
|
29034
29179
|
AppLayoutDrawerContent.displayName = "AppLayoutDrawerContent";
|
|
29035
|
-
var AppLayoutDrawerHeader =
|
|
29036
|
-
var AppLayoutDrawerTitle =
|
|
29037
|
-
var AppLayoutDrawerDescription =
|
|
29038
|
-
var AppLayoutDrawerBody =
|
|
29039
|
-
var AppLayoutDrawerFooter =
|
|
29180
|
+
var AppLayoutDrawerHeader = _chunkRTGPIHVOcjs.DrawerHeader;
|
|
29181
|
+
var AppLayoutDrawerTitle = _chunkRTGPIHVOcjs.DrawerTitle;
|
|
29182
|
+
var AppLayoutDrawerDescription = _chunkRTGPIHVOcjs.DrawerDescription;
|
|
29183
|
+
var AppLayoutDrawerBody = _chunkRTGPIHVOcjs.DrawerBody;
|
|
29184
|
+
var AppLayoutDrawerFooter = _chunkRTGPIHVOcjs.DrawerFooter;
|
|
29040
29185
|
|
|
29041
29186
|
// src/components/features/notifications/notification-tile.tsx
|
|
29042
29187
|
|
|
@@ -29142,7 +29287,7 @@ function NotificationTile({
|
|
|
29142
29287
|
{
|
|
29143
29288
|
dateTime: createdAtIso,
|
|
29144
29289
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "shrink-0 whitespace-nowrap text-ods-text-secondary text-h6", lockscreen && "self-start"),
|
|
29145
|
-
children: _nullishCoalesce(timeLabel, () => (
|
|
29290
|
+
children: _nullishCoalesce(timeLabel, () => ( _chunkRTGPIHVOcjs.formatTicketRelativeTime.call(void 0, createdAtIso)))
|
|
29146
29291
|
}
|
|
29147
29292
|
) : null,
|
|
29148
29293
|
!lockscreen && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "relative size-4 shrink-0", children: [
|
|
@@ -29251,7 +29396,7 @@ function NotificationDrawer({
|
|
|
29251
29396
|
const unreadNotifications = notifications.filter((n) => !n.read);
|
|
29252
29397
|
const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
29253
29398
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29254
|
-
|
|
29399
|
+
_chunkRTGPIHVOcjs.DrawerTitle,
|
|
29255
29400
|
{
|
|
29256
29401
|
hideClose: true,
|
|
29257
29402
|
className: "truncate",
|
|
@@ -29310,8 +29455,8 @@ function NotificationDrawer({
|
|
|
29310
29455
|
}
|
|
29311
29456
|
) });
|
|
29312
29457
|
}
|
|
29313
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29314
|
-
|
|
29458
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.Drawer, { open: isOpen, onOpenChange: (v) => v ? open() : close(), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29459
|
+
_chunkRTGPIHVOcjs.DrawerContent,
|
|
29315
29460
|
{
|
|
29316
29461
|
side: "right",
|
|
29317
29462
|
"aria-describedby": void 0,
|
|
@@ -29594,13 +29739,13 @@ function getApprovalMeta(notification) {
|
|
|
29594
29739
|
function resolutionToStatus(resolution) {
|
|
29595
29740
|
switch (typeof resolution === "string" ? resolution.toUpperCase() : void 0) {
|
|
29596
29741
|
case "APPROVED":
|
|
29597
|
-
return
|
|
29742
|
+
return _chunkRTGPIHVOcjs.APPROVAL_STATUS.APPROVED;
|
|
29598
29743
|
case "REJECTED":
|
|
29599
|
-
return
|
|
29744
|
+
return _chunkRTGPIHVOcjs.APPROVAL_STATUS.REJECTED;
|
|
29600
29745
|
case "CANCELLED":
|
|
29601
|
-
return
|
|
29746
|
+
return _chunkRTGPIHVOcjs.APPROVAL_STATUS.CANCELLED;
|
|
29602
29747
|
default:
|
|
29603
|
-
return
|
|
29748
|
+
return _chunkRTGPIHVOcjs.APPROVAL_STATUS.PENDING;
|
|
29604
29749
|
}
|
|
29605
29750
|
}
|
|
29606
29751
|
function approvalMetaToBatchData(approval) {
|
|
@@ -29646,7 +29791,7 @@ function ApprovalRequestNotificationTile({
|
|
|
29646
29791
|
const resolvedStatus = resolutionToStatus(_optionalChain([approval, 'optionalAccess', _635 => _635.resolution]));
|
|
29647
29792
|
const status = resolvedStatus !== "pending" ? resolvedStatus : _nullishCoalesce(localStatus, () => ( "pending"));
|
|
29648
29793
|
const batchData = _react.useMemo.call(void 0, () => approval ? approvalMetaToBatchData(approval) : null, [approval]);
|
|
29649
|
-
const { innerRef, containerStyle } =
|
|
29794
|
+
const { innerRef, containerStyle } = _chunkRTGPIHVOcjs.useCollapsible.call(void 0, { expanded });
|
|
29650
29795
|
if (!approval || !batchData) return null;
|
|
29651
29796
|
const tileNotification = {
|
|
29652
29797
|
...notification,
|
|
@@ -29659,7 +29804,7 @@ function ApprovalRequestNotificationTile({
|
|
|
29659
29804
|
setLocalStatus(nextStatus);
|
|
29660
29805
|
try {
|
|
29661
29806
|
await action(batchData.approvalRequestId);
|
|
29662
|
-
} catch (
|
|
29807
|
+
} catch (e43) {
|
|
29663
29808
|
setLocalStatus(null);
|
|
29664
29809
|
return;
|
|
29665
29810
|
} finally {
|
|
@@ -29709,7 +29854,7 @@ function ApprovalRequestNotificationTile({
|
|
|
29709
29854
|
}
|
|
29710
29855
|
)
|
|
29711
29856
|
] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
29712
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29857
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ApprovalStatusTag, { status }),
|
|
29713
29858
|
approval.resolvedByName ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: [
|
|
29714
29859
|
"by ",
|
|
29715
29860
|
approval.resolvedByName
|
|
@@ -29727,12 +29872,12 @@ function ApprovalRequestNotificationTile({
|
|
|
29727
29872
|
"aria-expanded": expanded,
|
|
29728
29873
|
"aria-label": toggleLabel,
|
|
29729
29874
|
className: "ml-auto w-6 shrink-0 px-0 md:w-8",
|
|
29730
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29875
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ExpandChevron, { expanded })
|
|
29731
29876
|
}
|
|
29732
29877
|
)
|
|
29733
29878
|
] }),
|
|
29734
29879
|
children: !lockscreen && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-t border-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29735
|
-
|
|
29880
|
+
_chunkRTGPIHVOcjs.ApprovalBatchMessage,
|
|
29736
29881
|
{
|
|
29737
29882
|
data: batchData,
|
|
29738
29883
|
showExecutionStatus: false,
|
|
@@ -30249,7 +30394,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
|
|
|
30249
30394
|
"data-state": isOpen ? "open" : "closed",
|
|
30250
30395
|
className: _chunk3ATAYP36cjs.cn.call(void 0,
|
|
30251
30396
|
layoutContainer ? "absolute inset-0 z-[102]" : "fixed inset-0 z-[1299]",
|
|
30252
|
-
|
|
30397
|
+
_chunkRTGPIHVOcjs.OVERLAY_BACKDROP_CLASS,
|
|
30253
30398
|
"data-[state=open]:animate-in data-[state=open]:fade-in-0",
|
|
30254
30399
|
"data-[state=closed]:animate-out data-[state=closed]:fade-out-0"
|
|
30255
30400
|
)
|
|
@@ -30939,9 +31084,9 @@ function KeepRecordingModal({
|
|
|
30939
31084
|
if (!canKeep || isPending) return;
|
|
30940
31085
|
onConfirm({ reason, description: reason === "OTHER" ? trimmed : null });
|
|
30941
31086
|
};
|
|
30942
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31087
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
30943
31088
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
30944
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31089
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalTitle, { children: "Keep this recording" }) }),
|
|
30945
31090
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
30946
31091
|
KeepNotice,
|
|
30947
31092
|
{
|
|
@@ -30979,7 +31124,7 @@ function KeepRecordingModal({
|
|
|
30979
31124
|
}
|
|
30980
31125
|
)
|
|
30981
31126
|
] }),
|
|
30982
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31127
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.ModalFooter, { children: [
|
|
30983
31128
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
30984
31129
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
30985
31130
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -31009,9 +31154,9 @@ function ReleaseKeepingModal({
|
|
|
31009
31154
|
isPending = false,
|
|
31010
31155
|
onConfirm
|
|
31011
31156
|
}) {
|
|
31012
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31157
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
31013
31158
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
31014
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31159
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.ModalTitle, { children: "Release Keeping" }) }),
|
|
31015
31160
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[var(--spacing-system-xsf)] text-ods-text-primary text-h4", children: [
|
|
31016
31161
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { children: [
|
|
31017
31162
|
"Kept by ",
|
|
@@ -31028,7 +31173,7 @@ function ReleaseKeepingModal({
|
|
|
31028
31173
|
] })
|
|
31029
31174
|
] }),
|
|
31030
31175
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeepNotice, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.HourglassIcon, { size: 24, color: "currentColor" }), title: `It will expire on ${expiresOn}`, children: dueOn ? `It was due to expire on ${dueOn}. Releasing gives it 3 days' grace, and it shows amber until then. Whoever placed the Keep is reminded the day before it goes. Nothing is deleted now.` : "Nothing is deleted now." }),
|
|
31031
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31176
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.ModalFooter, { children: [
|
|
31032
31177
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
31033
31178
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
31034
31179
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "accent", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Release Keeping" })
|
|
@@ -31292,7 +31437,7 @@ function BoardColumnHeader({
|
|
|
31292
31437
|
}) {
|
|
31293
31438
|
const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
|
|
31294
31439
|
const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
|
|
31295
|
-
const useStatusVariant =
|
|
31440
|
+
const useStatusVariant = _chunkRTGPIHVOcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
|
|
31296
31441
|
const actionClass = "h-8 w-8 p-0 md:h-8 md:w-8";
|
|
31297
31442
|
if (collapsed) {
|
|
31298
31443
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
@@ -31308,7 +31453,7 @@ function BoardColumnHeader({
|
|
|
31308
31453
|
}
|
|
31309
31454
|
),
|
|
31310
31455
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31311
|
-
|
|
31456
|
+
_chunkRTGPIHVOcjs.TicketStatusTag,
|
|
31312
31457
|
{
|
|
31313
31458
|
status: tagStatus,
|
|
31314
31459
|
label: column.label,
|
|
@@ -31321,7 +31466,7 @@ function BoardColumnHeader({
|
|
|
31321
31466
|
}
|
|
31322
31467
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
31323
31468
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
31324
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31469
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
|
|
31325
31470
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h5", style: useStatusVariant ? void 0 : { color: column.color }, children: count })
|
|
31326
31471
|
] }),
|
|
31327
31472
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
|
|
@@ -31473,7 +31618,7 @@ function holdMoveDragEffect(element) {
|
|
|
31473
31618
|
|
|
31474
31619
|
function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
|
|
31475
31620
|
const [expanded, setExpanded] = _react.useState.call(void 0, false);
|
|
31476
|
-
const { innerRef, containerStyle } =
|
|
31621
|
+
const { innerRef, containerStyle } = _chunkRTGPIHVOcjs.useCollapsible.call(void 0, { expanded });
|
|
31477
31622
|
const isAdmin = pendingApproval.approvalType === "ADMIN";
|
|
31478
31623
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex flex-col", children: [
|
|
31479
31624
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -31502,7 +31647,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
|
|
|
31502
31647
|
}
|
|
31503
31648
|
),
|
|
31504
31649
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: innerRef, className: "pt-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31505
|
-
|
|
31650
|
+
_chunkRTGPIHVOcjs.ApprovalBatchMessage,
|
|
31506
31651
|
{
|
|
31507
31652
|
className: "mb-0",
|
|
31508
31653
|
data: {
|
|
@@ -31582,7 +31727,7 @@ function TicketCardBody({
|
|
|
31582
31727
|
onLinkClick
|
|
31583
31728
|
}) {
|
|
31584
31729
|
const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
|
|
31585
|
-
const newMessageTextColor = columnColor ?
|
|
31730
|
+
const newMessageTextColor = columnColor ? _chunkRTGPIHVOcjs.getReadableTextColor.call(void 0, columnColor) : void 0;
|
|
31586
31731
|
const showDeviceRow = !!(_optionalChain([ticket, 'access', _675 => _675.deviceHostnames, 'optionalAccess', _676 => _676.length]) || ticket.organizationName);
|
|
31587
31732
|
const deviceText = [_optionalChain([ticket, 'access', _677 => _677.deviceHostnames, 'optionalAccess', _678 => _678.join, 'call', _679 => _679(", ")]), ticket.organizationName].filter(Boolean).join(", ");
|
|
31588
31733
|
const hasRightSection = !!(ticket.priority || _optionalChain([ticket, 'access', _680 => _680.assignees, 'optionalAccess', _681 => _681.length]) || renderAssignSlot);
|
|
@@ -31621,8 +31766,8 @@ function TicketCardBody({
|
|
|
31621
31766
|
] })
|
|
31622
31767
|
] }) : null
|
|
31623
31768
|
] }) : null;
|
|
31624
|
-
const timestampLabel = ticket.createdAt ?
|
|
31625
|
-
const tooltipLabel = ticket.createdAt ?
|
|
31769
|
+
const timestampLabel = ticket.createdAt ? _chunkRTGPIHVOcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
|
|
31770
|
+
const tooltipLabel = ticket.createdAt ? _chunkRTGPIHVOcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
|
|
31626
31771
|
const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
|
|
31627
31772
|
const metaClass = "truncate text-ods-text-secondary text-h6";
|
|
31628
31773
|
const meta = href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -31649,9 +31794,9 @@ function TicketCardBody({
|
|
|
31649
31794
|
rightSection
|
|
31650
31795
|
] }),
|
|
31651
31796
|
_optionalChain([ticket, 'access', _684 => _684.tags, 'optionalAccess', _685 => _685.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
|
|
31652
|
-
metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31653
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31654
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31797
|
+
metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRTGPIHVOcjs.Tooltip, { children: [
|
|
31798
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipTrigger, { asChild: true, children: meta }),
|
|
31799
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTGPIHVOcjs.TooltipContent, { children: tooltipLabel })
|
|
31655
31800
|
] }) }) : meta),
|
|
31656
31801
|
ticket.escalatedByUser && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xxs)] text-ods-open-yellow text-h6", children: [
|
|
31657
31802
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3COXDBHcjs.UserCheckIcon, { className: "size-4 shrink-0" }),
|