@flamingo-stack/openframe-frontend-core 0.0.710 → 0.0.711
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-36BCTE7D.js → chunk-2JTGK64G.js} +4 -4
- package/dist/{chunk-YBUT4AMG.cjs → chunk-3UNL26CD.cjs} +2 -2
- package/dist/{chunk-4L6XCMOU.js → chunk-5HB7FLCV.js} +1 -1
- package/dist/{chunk-6IW7TWPV.js → chunk-62KNLDXK.js} +1 -1
- package/dist/{chunk-AOWDNSTM.cjs → chunk-6AMIRXKM.cjs} +40 -40
- package/dist/{chunk-LNW45N2C.js → chunk-6GLQLTJI.js} +5 -5
- package/dist/{chunk-QAOFMK2A.cjs → chunk-6K7QZDA6.cjs} +3 -3
- package/dist/{chunk-SEXWHIMS.cjs → chunk-7AM6C6XH.cjs} +42 -37
- package/dist/{chunk-CNWOMQQJ.js → chunk-AGDVEUVL.js} +1 -1
- package/dist/{chunk-3AHTOSXJ.cjs → chunk-C4HRRB3V.cjs} +9 -9
- package/dist/{chunk-NSGXARGJ.cjs → chunk-CDM7OSFB.cjs} +70 -70
- package/dist/{chunk-4UM2ETLM.js → chunk-EQWD4IJE.js} +2 -2
- package/dist/{chunk-6I4ZAFO2.cjs → chunk-EX6GGCAC.cjs} +9 -9
- package/dist/{chunk-L6Y6OOKG.cjs → chunk-FEMAJES4.cjs} +20 -20
- package/dist/{chunk-P42V6N34.cjs → chunk-FYOKS5RI.cjs} +313 -313
- package/dist/{chunk-B73373AG.cjs → chunk-G47AP6LX.cjs} +20 -20
- package/dist/{chunk-I3ST4PLM.js → chunk-IFWLJ66M.js} +1 -1
- package/dist/{chunk-F5FF4DME.js → chunk-K4PTDK34.js} +3 -3
- package/dist/{chunk-ZCLBYT2V.cjs → chunk-K6Y5NX6L.cjs} +24 -24
- package/dist/{chunk-6YKAT7NV.js → chunk-NF7GNGYG.js} +2 -2
- package/dist/{chunk-2G7UYK35.cjs → chunk-P6G3JZNC.cjs} +32 -32
- package/dist/{chunk-JRU2CXLB.cjs → chunk-PRX7HVLE.cjs} +2 -2
- package/dist/{chunk-CZSZSDD4.js → chunk-Q6B35Y7O.js} +4 -4
- package/dist/{chunk-2KXTOP6G.cjs → chunk-QA6TROME.cjs} +14 -14
- package/dist/{chunk-LFFB6EMB.js → chunk-QGZPZ3RL.js} +2 -2
- package/dist/{chunk-PO33GZVY.js → chunk-SMAAV3HL.js} +8 -3
- package/dist/{chunk-DA5UDTLG.js → chunk-TKZXHVBG.js} +2 -2
- package/dist/{chunk-SS5MBHDP.js → chunk-VMMHJFHG.js} +2 -2
- package/dist/{chunk-MR3A4MZV.js → chunk-VWFZRMQR.js} +1 -1
- package/dist/{chunk-TDYIREDJ.js → chunk-WJUIXU6Y.js} +4 -4
- package/dist/{chunk-2RNB5DTN.cjs → chunk-XWEBHS7O.cjs} +7 -7
- package/dist/{chunk-OJLR5MEO.cjs → chunk-YD4LJZV4.cjs} +4 -4
- package/dist/components/case-studies/index.cjs +14 -14
- package/dist/components/case-studies/index.js +3 -3
- package/dist/components/chat/hooks/use-chat-dialog-manager.d.ts +4 -1
- package/dist/components/chat/hooks/use-chat-dialog-manager.d.ts.map +1 -1
- package/dist/components/chat/hooks/use-unified-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/chat/types/component.types.d.ts +4 -0
- package/dist/components/chat/types/component.types.d.ts.map +1 -1
- package/dist/components/chat/types/unified-chat-state.types.d.ts +12 -0
- package/dist/components/chat/types/unified-chat-state.types.d.ts.map +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 +70 -70
- package/dist/components/help-center-pages/index.js +14 -14
- package/dist/components/index.cjs +36 -36
- 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/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/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 +2 -0
- package/src/components/chat/hooks/use-chat-dialog-manager.ts +22 -4
- package/src/components/chat/hooks/use-unified-chat.ts +1 -0
- package/src/components/chat/types/component.types.ts +4 -0
- package/src/components/chat/types/unified-chat-state.types.ts +13 -0
|
@@ -95,7 +95,7 @@ var _chunkLX22Y43Bcjs = require('./chunk-LX22Y43B.cjs');
|
|
|
95
95
|
|
|
96
96
|
|
|
97
97
|
|
|
98
|
-
var
|
|
98
|
+
var _chunk7AM6C6XHcjs = require('./chunk-7AM6C6XH.cjs');
|
|
99
99
|
|
|
100
100
|
|
|
101
101
|
|
|
@@ -387,7 +387,7 @@ function ThemeProvider({ children, ...overrides }) {
|
|
|
387
387
|
var useTheme = _nextthemes.useTheme;
|
|
388
388
|
function useThemeToggle() {
|
|
389
389
|
const { resolvedTheme, theme, setTheme } = useTheme();
|
|
390
|
-
const mounted =
|
|
390
|
+
const mounted = _chunk7AM6C6XHcjs.useIsHydrated.call(void 0, );
|
|
391
391
|
const active = mounted ? resolvedTheme === "light" || theme === "light" ? "light" : "dark" : DEFAULT_THEME;
|
|
392
392
|
const setOdsTheme = _react.useCallback.call(void 0, (next) => setTheme(next), [setTheme]);
|
|
393
393
|
const toggle = _react.useCallback.call(void 0, () => setTheme(active === "dark" ? "light" : "dark"), [active, setTheme]);
|
|
@@ -2661,7 +2661,7 @@ function Value2({ value, depth }) {
|
|
|
2661
2661
|
}
|
|
2662
2662
|
if (typeof value === "string") {
|
|
2663
2663
|
if (ISO_DATE.test(value)) {
|
|
2664
|
-
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: _chunk7AM6C6XHcjs.formatRelativeTime.call(void 0, value) });
|
|
2665
2665
|
}
|
|
2666
2666
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-pre-wrap text-ods-text-primary", children: value });
|
|
2667
2667
|
}
|
|
@@ -3293,7 +3293,7 @@ function RowValue({ value }) {
|
|
|
3293
3293
|
}
|
|
3294
3294
|
case "status": {
|
|
3295
3295
|
const { type: _type, ...props } = value;
|
|
3296
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
3296
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TicketStatusTag, { ...props });
|
|
3297
3297
|
}
|
|
3298
3298
|
case "custom":
|
|
3299
3299
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: value.content });
|
|
@@ -4753,10 +4753,10 @@ function useConfirm() {
|
|
|
4753
4753
|
},
|
|
4754
4754
|
[]
|
|
4755
4755
|
);
|
|
4756
|
-
const dialog = pending ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4757
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4758
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4759
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4756
|
+
const dialog = pending ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Modal, { isOpen: open, onClose: () => decide(false), children: [
|
|
4757
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalTitle, { children: pending.title }) }),
|
|
4758
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: pending.body }) }),
|
|
4759
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.ModalFooter, { children: [
|
|
4760
4760
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", onClick: () => decide(false), children: "Cancel" }),
|
|
4761
4761
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "destructive", onClick: () => decide(true), children: "Confirm" })
|
|
4762
4762
|
] })
|
|
@@ -4815,14 +4815,14 @@ function AdminFormDrawer({
|
|
|
4815
4815
|
else onClose();
|
|
4816
4816
|
};
|
|
4817
4817
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4818
|
-
|
|
4818
|
+
_chunk7AM6C6XHcjs.Drawer,
|
|
4819
4819
|
{
|
|
4820
4820
|
open: isOpen,
|
|
4821
4821
|
onOpenChange: (open) => {
|
|
4822
4822
|
if (!open) requestClose();
|
|
4823
4823
|
},
|
|
4824
4824
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4825
|
-
|
|
4825
|
+
_chunk7AM6C6XHcjs.DrawerContent,
|
|
4826
4826
|
{
|
|
4827
4827
|
side: "right",
|
|
4828
4828
|
resizable: true,
|
|
@@ -4831,11 +4831,11 @@ function AdminFormDrawer({
|
|
|
4831
4831
|
storageKey,
|
|
4832
4832
|
panelClassName: "max-md:w-[calc(100vw-1rem)]",
|
|
4833
4833
|
children: [
|
|
4834
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4835
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4836
|
-
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4834
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.DrawerHeader, { children: [
|
|
4835
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.DrawerTitle, { children: title }),
|
|
4836
|
+
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.DrawerDescription, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: subtitle }) })
|
|
4837
4837
|
] }),
|
|
4838
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4838
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.DrawerBody, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4839
4839
|
"form",
|
|
4840
4840
|
{
|
|
4841
4841
|
id: formId,
|
|
@@ -4966,9 +4966,9 @@ function AdminFormModal({
|
|
|
4966
4966
|
body: "Your edits have not been saved. Close and discard them?"
|
|
4967
4967
|
});
|
|
4968
4968
|
if (!isOpen) return null;
|
|
4969
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4970
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4971
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4969
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Modal, { isOpen: true, onClose: guardedClose, size: effectiveSize, children: [
|
|
4970
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.ModalHeader, { children: [
|
|
4971
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalTitle, { children: title }),
|
|
4972
4972
|
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-secondary text-h6", children: subtitle })
|
|
4973
4973
|
] }),
|
|
4974
4974
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -4993,7 +4993,7 @@ function AdminFormModal({
|
|
|
4993
4993
|
// a shrink-to-fit flex item pinned to the left of a 1400px panel).
|
|
4994
4994
|
// The placeholder owns its own layout and mirrors the column count so
|
|
4995
4995
|
// the modal doesn't visibly re-flow when the entity lands.
|
|
4996
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4996
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalContent, { children: loadingContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-busy": "true", children: loadingContent }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4997
4997
|
"div",
|
|
4998
4998
|
{
|
|
4999
4999
|
"aria-busy": "true",
|
|
@@ -5014,12 +5014,12 @@ function AdminFormModal({
|
|
|
5014
5014
|
]
|
|
5015
5015
|
}
|
|
5016
5016
|
) })
|
|
5017
|
-
) : twoColumn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
5017
|
+
) : twoColumn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalTwoColumn, { left: leftColumn, right: rightColumn }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalContent, { className: contentClassName, children }),
|
|
5018
5018
|
error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "alert", className: "shrink-0 text-ods-error text-h6", children: error })
|
|
5019
5019
|
]
|
|
5020
5020
|
}
|
|
5021
5021
|
),
|
|
5022
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
5022
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalFooter, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center justify-between gap-[var(--spacing-system-xsf)]", children: [
|
|
5023
5023
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: footerExtras }),
|
|
5024
5024
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
5025
5025
|
footerStatus,
|
|
@@ -7971,7 +7971,7 @@ function buildRichEmbedOverrides({
|
|
|
7971
7971
|
ogEndpointPath,
|
|
7972
7972
|
textSizes
|
|
7973
7973
|
}) {
|
|
7974
|
-
const standard =
|
|
7974
|
+
const standard = _chunk7AM6C6XHcjs.buildStandardLeafRenderers.call(void 0, { textSizes });
|
|
7975
7975
|
return {
|
|
7976
7976
|
// Fence-language embeds (```youtube-embed etc.); everything else
|
|
7977
7977
|
// (mermaid, highlighted blocks, inline code) falls through to `standard`.
|
|
@@ -8107,13 +8107,13 @@ function buildRichEmbedOverrides({
|
|
|
8107
8107
|
// rich-markdown runtime (Supabase optimization on the hub, identity
|
|
8108
8108
|
// elsewhere). Guard against empty `![]()`.
|
|
8109
8109
|
img: ({ src, alt }) => {
|
|
8110
|
-
if (!
|
|
8110
|
+
if (!_chunk7AM6C6XHcjs.hasRenderableSrc.call(void 0, src)) return null;
|
|
8111
8111
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownImage, { src: src.trim(), alt });
|
|
8112
8112
|
},
|
|
8113
8113
|
// Raw <video> tags in stored content (blog publisher injection) route
|
|
8114
8114
|
// to the <Video> SSOT (MuxPlayer) so HLS manifests play everywhere.
|
|
8115
8115
|
video: ({ src, poster, className }) => {
|
|
8116
|
-
if (!
|
|
8116
|
+
if (!_chunk7AM6C6XHcjs.hasRenderableSrc.call(void 0, src)) return null;
|
|
8117
8117
|
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, _chunk6NTPY5QAcjs.Video, { kind: "file", url: src.trim(), poster: typeof poster === "string" ? poster : void 0 }) }) });
|
|
8118
8118
|
}
|
|
8119
8119
|
};
|
|
@@ -8355,13 +8355,13 @@ var RichMarkdownInner = ({
|
|
|
8355
8355
|
},
|
|
8356
8356
|
[resolveLinkEndpointUrl, resolveSource]
|
|
8357
8357
|
);
|
|
8358
|
-
const textSizes = _react.useMemo.call(void 0, () =>
|
|
8358
|
+
const textSizes = _react.useMemo.call(void 0, () => _chunk7AM6C6XHcjs.resolveTextSizeConfig.call(void 0, "article"), []);
|
|
8359
8359
|
const componentOverrides = _react.useMemo.call(void 0,
|
|
8360
8360
|
() => buildRichEmbedOverrides({ ogApiBaseUrl, ogEndpointPath, textSizes }),
|
|
8361
8361
|
[ogApiBaseUrl, ogEndpointPath, textSizes]
|
|
8362
8362
|
);
|
|
8363
8363
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
8364
|
-
|
|
8364
|
+
_chunk7AM6C6XHcjs.MarkdownEngine,
|
|
8365
8365
|
{
|
|
8366
8366
|
content,
|
|
8367
8367
|
className,
|
|
@@ -8383,7 +8383,7 @@ var RichMarkdownRendererImpl = ({
|
|
|
8383
8383
|
className = "",
|
|
8384
8384
|
sectionIds,
|
|
8385
8385
|
onInternalLinkClick,
|
|
8386
|
-
brokenLinks =
|
|
8386
|
+
brokenLinks = _chunk7AM6C6XHcjs.NO_BROKEN_LINKS,
|
|
8387
8387
|
currentPath,
|
|
8388
8388
|
resolveSource = "openframe-docs",
|
|
8389
8389
|
resolveLinkEndpointUrl = "/api/docs/resolve-link",
|
|
@@ -9365,7 +9365,7 @@ function FilterModal({
|
|
|
9365
9365
|
const dateDefaultSort = _nullishCoalesce(_optionalChain([dateFilter, 'optionalAccess', _182 => _182.defaultSort]), () => ( "desc"));
|
|
9366
9366
|
const [draftDateSort, setDraftDateSort] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([dateFilter, 'optionalAccess', _183 => _183.sort]), () => ( dateDefaultSort)));
|
|
9367
9367
|
const [draftDateRange, setDraftDateRange] = _react.useState.call(void 0, _optionalChain([dateFilter, 'optionalAccess', _184 => _184.range]));
|
|
9368
|
-
const { scrollRef, fadeTop, fadeBottom, update: updateFade } =
|
|
9368
|
+
const { scrollRef, fadeTop, fadeBottom, update: updateFade } = _chunk7AM6C6XHcjs.useScrollFade.call(void 0, );
|
|
9369
9369
|
const seedKey = `${JSON.stringify(currentFilters)}|${JSON.stringify(_nullishCoalesce(selectedTags, () => ( [])))}`;
|
|
9370
9370
|
const seedSourceRef = _react.useRef.call(void 0, { currentFilters, selectedTags, dateFilter, dateDefaultSort });
|
|
9371
9371
|
_react.useEffect.call(void 0, () => {
|
|
@@ -9411,15 +9411,15 @@ function FilterModal({
|
|
|
9411
9411
|
const hasTagFilter = !!tagFilterKeys && tagFilterKeys.length > 0 && !!onTagsChange;
|
|
9412
9412
|
const isEmpty = !isLoading && !hasSort && !hasFilterGroups && !hasTagFilter && !dateFilter;
|
|
9413
9413
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
9414
|
-
|
|
9414
|
+
_chunk7AM6C6XHcjs.Modal,
|
|
9415
9415
|
{
|
|
9416
9416
|
isOpen,
|
|
9417
9417
|
onClose,
|
|
9418
9418
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "max-h-[90vh] max-w-none md:max-w-[min(42rem,calc(100vw-2rem))]", className),
|
|
9419
9419
|
children: [
|
|
9420
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9420
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalTitle, { children: title }) }),
|
|
9421
9421
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9422
|
-
|
|
9422
|
+
_chunk7AM6C6XHcjs.ModalContent,
|
|
9423
9423
|
{
|
|
9424
9424
|
className: _chunk3ATAYP36cjs.cn.call(void 0,
|
|
9425
9425
|
"flex min-h-0 flex-1 flex-col",
|
|
@@ -9511,12 +9511,12 @@ function FilterModal({
|
|
|
9511
9511
|
] })
|
|
9512
9512
|
}
|
|
9513
9513
|
),
|
|
9514
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9515
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9514
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ScrollFadeOverlay, { edge: "top", visible: fadeTop }),
|
|
9515
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ScrollFadeOverlay, { edge: "bottom", visible: fadeBottom })
|
|
9516
9516
|
] })
|
|
9517
9517
|
}
|
|
9518
9518
|
),
|
|
9519
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
9519
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.ModalFooter, { children: [
|
|
9520
9520
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", className: "h-11 flex-1", onClick: handleReset, children: resetButtonText }),
|
|
9521
9521
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "accent", className: "h-11 flex-1", onClick: handleApply, children: applyButtonText })
|
|
9522
9522
|
] })
|
|
@@ -9562,9 +9562,9 @@ function actionToMenuItems(action, idx) {
|
|
|
9562
9562
|
function renderActionButton(action, opts = {}) {
|
|
9563
9563
|
const button = renderRawActionButton(action, opts);
|
|
9564
9564
|
if (!action.tooltip) return button;
|
|
9565
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9566
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9567
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9565
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Tooltip, { children: [
|
|
9566
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipTrigger, { asChild: true, children: button }),
|
|
9567
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipContent, { children: action.tooltip })
|
|
9568
9568
|
] }) });
|
|
9569
9569
|
}
|
|
9570
9570
|
function renderRawActionButton(action, opts = {}) {
|
|
@@ -9588,7 +9588,7 @@ function renderRawActionButton(action, opts = {}) {
|
|
|
9588
9588
|
}
|
|
9589
9589
|
if (action.submenu && action.submenu.length > 0) {
|
|
9590
9590
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9591
|
-
|
|
9591
|
+
_chunk7AM6C6XHcjs.ActionsMenuDropdown,
|
|
9592
9592
|
{
|
|
9593
9593
|
groups: [{ items: action.submenu }],
|
|
9594
9594
|
customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -9723,10 +9723,10 @@ function IconButtonsVariant({
|
|
|
9723
9723
|
selector,
|
|
9724
9724
|
loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
9725
9725
|
desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
|
|
9726
|
-
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9726
|
+
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ActionsMenuDropdown, { groups: menuActions })
|
|
9727
9727
|
] })
|
|
9728
9728
|
] }),
|
|
9729
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex content-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,
|
|
9729
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex content-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, _chunk7AM6C6XHcjs.ActionsMenuDropdown, { groups: mobileMenuGroups }) : null })
|
|
9730
9730
|
] });
|
|
9731
9731
|
}
|
|
9732
9732
|
function PrimaryButtonsVariant({
|
|
@@ -9765,7 +9765,7 @@ function MenuPrimaryVariant({
|
|
|
9765
9765
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "hidden items-center content-md:flex", ACTIONS_GAP, className), children: [
|
|
9766
9766
|
selector,
|
|
9767
9767
|
loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
9768
|
-
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9768
|
+
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ActionsMenuDropdown, { groups: menuActions }),
|
|
9769
9769
|
desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton({ ...action, variant: action.variant || "accent" }) }, `desktop-${actionKey(action, idx)}`))
|
|
9770
9770
|
] })
|
|
9771
9771
|
] }),
|
|
@@ -9773,7 +9773,7 @@ function MenuPrimaryVariant({
|
|
|
9773
9773
|
// The selector rides into the menu as its header row: on mobile the
|
|
9774
9774
|
// title row has no room for it, and hiding it entirely (what
|
|
9775
9775
|
// `icon-buttons` does) would leave no way to switch views at all.
|
|
9776
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9776
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ActionsMenuDropdown, { groups: mobileMenuGroups, header: selector })
|
|
9777
9777
|
) : null })
|
|
9778
9778
|
] });
|
|
9779
9779
|
}
|
|
@@ -9782,7 +9782,7 @@ function CompactPrimaryActions({ actions }) {
|
|
|
9782
9782
|
const fold = foldable.length > 1;
|
|
9783
9783
|
const inline = fold ? actions.filter((action) => !foldable.includes(action)) : actions;
|
|
9784
9784
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
9785
|
-
fold && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9785
|
+
fold && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ActionsMenuDropdown, { groups: [{ items: foldable.flatMap(actionToMenuItems) }] }),
|
|
9786
9786
|
inline.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action) }, `compact-${actionKey(action, idx)}`))
|
|
9787
9787
|
] });
|
|
9788
9788
|
}
|
|
@@ -11897,8 +11897,8 @@ function makeComposeContentUrl(opts) {
|
|
|
11897
11897
|
}
|
|
11898
11898
|
if (externalUrl) return { href: externalUrl, targetPlatform: _nullishCoalesce(targetPlatform, () => ( null)) };
|
|
11899
11899
|
const claimedOwner = _nullishCoalesce(targetPlatform, () => ( primaryPlatformOf(platforms)));
|
|
11900
|
-
const owner = claimedOwner &&
|
|
11901
|
-
const origin = owner ?
|
|
11900
|
+
const owner = claimedOwner && _chunk7AM6C6XHcjs.byKey.call(void 0, claimedOwner) ? claimedOwner : null;
|
|
11901
|
+
const origin = owner ? _chunk7AM6C6XHcjs.getPlatformProductionUrl.call(void 0, owner) : opts.contentOrigin;
|
|
11902
11902
|
return {
|
|
11903
11903
|
href: `${origin.replace(/\/+$/, "")}/${seg}/${_optionalChain([slugHint, 'optionalAccess', _244 => _244.trim, 'call', _245 => _245()]) || identifier}`,
|
|
11904
11904
|
// Report the owner so `decideNewTab` can compare it against the current
|
|
@@ -12073,7 +12073,7 @@ function extractSections(markdown, options = {}) {
|
|
|
12073
12073
|
if (heading.level > opts.maxLevel) continue;
|
|
12074
12074
|
let title = heading.text;
|
|
12075
12075
|
if (opts.stripFormattingMarkers) {
|
|
12076
|
-
title =
|
|
12076
|
+
title = _chunk7AM6C6XHcjs.stripInlineMarkdown.call(void 0, title).trim();
|
|
12077
12077
|
}
|
|
12078
12078
|
const baseId = _chunkUVTD52MDcjs.slugifyHeadingBase.call(void 0, opts.removeEmojis ? _chunkUVTD52MDcjs.stripHeadingEmojis.call(void 0, title) : title);
|
|
12079
12079
|
const cleanId = baseId || `section-${sections.length + 1}`;
|
|
@@ -12377,7 +12377,7 @@ var BenefitCardGrid = ({ children, className = "", columns = 2 }) => {
|
|
|
12377
12377
|
|
|
12378
12378
|
|
|
12379
12379
|
function PlatformBrowseButton({ item }) {
|
|
12380
|
-
const linkProps =
|
|
12380
|
+
const linkProps = _chunk7AM6C6XHcjs.useNavLinkViaRuntime.call(void 0, { href: item.link, targetPlatform: item.targetPlatform });
|
|
12381
12381
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", linkProps, rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-4 w-4" }), children: [
|
|
12382
12382
|
"Browse ",
|
|
12383
12383
|
item.buttonText
|
|
@@ -13447,7 +13447,7 @@ function DropdownButton({
|
|
|
13447
13447
|
)
|
|
13448
13448
|
);
|
|
13449
13449
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13450
|
-
|
|
13450
|
+
_chunk7AM6C6XHcjs.ActionsMenuDropdown,
|
|
13451
13451
|
{
|
|
13452
13452
|
groups: _nullishCoalesce(groups, () => ( [{ items: _nullishCoalesce(items, () => ( [])) }])),
|
|
13453
13453
|
open,
|
|
@@ -13885,9 +13885,9 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
|
|
|
13885
13885
|
return next;
|
|
13886
13886
|
});
|
|
13887
13887
|
};
|
|
13888
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13888
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Tooltip, { open, onOpenChange: setOpen, children: [
|
|
13889
13889
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13890
|
-
|
|
13890
|
+
_chunk7AM6C6XHcjs.TooltipTrigger,
|
|
13891
13891
|
{
|
|
13892
13892
|
asChild: true,
|
|
13893
13893
|
onPointerDown: (e) => {
|
|
@@ -13905,7 +13905,7 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
|
|
|
13905
13905
|
children
|
|
13906
13906
|
}
|
|
13907
13907
|
),
|
|
13908
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13908
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipContent, { side, className: "max-w-xs", children: content })
|
|
13909
13909
|
] }) });
|
|
13910
13910
|
}
|
|
13911
13911
|
|
|
@@ -14578,7 +14578,7 @@ function TableHeader({
|
|
|
14578
14578
|
onFilterChange
|
|
14579
14579
|
}
|
|
14580
14580
|
),
|
|
14581
|
-
column.hint ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
14581
|
+
column.hint ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InfoHint, { label: column.label, children: column.hint }) : null
|
|
14582
14582
|
] })
|
|
14583
14583
|
) : (
|
|
14584
14584
|
/* Non-filterable column — regular label with optional sort */
|
|
@@ -14604,7 +14604,7 @@ function TableHeader({
|
|
|
14604
14604
|
hint exists, so a hint-less header keeps its DOM. */
|
|
14605
14605
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-start gap-[var(--spacing-system-xxs)]", children: [
|
|
14606
14606
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: TABLE_HEADER_LABEL_CLASS, children: column.label }),
|
|
14607
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
14607
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InfoHint, { label: column.label, children: column.hint })
|
|
14608
14608
|
] })
|
|
14609
14609
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: TABLE_HEADER_LABEL_CLASS, children: column.label }),
|
|
14610
14610
|
getSortIcon(column)
|
|
@@ -15216,9 +15216,9 @@ function TruncatedHeaderCell({ value, width }) {
|
|
|
15216
15216
|
setIsTruncated(el.scrollWidth > el.clientWidth);
|
|
15217
15217
|
}
|
|
15218
15218
|
}, []);
|
|
15219
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15220
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15221
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15219
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Tooltip, { open: isTruncated ? void 0 : false, children: [
|
|
15220
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.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 }) }) }),
|
|
15221
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipContent, { side: "bottom", className: "max-w-xs break-words", children: value })
|
|
15222
15222
|
] }) });
|
|
15223
15223
|
}
|
|
15224
15224
|
|
|
@@ -15271,9 +15271,9 @@ function TruncatedCell({ value, className }) {
|
|
|
15271
15271
|
setIsTruncated(el.scrollWidth > el.clientWidth);
|
|
15272
15272
|
}
|
|
15273
15273
|
}, []);
|
|
15274
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15275
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15276
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15274
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Tooltip, { open: isTruncated ? void 0 : false, children: [
|
|
15275
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.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 }) }),
|
|
15276
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipContent, { side: "top", className: "max-w-xs break-words", children: value })
|
|
15277
15277
|
] }) });
|
|
15278
15278
|
}
|
|
15279
15279
|
|
|
@@ -15945,7 +15945,7 @@ function HeaderCell({ header, sort, onSortChange }) {
|
|
|
15945
15945
|
// child of the cell.
|
|
15946
15946
|
_optionalChain([meta, 'optionalAccess', _325 => _325.hint]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-[var(--spacing-system-xxs)]", children: [
|
|
15947
15947
|
filterTrigger,
|
|
15948
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15948
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InfoHint, { label: resolveHeaderLabel(header), children: meta.hint })
|
|
15949
15949
|
] }) : filterTrigger
|
|
15950
15950
|
) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
15951
15951
|
"div",
|
|
@@ -15970,7 +15970,7 @@ function HeaderCell({ header, sort, onSortChange }) {
|
|
|
15970
15970
|
// centred on the row.
|
|
15971
15971
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-start gap-[var(--spacing-system-xxs)]", children: [
|
|
15972
15972
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderLabel, { header }),
|
|
15973
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15973
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InfoHint, { label: resolveHeaderLabel(header), children: meta.hint })
|
|
15974
15974
|
] })
|
|
15975
15975
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderLabel, { header }),
|
|
15976
15976
|
canSort && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIcon, { sorted: sortDir })
|
|
@@ -17906,20 +17906,20 @@ function ColorPresetSelect({
|
|
|
17906
17906
|
...presets.map((p) => ({
|
|
17907
17907
|
id: p.key,
|
|
17908
17908
|
label: p.label,
|
|
17909
|
-
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17909
|
+
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ColorSwatch, { color: p.color }),
|
|
17910
17910
|
onClick: () => onChange({ color: p.color, preset: p.key })
|
|
17911
17911
|
})),
|
|
17912
17912
|
{
|
|
17913
17913
|
id: CUSTOM_PRESET_KEY,
|
|
17914
17914
|
label: "Custom",
|
|
17915
|
-
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17915
|
+
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ColorSwatch, { color: isCustom ? value : DEFAULT_CUSTOM_STATUS_COLOR }),
|
|
17916
17916
|
onClick: () => onChange({ color: value, preset: void 0 })
|
|
17917
17917
|
}
|
|
17918
17918
|
]
|
|
17919
17919
|
}
|
|
17920
17920
|
];
|
|
17921
17921
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17922
|
-
|
|
17922
|
+
_chunk7AM6C6XHcjs.ActionsMenuDropdown,
|
|
17923
17923
|
{
|
|
17924
17924
|
groups,
|
|
17925
17925
|
align: "start",
|
|
@@ -17929,7 +17929,7 @@ function ColorPresetSelect({
|
|
|
17929
17929
|
{
|
|
17930
17930
|
disabled,
|
|
17931
17931
|
"aria-label": `Color: ${displayLabel}`,
|
|
17932
|
-
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17932
|
+
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ColorSwatch, { color: displayColor }),
|
|
17933
17933
|
selectedLabel: displayLabel,
|
|
17934
17934
|
endIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TriggerChevron, {}),
|
|
17935
17935
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "group", className)
|
|
@@ -17950,7 +17950,7 @@ function HexInputs({ value, onChange }) {
|
|
|
17950
17950
|
}
|
|
17951
17951
|
const commit = () => {
|
|
17952
17952
|
const candidate = (draft.startsWith("#") ? draft : `#${draft}`).toLowerCase();
|
|
17953
|
-
if (
|
|
17953
|
+
if (_chunk7AM6C6XHcjs.HEX_PATTERN.test(candidate)) onChange(candidate);
|
|
17954
17954
|
else setDraft(value);
|
|
17955
17955
|
};
|
|
17956
17956
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -18014,12 +18014,12 @@ function ChannelInput({
|
|
|
18014
18014
|
);
|
|
18015
18015
|
}
|
|
18016
18016
|
function RgbInputs({ value, onChange }) {
|
|
18017
|
-
const rgb = _nullishCoalesce(
|
|
18017
|
+
const rgb = _nullishCoalesce(_chunk7AM6C6XHcjs.hexToRgb.call(void 0, value), () => ( { r: 0, g: 0, b: 0 }));
|
|
18018
18018
|
const update = (next) => {
|
|
18019
18019
|
const r = _nullishCoalesce(next.r, () => ( rgb.r));
|
|
18020
18020
|
const g = _nullishCoalesce(next.g, () => ( rgb.g));
|
|
18021
18021
|
const b = _nullishCoalesce(next.b, () => ( rgb.b));
|
|
18022
|
-
onChange(
|
|
18022
|
+
onChange(_chunk7AM6C6XHcjs.rgbToHex.call(void 0, r, g, b));
|
|
18023
18023
|
};
|
|
18024
18024
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
18025
18025
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChannelInput, { value: rgb.r, min: 0, max: 255, ariaLabel: "Red", onCommit: (r) => update({ r }) }),
|
|
@@ -18028,14 +18028,14 @@ function RgbInputs({ value, onChange }) {
|
|
|
18028
18028
|
] });
|
|
18029
18029
|
}
|
|
18030
18030
|
function HslInputs({ value, onChange }) {
|
|
18031
|
-
const rgb = _nullishCoalesce(
|
|
18032
|
-
const hsl =
|
|
18031
|
+
const rgb = _nullishCoalesce(_chunk7AM6C6XHcjs.hexToRgb.call(void 0, value), () => ( { r: 0, g: 0, b: 0 }));
|
|
18032
|
+
const hsl = _chunk7AM6C6XHcjs.rgbToHsl.call(void 0, rgb.r, rgb.g, rgb.b);
|
|
18033
18033
|
const update = (next) => {
|
|
18034
18034
|
const h = _nullishCoalesce(next.h, () => ( hsl.h));
|
|
18035
18035
|
const s = _nullishCoalesce(next.s, () => ( hsl.s));
|
|
18036
18036
|
const l = _nullishCoalesce(next.l, () => ( hsl.l));
|
|
18037
|
-
const out =
|
|
18038
|
-
onChange(
|
|
18037
|
+
const out = _chunk7AM6C6XHcjs.hslToRgb.call(void 0, h, s, l);
|
|
18038
|
+
onChange(_chunk7AM6C6XHcjs.rgbToHex.call(void 0, out.r, out.g, out.b));
|
|
18039
18039
|
};
|
|
18040
18040
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
18041
18041
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChannelInput, { value: hsl.h, min: 0, max: 360, ariaLabel: "Hue", onCommit: (h) => update({ h }) }),
|
|
@@ -18061,7 +18061,7 @@ function ColorPickerInput({ value, onChange, disabled, className }) {
|
|
|
18061
18061
|
{
|
|
18062
18062
|
disabled,
|
|
18063
18063
|
"aria-label": "Pick custom color",
|
|
18064
|
-
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18064
|
+
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ColorSwatch, { color: value }),
|
|
18065
18065
|
selectedLabel: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "uppercase", children: value }),
|
|
18066
18066
|
endIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TriggerChevron, {}),
|
|
18067
18067
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "group", className)
|
|
@@ -18077,7 +18077,7 @@ function ColorPickerInput({ value, onChange, disabled, className }) {
|
|
|
18077
18077
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactcolorful.HexColorPicker, { color: value, onChange }),
|
|
18078
18078
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
|
|
18079
18079
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18080
|
-
|
|
18080
|
+
_chunk7AM6C6XHcjs.ActionsMenuDropdown,
|
|
18081
18081
|
{
|
|
18082
18082
|
groups: formatGroups,
|
|
18083
18083
|
align: "start",
|
|
@@ -18134,7 +18134,7 @@ function TicketStatusConfigRow({
|
|
|
18134
18134
|
const previewVariant = _nullishCoalesce(systemTagVariant, () => ( (isSystem ? void 0 : "primary")));
|
|
18135
18135
|
const fieldRowOffset = "mt-[calc(var(--font-line-space-h4-body)+0.25rem)]";
|
|
18136
18136
|
const chip = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18137
|
-
|
|
18137
|
+
_chunk7AM6C6XHcjs.TicketStatusTag,
|
|
18138
18138
|
{
|
|
18139
18139
|
status: statusKey,
|
|
18140
18140
|
label: name || " ",
|
|
@@ -18286,7 +18286,7 @@ function formatTestRunDuration(ms) {
|
|
|
18286
18286
|
var RESULT_COLUMN_MIN_WIDTH = 176;
|
|
18287
18287
|
var SKELETON_COLUMNS = 6;
|
|
18288
18288
|
function TestResultsSkeleton() {
|
|
18289
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18289
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ScrollShadow, { axis: "horizontal", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-max min-w-full flex-col", children: [
|
|
18290
18290
|
/* @__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}`)) }),
|
|
18291
18291
|
/* @__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)] content-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}`)) }) })
|
|
18292
18292
|
] }) });
|
|
@@ -18321,7 +18321,7 @@ function TestResultsTable({ rows, loading }) {
|
|
|
18321
18321
|
if (loading) {
|
|
18322
18322
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestResultsSkeleton, {});
|
|
18323
18323
|
}
|
|
18324
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18324
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.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: [
|
|
18325
18325
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTable.Header, { className: "flex flex-col" }),
|
|
18326
18326
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTable.Body, { loading: false })
|
|
18327
18327
|
] }) }) });
|
|
@@ -18427,7 +18427,7 @@ function useTestRunState(campaign) {
|
|
|
18427
18427
|
const stopReason = _nullishCoalesce(campaign.stopReason, () => ( "completed"));
|
|
18428
18428
|
const status = isActive ? "running" : hasRun && isFinished ? stopReason === "completed" ? firstError ? "error" : "success" : stopReason : "idle";
|
|
18429
18429
|
const showTiming = hasRun && campaign.startedAt !== null && (campaign.isRunning || isFinished);
|
|
18430
|
-
const startedLabel = showTiming && campaign.startedAt ?
|
|
18430
|
+
const startedLabel = showTiming && campaign.startedAt ? _chunk7AM6C6XHcjs.formatTime.call(void 0, campaign.startedAt) : "00:00 PM";
|
|
18431
18431
|
const durationLabel = showTiming ? formatTestRunDuration(durationMs) : "00:00:00";
|
|
18432
18432
|
const displayRows = _react.useMemo.call(void 0,
|
|
18433
18433
|
() => campaign.results.map(
|
|
@@ -18765,7 +18765,7 @@ function TicketInfoSection({
|
|
|
18765
18765
|
/* @__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]) }),
|
|
18766
18766
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-4", children: [
|
|
18767
18767
|
(status || statusLabel) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18768
|
-
|
|
18768
|
+
_chunk7AM6C6XHcjs.TicketStatusTag,
|
|
18769
18769
|
{
|
|
18770
18770
|
status: _nullishCoalesce(status, () => ( "")),
|
|
18771
18771
|
label: statusLabel,
|
|
@@ -18804,7 +18804,7 @@ function TicketInfoSection({
|
|
|
18804
18804
|
expanded && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
18805
18805
|
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" }) }),
|
|
18806
18806
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4 border-b border-ods-border bg-ods-bg p-4", children: [
|
|
18807
|
-
description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18807
|
+
description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.SimpleMarkdownRenderer, { content: description }),
|
|
18808
18808
|
attachments && attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Attachments", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketAttachmentsList, { attachments }) }),
|
|
18809
18809
|
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, _chunk6NTPY5QAcjs.Tag, { label: tag, variant: "outline", className: "max-w-full" }, tag)) }) }),
|
|
18810
18810
|
(notes || onAddNote) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Notes", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -18829,7 +18829,7 @@ function renderTicketStatusOption(option, isSelected) {
|
|
|
18829
18829
|
const { label, color } = option;
|
|
18830
18830
|
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: [
|
|
18831
18831
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xs)]", children: [
|
|
18832
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18832
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ColorSwatch, { color }),
|
|
18833
18833
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TruncateText, { className: "text-inherit", children: label }) })
|
|
18834
18834
|
] }),
|
|
18835
18835
|
isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.CheckIcon, { className: "text-ods-accent", size: 20 })
|
|
@@ -18874,9 +18874,9 @@ function TakeOverTicketModal({
|
|
|
18874
18874
|
if (!selectedStatusId || !assigneeId || isPending) return;
|
|
18875
18875
|
onConfirm({ statusId: selectedStatusId, assigneeId });
|
|
18876
18876
|
};
|
|
18877
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
18877
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
18878
18878
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
18879
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18879
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalTitle, { children: "Take Over Ticket" }) }),
|
|
18880
18880
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: [
|
|
18881
18881
|
"The ticket ",
|
|
18882
18882
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ticketRef }),
|
|
@@ -18891,7 +18891,7 @@ function TakeOverTicketModal({
|
|
|
18891
18891
|
value: selectedStatusId,
|
|
18892
18892
|
onChange: setStatusId,
|
|
18893
18893
|
placeholder: "Select Status",
|
|
18894
|
-
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18894
|
+
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ColorSwatch, { color: selectedStatus.color }) : void 0,
|
|
18895
18895
|
renderOption: renderTicketStatusOption
|
|
18896
18896
|
}
|
|
18897
18897
|
) }),
|
|
@@ -18918,7 +18918,7 @@ function TakeOverTicketModal({
|
|
|
18918
18918
|
}
|
|
18919
18919
|
) })
|
|
18920
18920
|
] }),
|
|
18921
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
18921
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.ModalFooter, { children: [
|
|
18922
18922
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
18923
18923
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
18924
18924
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -18977,9 +18977,9 @@ function ReopenTicketModal({
|
|
|
18977
18977
|
reason: trimmedReason ? trimmedReason.slice(0, REASON_MAX_LENGTH) : null
|
|
18978
18978
|
});
|
|
18979
18979
|
};
|
|
18980
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
18980
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
18981
18981
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
18982
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18982
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalTitle, { children: "Reopen Ticket" }) }),
|
|
18983
18983
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: [
|
|
18984
18984
|
"The ticket ",
|
|
18985
18985
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ticketRef }),
|
|
@@ -18994,7 +18994,7 @@ function ReopenTicketModal({
|
|
|
18994
18994
|
value: selectedStatusId,
|
|
18995
18995
|
onChange: setStatusId,
|
|
18996
18996
|
placeholder: "Select Status",
|
|
18997
|
-
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18997
|
+
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ColorSwatch, { color: selectedStatus.color }) : void 0,
|
|
18998
18998
|
renderOption: renderTicketStatusOption
|
|
18999
18999
|
}
|
|
19000
19000
|
) }),
|
|
@@ -19032,7 +19032,7 @@ function ReopenTicketModal({
|
|
|
19032
19032
|
disabled: isPending
|
|
19033
19033
|
}
|
|
19034
19034
|
) }),
|
|
19035
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
19035
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.ModalFooter, { children: [
|
|
19036
19036
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
19037
19037
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
19038
19038
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -19081,9 +19081,9 @@ function ReopenTicketRequestModal({
|
|
|
19081
19081
|
...showHandoffOption ? { handoffToTechnician: handoff } : {}
|
|
19082
19082
|
});
|
|
19083
19083
|
};
|
|
19084
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
19084
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
19085
19085
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
19086
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19086
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalTitle, { children: "Reopen Ticket" }) }),
|
|
19087
19087
|
/* @__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." }),
|
|
19088
19088
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19089
19089
|
Textarea,
|
|
@@ -19107,7 +19107,7 @@ function ReopenTicketRequestModal({
|
|
|
19107
19107
|
disabled: isPending
|
|
19108
19108
|
}
|
|
19109
19109
|
),
|
|
19110
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
19110
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.ModalFooter, { children: [
|
|
19111
19111
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1", children: "Cancel" }),
|
|
19112
19112
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "accent", onClick: handleConfirm, loading: isPending, className: "flex-1", children: "Reopen Ticket" })
|
|
19113
19113
|
] })
|
|
@@ -19249,7 +19249,7 @@ function PhotoWall({ images, columns = 2, speed = 24, fadeColor, className, load
|
|
|
19249
19249
|
gap: COLUMN_GAP_PX
|
|
19250
19250
|
};
|
|
19251
19251
|
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,
|
|
19252
|
-
|
|
19252
|
+
_chunk7AM6C6XHcjs.MarqueeWall,
|
|
19253
19253
|
{
|
|
19254
19254
|
axis: "y",
|
|
19255
19255
|
reverse: index % 2 === 1,
|
|
@@ -19393,7 +19393,7 @@ var INCIDENT_TONE = {
|
|
|
19393
19393
|
approved: "success"
|
|
19394
19394
|
};
|
|
19395
19395
|
function IncidentStatusLine({ status, label, className }) {
|
|
19396
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19396
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.StatusLine, { tone: INCIDENT_TONE[status], label, className });
|
|
19397
19397
|
}
|
|
19398
19398
|
function SourceTag({ children }) {
|
|
19399
19399
|
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 });
|
|
@@ -23503,60 +23503,60 @@ function CardSkeleton({
|
|
|
23503
23503
|
function VendorCardContent({ showMetadata }) {
|
|
23504
23504
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 p-4", children: [
|
|
23505
23505
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-start gap-3", children: [
|
|
23506
|
-
/* @__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,
|
|
23506
|
+
/* @__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, _chunk7AM6C6XHcjs.MediaSkeleton.Avatar, { size: "sm", className: "h-11 w-11" }) }),
|
|
23507
23507
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center space-y-1 py-2", children: [
|
|
23508
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23509
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23508
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
23509
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-1/2" })
|
|
23510
23510
|
] })
|
|
23511
23511
|
] }),
|
|
23512
23512
|
/* @__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: [
|
|
23513
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23514
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23513
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23514
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
23515
23515
|
] }) }),
|
|
23516
23516
|
showMetadata && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
|
|
23517
23517
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-shrink items-center gap-3 content-md:gap-4", children: [
|
|
23518
23518
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
23519
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23520
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23519
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
23520
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-8" })
|
|
23521
23521
|
] }),
|
|
23522
23522
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
23523
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23524
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23523
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
23524
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-10" })
|
|
23525
23525
|
] })
|
|
23526
23526
|
] }),
|
|
23527
23527
|
/* @__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: [
|
|
23528
|
-
/* @__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,
|
|
23529
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23528
|
+
/* @__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, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
|
|
23529
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23530
23530
|
] }) })
|
|
23531
23531
|
] })
|
|
23532
23532
|
] });
|
|
23533
23533
|
}
|
|
23534
23534
|
function BlogCardContent({ showActions, showMetadata }) {
|
|
23535
23535
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
23536
|
-
/* @__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,
|
|
23536
|
+
/* @__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, _chunk7AM6C6XHcjs.MediaSkeleton.CardImage, {}) }),
|
|
23537
23537
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col p-4", children: [
|
|
23538
23538
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[50.4px] items-center content-md:min-h-[56px] content-lg:min-h-[61.6px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
|
|
23539
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23540
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23539
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-full" }),
|
|
23540
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-3/4" })
|
|
23541
23541
|
] }) }),
|
|
23542
23542
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex h-[28px] items-center gap-2", children: [
|
|
23543
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23544
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23543
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Chip, { className: "w-16" }),
|
|
23544
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Chip, { className: "w-12" })
|
|
23545
23545
|
] }),
|
|
23546
23546
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[42px] items-center content-md:min-h-[45px] content-lg:min-h-[48px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
|
|
23547
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23548
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23547
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23548
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-1/2" })
|
|
23549
23549
|
] }) }),
|
|
23550
|
-
showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23550
|
+
showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Button, { className: "h-8 w-24" }) }),
|
|
23551
23551
|
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: [
|
|
23552
23552
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
|
|
23553
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23554
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23553
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
23554
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23555
23555
|
] }),
|
|
23556
23556
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-3 text-ods-text-muted", children: [
|
|
23557
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23557
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-12" }),
|
|
23558
23558
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1 w-1 rounded-full bg-ods-skeleton" }),
|
|
23559
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23559
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23560
23560
|
] })
|
|
23561
23561
|
] }) })
|
|
23562
23562
|
] })
|
|
@@ -23564,35 +23564,35 @@ function BlogCardContent({ showActions, showMetadata }) {
|
|
|
23564
23564
|
}
|
|
23565
23565
|
function CategoryCardContent() {
|
|
23566
23566
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 p-4 content-md:p-6", children: [
|
|
23567
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-2 content-md:gap-3", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23567
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-2 content-md:gap-3", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "lg", className: "flex-shrink-0" }, index)) }),
|
|
23568
23568
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
23569
23569
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
|
|
23570
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23571
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23570
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
23571
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-1/2" })
|
|
23572
23572
|
] }),
|
|
23573
23573
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start justify-between gap-4 content-md:items-end content-md:gap-6", children: [
|
|
23574
23574
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
23575
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23576
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23575
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23576
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
23577
23577
|
] }),
|
|
23578
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23578
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Button, { className: "h-10 w-10 flex-shrink-0 content-md:h-12 content-md:w-12" })
|
|
23579
23579
|
] })
|
|
23580
23580
|
] })
|
|
23581
23581
|
] });
|
|
23582
23582
|
}
|
|
23583
23583
|
function AlternativeCardContent({ showActions }) {
|
|
23584
23584
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4 p-4", children: [
|
|
23585
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23585
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Avatar, { size: "md", className: "flex-shrink-0" }),
|
|
23586
23586
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
23587
23587
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
|
|
23588
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23589
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23588
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-1/3" }),
|
|
23589
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23590
23590
|
] }),
|
|
23591
23591
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
|
|
23592
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23593
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23592
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23593
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-5/6" })
|
|
23594
23594
|
] }),
|
|
23595
|
-
showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23595
|
+
showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Button, { className: "h-8 w-20" }) })
|
|
23596
23596
|
] })
|
|
23597
23597
|
] });
|
|
23598
23598
|
}
|
|
@@ -23643,12 +23643,12 @@ function HeroSkeleton() {
|
|
|
23643
23643
|
background: "radial-gradient(circle at 50% 0%, #242323 0%, #1A1A1A 100%)"
|
|
23644
23644
|
},
|
|
23645
23645
|
children: [
|
|
23646
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23646
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Heading, { className: "mb-4 h-12 w-full max-w-4xl content-md:mb-6 content-md:h-20 content-lg:h-24" }),
|
|
23647
23647
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-8 w-full max-w-4xl space-y-3 px-2 content-md:mb-10", children: [
|
|
23648
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23649
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23648
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "h-5 content-md:h-7" }),
|
|
23649
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "mx-auto h-5 w-3/4 content-md:h-7" })
|
|
23650
23650
|
] }),
|
|
23651
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23651
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Button, { className: "h-12 w-full content-md:w-64" })
|
|
23652
23652
|
]
|
|
23653
23653
|
}
|
|
23654
23654
|
);
|
|
@@ -23659,14 +23659,14 @@ function SearchContainerSkeleton({
|
|
|
23659
23659
|
}) {
|
|
23660
23660
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-4", className || ""), children: [
|
|
23661
23661
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 content-md:gap-4", children: [
|
|
23662
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23663
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23662
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Input, { className: "flex-1" }),
|
|
23663
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Button, { className: "w-32 content-md:w-40" })
|
|
23664
23664
|
] }),
|
|
23665
23665
|
showFilters && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap gap-2", children: [
|
|
23666
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23667
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23668
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23669
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23666
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Chip, {}),
|
|
23667
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Chip, { className: "w-24" }),
|
|
23668
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Chip, { className: "w-16" }),
|
|
23669
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Chip, { className: "w-20" })
|
|
23670
23670
|
] })
|
|
23671
23671
|
] });
|
|
23672
23672
|
}
|
|
@@ -23685,7 +23685,7 @@ function CategorySidebarSkeleton({ className }) {
|
|
|
23685
23685
|
{ type: "file", width: "w-36" }
|
|
23686
23686
|
];
|
|
23687
23687
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full content-lg:w-[320px]", className), children: [
|
|
23688
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23688
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "mb-4 h-[14px] w-24 rounded" }),
|
|
23689
23689
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
23690
23690
|
"div",
|
|
23691
23691
|
{
|
|
@@ -23695,12 +23695,12 @@ function CategorySidebarSkeleton({ className }) {
|
|
|
23695
23695
|
),
|
|
23696
23696
|
children: [
|
|
23697
23697
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
|
|
23698
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23699
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23698
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-4 w-4 shrink-0 rounded" }),
|
|
23699
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: `h-[14px] ${item.width} rounded` })
|
|
23700
23700
|
] }),
|
|
23701
23701
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[18px] items-center gap-2", children: [
|
|
23702
|
-
item.hasBadge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23703
|
-
item.type === "folder" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23702
|
+
item.hasBadge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-[18px] w-14 rounded" }),
|
|
23703
|
+
item.type === "folder" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-4 w-4 rounded" })
|
|
23704
23704
|
] })
|
|
23705
23705
|
]
|
|
23706
23706
|
},
|
|
@@ -23710,13 +23710,13 @@ function CategorySidebarSkeleton({ className }) {
|
|
|
23710
23710
|
}
|
|
23711
23711
|
function BreadcrumbSkeleton({ className }) {
|
|
23712
23712
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "mb-6 flex items-center space-x-1", className), children: [
|
|
23713
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23714
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23715
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23716
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23717
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23718
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23719
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23713
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-16" }),
|
|
23714
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
|
|
23715
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-24" }),
|
|
23716
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
|
|
23717
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-32" }),
|
|
23718
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
|
|
23719
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-24" })
|
|
23720
23720
|
] });
|
|
23721
23721
|
}
|
|
23722
23722
|
function ResultsHeaderSkeleton({ className }) {
|
|
@@ -23727,7 +23727,7 @@ function ResultsHeaderSkeleton({ className }) {
|
|
|
23727
23727
|
"mb-6 flex flex-col items-start justify-between gap-4 content-md:flex-row content-md:items-center",
|
|
23728
23728
|
className
|
|
23729
23729
|
),
|
|
23730
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23730
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-48" }) })
|
|
23731
23731
|
}
|
|
23732
23732
|
);
|
|
23733
23733
|
}
|
|
@@ -23761,35 +23761,35 @@ function ArticleLayoutSkeleton({ className }) {
|
|
|
23761
23761
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk3ATAYP36cjs.cn.call(void 0, "mx-auto max-w-4xl", className), children: [
|
|
23762
23762
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "mb-8 space-y-4 content-md:mb-12 content-md:space-y-6", children: [
|
|
23763
23763
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
|
|
23764
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23765
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23764
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Chip, {}),
|
|
23765
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Chip, { className: "w-16" })
|
|
23766
23766
|
] }),
|
|
23767
23767
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
|
|
23768
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23769
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23768
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Heading, { className: "w-full" }),
|
|
23769
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Heading, { className: "w-3/4" })
|
|
23770
23770
|
] }),
|
|
23771
23771
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 border-t border-ods-divider pt-4", children: [
|
|
23772
23772
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
|
|
23773
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23774
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23773
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
23774
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-24" })
|
|
23775
23775
|
] }),
|
|
23776
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23777
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23776
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-20" }),
|
|
23777
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23778
23778
|
] })
|
|
23779
23779
|
] }),
|
|
23780
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-8 content-md:mb-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23780
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-8 content-md:mb-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.CardImage, { className: "h-64 w-full content-md:h-96" }) }),
|
|
23781
23781
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "prose prose-invert max-w-none space-y-6", children: [
|
|
23782
23782
|
Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
23783
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23784
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23785
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23786
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23783
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23784
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23785
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-5/6" }),
|
|
23786
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
23787
23787
|
] }, index)),
|
|
23788
23788
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-4", children: [
|
|
23789
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23789
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "mb-4 w-2/3" }),
|
|
23790
23790
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
23791
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23792
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23791
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23792
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-4/5" })
|
|
23793
23793
|
] })
|
|
23794
23794
|
] })
|
|
23795
23795
|
] })
|
|
@@ -24015,11 +24015,11 @@ function StatsSectionSkeleton({ className, columns = 3 }) {
|
|
|
24015
24015
|
className
|
|
24016
24016
|
),
|
|
24017
24017
|
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: [
|
|
24018
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24019
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24018
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "lg" }),
|
|
24019
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
24020
24020
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
24021
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24022
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24021
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24022
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24023
24023
|
] })
|
|
24024
24024
|
] }) }, i))
|
|
24025
24025
|
}
|
|
@@ -24174,7 +24174,7 @@ function useContentLoading(isLoading) {
|
|
|
24174
24174
|
|
|
24175
24175
|
function ParagraphSkeleton({ className, lines = 4 }) {
|
|
24176
24176
|
const lineWidths = ["w-full", "w-full", "w-5/6", "w-3/4", "w-4/5", "w-2/3"];
|
|
24177
|
-
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,
|
|
24177
|
+
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, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: lineWidths[index % lineWidths.length] }, index)) });
|
|
24178
24178
|
}
|
|
24179
24179
|
function ListSkeleton({
|
|
24180
24180
|
className,
|
|
@@ -24184,12 +24184,12 @@ function ListSkeleton({
|
|
|
24184
24184
|
}) {
|
|
24185
24185
|
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: [
|
|
24186
24186
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24187
|
-
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24188
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24187
|
+
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24188
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-32 content-md:w-48" })
|
|
24189
24189
|
] }),
|
|
24190
24190
|
showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
|
|
24191
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24192
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24191
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-8" }),
|
|
24192
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4" })
|
|
24193
24193
|
] })
|
|
24194
24194
|
] }, index)) });
|
|
24195
24195
|
}
|
|
@@ -24199,13 +24199,13 @@ function TableSkeleton({
|
|
|
24199
24199
|
columns = 4
|
|
24200
24200
|
}) {
|
|
24201
24201
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-4", className), children: [
|
|
24202
|
-
/* @__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,
|
|
24202
|
+
/* @__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, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
|
|
24203
24203
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24204
24204
|
"div",
|
|
24205
24205
|
{
|
|
24206
24206
|
className: "grid gap-4 border-b border-ods-divider py-2",
|
|
24207
24207
|
style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
|
|
24208
|
-
children: Array.from({ length: columns }).map((_cell, colIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24208
|
+
children: Array.from({ length: columns }).map((_cell, colIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-2/3" }, colIndex))
|
|
24209
24209
|
},
|
|
24210
24210
|
rowIndex
|
|
24211
24211
|
)) })
|
|
@@ -24214,13 +24214,13 @@ function TableSkeleton({
|
|
|
24214
24214
|
function FormSkeleton({ className, fields = 4 }) {
|
|
24215
24215
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-6", className), children: [
|
|
24216
24216
|
Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
24217
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24218
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24219
|
-
index % 3 === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24217
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-24" }),
|
|
24218
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Input, {}),
|
|
24219
|
+
index % 3 === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-48" })
|
|
24220
24220
|
] }, index)),
|
|
24221
24221
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4 pt-4", children: [
|
|
24222
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24223
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24222
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Button, {}),
|
|
24223
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Button, { className: "bg-ods-border" })
|
|
24224
24224
|
] })
|
|
24225
24225
|
] });
|
|
24226
24226
|
}
|
|
@@ -24235,7 +24235,7 @@ function NavigationSkeleton({
|
|
|
24235
24235
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "flex gap-4 content-md:gap-6", !horizontal && "flex-col", className),
|
|
24236
24236
|
role: "status",
|
|
24237
24237
|
"aria-label": "Loading navigation",
|
|
24238
|
-
children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24238
|
+
children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-16 content-md:w-20" }, index))
|
|
24239
24239
|
}
|
|
24240
24240
|
);
|
|
24241
24241
|
}
|
|
@@ -24246,30 +24246,30 @@ function ProfileSkeleton({
|
|
|
24246
24246
|
}) {
|
|
24247
24247
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-4", className), children: [
|
|
24248
24248
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4", children: [
|
|
24249
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24249
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Avatar, { size: "lg" }),
|
|
24250
24250
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
24251
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24252
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24253
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24251
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-1/2" }),
|
|
24252
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-1/3" }),
|
|
24253
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24254
24254
|
] })
|
|
24255
24255
|
] }),
|
|
24256
24256
|
showBio && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
24257
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24258
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24259
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24257
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24258
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-4/5" }),
|
|
24259
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24260
24260
|
] }),
|
|
24261
24261
|
showStats && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-6", children: [
|
|
24262
24262
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
|
|
24263
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24264
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24263
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "mx-auto w-8" }),
|
|
24264
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "mx-auto w-12" })
|
|
24265
24265
|
] }),
|
|
24266
24266
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
|
|
24267
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24268
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24267
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "mx-auto w-8" }),
|
|
24268
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "mx-auto w-16" })
|
|
24269
24269
|
] }),
|
|
24270
24270
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
|
|
24271
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24272
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24271
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "mx-auto w-8" }),
|
|
24272
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "mx-auto w-14" })
|
|
24273
24273
|
] })
|
|
24274
24274
|
] })
|
|
24275
24275
|
] });
|
|
@@ -24281,32 +24281,32 @@ function CommentSkeleton({
|
|
|
24281
24281
|
}) {
|
|
24282
24282
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-3", className), children: [
|
|
24283
24283
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24284
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24284
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
24285
24285
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 items-center gap-4", children: [
|
|
24286
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24287
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24288
|
-
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,
|
|
24286
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-24" }),
|
|
24287
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-16" }),
|
|
24288
|
+
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, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm" }, i)) })
|
|
24289
24289
|
] })
|
|
24290
24290
|
] }),
|
|
24291
24291
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11 space-y-2", children: [
|
|
24292
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24293
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24294
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24292
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24293
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-3/4" }),
|
|
24294
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-1/2" })
|
|
24295
24295
|
] }),
|
|
24296
24296
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11 flex gap-4", children: [
|
|
24297
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24298
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24299
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24297
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-12" }),
|
|
24298
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-16" }),
|
|
24299
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-8" })
|
|
24300
24300
|
] }),
|
|
24301
24301
|
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: [
|
|
24302
24302
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24303
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24304
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24305
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24303
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
24304
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-20" }),
|
|
24305
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-12" })
|
|
24306
24306
|
] }),
|
|
24307
24307
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11", children: [
|
|
24308
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24309
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24308
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24309
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24310
24310
|
] })
|
|
24311
24311
|
] }, index)) })
|
|
24312
24312
|
] });
|
|
@@ -24319,31 +24319,31 @@ function FeatureListSkeleton({
|
|
|
24319
24319
|
}) {
|
|
24320
24320
|
if (grouped) {
|
|
24321
24321
|
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: [
|
|
24322
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24322
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-1/3" }),
|
|
24323
24323
|
/* @__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: [
|
|
24324
|
-
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24325
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24324
|
+
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24325
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24326
24326
|
] }, featureIndex)) })
|
|
24327
24327
|
] }, groupIndex)) });
|
|
24328
24328
|
}
|
|
24329
24329
|
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: [
|
|
24330
|
-
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24331
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24330
|
+
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24331
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24332
24332
|
] }, index)) });
|
|
24333
24333
|
}
|
|
24334
24334
|
function TimelineSkeleton({ className, items = 5 }) {
|
|
24335
24335
|
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: [
|
|
24336
24336
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center", children: [
|
|
24337
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24337
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24338
24338
|
index < items - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2 h-12 w-px bg-ods-border" })
|
|
24339
24339
|
] }),
|
|
24340
24340
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
24341
24341
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24342
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24343
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24342
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-1/3" }),
|
|
24343
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
24344
24344
|
] }),
|
|
24345
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24346
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24345
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24346
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24347
24347
|
] })
|
|
24348
24348
|
] }, index)) });
|
|
24349
24349
|
}
|
|
@@ -24359,16 +24359,16 @@ function PricingSkeleton({ className, plans = 3 }) {
|
|
|
24359
24359
|
className
|
|
24360
24360
|
),
|
|
24361
24361
|
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: [
|
|
24362
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24362
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-1/2" }),
|
|
24363
24363
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
|
|
24364
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24365
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24364
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Heading, { className: "w-1/3" }),
|
|
24365
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-1/4" })
|
|
24366
24366
|
] }),
|
|
24367
24367
|
/* @__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: [
|
|
24368
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24369
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24368
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24369
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24370
24370
|
] }, featureIndex)) }),
|
|
24371
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24371
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Button, { className: "w-full" })
|
|
24372
24372
|
] }) }, index))
|
|
24373
24373
|
}
|
|
24374
24374
|
);
|
|
@@ -24404,12 +24404,12 @@ function MspProfileFormSkeleton({ className, fields = 4 }) {
|
|
|
24404
24404
|
"aria-label": "Loading MSP profile form",
|
|
24405
24405
|
children: [
|
|
24406
24406
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col space-y-2", children: [
|
|
24407
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24408
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[180px] flex-1 content-md:min-h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24407
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-28" }),
|
|
24408
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[180px] flex-1 content-md:min-h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-full w-full rounded-lg", "aria-label": "Loading company logo" }) })
|
|
24409
24409
|
] }),
|
|
24410
24410
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-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: [
|
|
24411
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24412
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24411
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-40" }),
|
|
24412
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.InteractiveSkeleton.Input, {})
|
|
24413
24413
|
] }, idx)) })
|
|
24414
24414
|
]
|
|
24415
24415
|
}
|
|
@@ -24429,13 +24429,13 @@ function CategoryCardSkeleton({ className }) {
|
|
|
24429
24429
|
role: "status",
|
|
24430
24430
|
"aria-label": "Loading category card",
|
|
24431
24431
|
children: [
|
|
24432
|
-
/* @__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,
|
|
24432
|
+
/* @__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, _chunk7AM6C6XHcjs.UnifiedSkeleton, { variant: "circular", className: "h-10 w-10 flex-shrink-0", "aria-label": "Loading icon" }, i)) }),
|
|
24433
24433
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col space-y-3", children: [
|
|
24434
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24435
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24436
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24434
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Heading, { className: "w-3/4" }),
|
|
24435
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-1/2" }),
|
|
24436
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" })
|
|
24437
24437
|
] }),
|
|
24438
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24438
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-12 w-12 rounded-[6px]", "aria-label": "Loading button" }) })
|
|
24439
24439
|
]
|
|
24440
24440
|
}
|
|
24441
24441
|
);
|
|
@@ -24452,12 +24452,12 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
|
|
|
24452
24452
|
"aria-label": "Loading category section",
|
|
24453
24453
|
children: [
|
|
24454
24454
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 max-w-xl space-y-2", children: [
|
|
24455
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24456
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24455
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Heading, { className: "w-1/2" }),
|
|
24456
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24457
24457
|
] }),
|
|
24458
24458
|
/* @__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: [
|
|
24459
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24460
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-2 gap-4 content-md:grid-cols-3", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24459
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-1/3" }),
|
|
24460
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-2 gap-4 content-md:grid-cols-3", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
|
|
24461
24461
|
] }, idx)) })
|
|
24462
24462
|
]
|
|
24463
24463
|
}
|
|
@@ -24468,14 +24468,14 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
|
|
|
24468
24468
|
|
|
24469
24469
|
function WizardLayoutSkeleton({ steps = 6, className }) {
|
|
24470
24470
|
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: [
|
|
24471
|
-
/* @__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,
|
|
24471
|
+
/* @__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, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
|
|
24472
24472
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "max-w-2xl space-y-2", children: [
|
|
24473
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24474
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24473
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Heading, { className: "w-2/3" }),
|
|
24474
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-1/2" })
|
|
24475
24475
|
] }),
|
|
24476
24476
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-10 flex justify-between", children: [
|
|
24477
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24478
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24477
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
|
|
24478
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-10 w-32 rounded" })
|
|
24479
24479
|
] })
|
|
24480
24480
|
] });
|
|
24481
24481
|
}
|
|
@@ -24867,28 +24867,28 @@ function OrganizationCardSkeleton({
|
|
|
24867
24867
|
}
|
|
24868
24868
|
),
|
|
24869
24869
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center space-y-1 py-2", children: [
|
|
24870
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24871
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24870
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
24871
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-1/2" })
|
|
24872
24872
|
] })
|
|
24873
24873
|
] }),
|
|
24874
24874
|
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: [
|
|
24875
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24876
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24875
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24876
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24877
24877
|
] }) }),
|
|
24878
24878
|
showFooter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
|
|
24879
24879
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-shrink items-center gap-3 content-md:gap-4", children: [
|
|
24880
24880
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
24881
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24882
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24881
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
24882
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-8" })
|
|
24883
24883
|
] }),
|
|
24884
24884
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
24885
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24886
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24885
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
24886
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-10" })
|
|
24887
24887
|
] })
|
|
24888
24888
|
] }),
|
|
24889
24889
|
/* @__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: [
|
|
24890
|
-
/* @__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,
|
|
24891
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24890
|
+
/* @__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, _chunk7AM6C6XHcjs.MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
|
|
24891
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TextSkeleton.Caption, { className: "w-16" })
|
|
24892
24892
|
] }) })
|
|
24893
24893
|
] })
|
|
24894
24894
|
] })
|
|
@@ -24965,16 +24965,16 @@ function DeviceCardSkeletonGrid({ count = 12, className }) {
|
|
|
24965
24965
|
|
|
24966
24966
|
function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
|
|
24967
24967
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", role: "status", "aria-label": "Loading options", children: [
|
|
24968
|
-
hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24968
|
+
hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-5 w-20", "aria-label": "Loading title" }),
|
|
24969
24969
|
/* @__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: [
|
|
24970
24970
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24971
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24971
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-8 w-8", "aria-label": "Loading icon" }),
|
|
24972
24972
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
|
|
24973
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24974
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24973
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { variant: "text", className: "mb-2 h-4 w-24", "aria-label": "Loading name" }),
|
|
24974
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { variant: "text", className: "h-4 w-36", "aria-label": "Loading description" })
|
|
24975
24975
|
] })
|
|
24976
24976
|
] }),
|
|
24977
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24977
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.UnifiedSkeleton, { className: "h-6 w-6", "aria-label": "Loading selection state" })
|
|
24978
24978
|
] }) }, i)) })
|
|
24979
24979
|
] });
|
|
24980
24980
|
}
|
|
@@ -25096,9 +25096,9 @@ function PushButtonSelector({
|
|
|
25096
25096
|
option.id
|
|
25097
25097
|
);
|
|
25098
25098
|
if (option.disabled && option.disabledReason) {
|
|
25099
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
25100
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25101
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25099
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Tooltip, { children: [
|
|
25100
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipTrigger, { asChild: true, children: optionEl }),
|
|
25101
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipContent, { className: "max-w-xs", children: option.disabledReason })
|
|
25102
25102
|
] }, option.id);
|
|
25103
25103
|
}
|
|
25104
25104
|
return optionEl;
|
|
@@ -25143,7 +25143,7 @@ function PushButtonSelector({
|
|
|
25143
25143
|
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
|
|
25144
25144
|
] }) : null
|
|
25145
25145
|
] });
|
|
25146
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25146
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `space-y-4 ${className}`, children: [
|
|
25147
25147
|
title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h5", children: title }),
|
|
25148
25148
|
searchInput,
|
|
25149
25149
|
lazyLoad ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -25357,7 +25357,7 @@ function SEOEditorPreview({
|
|
|
25357
25357
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-lg:grid-cols-2", children: [
|
|
25358
25358
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
25359
25359
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25360
|
-
|
|
25360
|
+
_chunk7AM6C6XHcjs.Field,
|
|
25361
25361
|
{
|
|
25362
25362
|
label: "SEO Title",
|
|
25363
25363
|
error: seoTitleTooLong ? `Too long: search engines may truncate this title (keep it under ${SEO_TITLE_MAX_LENGTH})` : null,
|
|
@@ -25397,7 +25397,7 @@ function SEOEditorPreview({
|
|
|
25397
25397
|
!seoTitle && title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-accent text-h6", children: "Auto-populated from title" })
|
|
25398
25398
|
] }),
|
|
25399
25399
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25400
|
-
|
|
25400
|
+
_chunk7AM6C6XHcjs.Field,
|
|
25401
25401
|
{
|
|
25402
25402
|
label: "SEO Keywords",
|
|
25403
25403
|
labelExtras: aiConfidenceSeoKeywords !== void 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
@@ -25429,7 +25429,7 @@ function SEOEditorPreview({
|
|
|
25429
25429
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-lg:grid-cols-2", children: [
|
|
25430
25430
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
25431
25431
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25432
|
-
|
|
25432
|
+
_chunk7AM6C6XHcjs.Field,
|
|
25433
25433
|
{
|
|
25434
25434
|
label: "SEO Description",
|
|
25435
25435
|
error: seoDescriptionTooLong ? `Too long: search engines may truncate this description (keep it under ${SEO_DESCRIPTION_MAX_LENGTH})` : null,
|
|
@@ -26107,7 +26107,7 @@ function VideoBitesDisplay({
|
|
|
26107
26107
|
filterPublished = true,
|
|
26108
26108
|
showTitle = true
|
|
26109
26109
|
}) {
|
|
26110
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26110
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.VideoBitesStrip, { bites, title, filterPublished, showTitle });
|
|
26111
26111
|
}
|
|
26112
26112
|
|
|
26113
26113
|
// src/components/features/walkthrough-video.tsx
|
|
@@ -26177,7 +26177,7 @@ function WalkthroughVideo({
|
|
|
26177
26177
|
if (idleHandle !== null && typeof cic === "function") cic(idleHandle);
|
|
26178
26178
|
};
|
|
26179
26179
|
}, [appearDelayMs, dismissEnabled, storageKey, dismissalId, hasVideo, videoId]);
|
|
26180
|
-
const hydrated =
|
|
26180
|
+
const hydrated = _chunk7AM6C6XHcjs.useIsHydrated.call(void 0, );
|
|
26181
26181
|
const previewSuppressed = _react.useMemo.call(void 0, () => {
|
|
26182
26182
|
if (!hydrated) return false;
|
|
26183
26183
|
try {
|
|
@@ -26599,7 +26599,7 @@ function WalkthroughVideo({
|
|
|
26599
26599
|
`card-${embedUrlKey}`
|
|
26600
26600
|
) }),
|
|
26601
26601
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26602
|
-
|
|
26602
|
+
_chunk7AM6C6XHcjs.CardHitLayer,
|
|
26603
26603
|
{
|
|
26604
26604
|
label: video.title ? `${label}: ${video.title}` : label,
|
|
26605
26605
|
onPointerDown: pausePreviewNow,
|
|
@@ -26765,7 +26765,7 @@ function InlineWalkthroughVideo(props) {
|
|
|
26765
26765
|
var _reactquery = require('@tanstack/react-query');
|
|
26766
26766
|
function useWalkthroughVideo(opts) {
|
|
26767
26767
|
const { endpoint, initialData, enabled = true, transformCaptionsUrl } = opts;
|
|
26768
|
-
const captions =
|
|
26768
|
+
const captions = _chunk7AM6C6XHcjs.useCaptions.call(void 0, );
|
|
26769
26769
|
const query = _reactquery.useQuery.call(void 0, {
|
|
26770
26770
|
queryKey: ["walkthrough-video", endpoint],
|
|
26771
26771
|
enabled,
|
|
@@ -27514,7 +27514,7 @@ function HighlightConfigSection({
|
|
|
27514
27514
|
disabled = false,
|
|
27515
27515
|
className = ""
|
|
27516
27516
|
}) {
|
|
27517
|
-
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,
|
|
27517
|
+
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, _chunk7AM6C6XHcjs.Field, { label: "Target Duration", children: (f) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
27518
27518
|
Select,
|
|
27519
27519
|
{
|
|
27520
27520
|
value: targetDurationSeconds.toString(),
|
|
@@ -28227,7 +28227,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
|
|
|
28227
28227
|
] });
|
|
28228
28228
|
};
|
|
28229
28229
|
var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, onBulkLevelChange, onPolicyPermissionChange }) => {
|
|
28230
|
-
const { innerRef, containerStyle } =
|
|
28230
|
+
const { innerRef, containerStyle } = _chunk7AM6C6XHcjs.useCollapsible.call(void 0, { expanded: isExpanded, durationMs: 300 });
|
|
28231
28231
|
const handleBulkChange = (level) => onBulkLevelChange(category.id, level);
|
|
28232
28232
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
28233
28233
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -28396,7 +28396,7 @@ function WaitlistForm({
|
|
|
28396
28396
|
const { toast } = _chunkWCVZCGK5cjs.useToast.call(void 0, );
|
|
28397
28397
|
const { honeypotInputProps, getSignals, resetSignals } = _chunkWCVZCGK5cjs.useHumanitySignals.call(void 0, );
|
|
28398
28398
|
const [smsConsent, setSmsConsent] = _react.useState.call(void 0, false);
|
|
28399
|
-
const isClient =
|
|
28399
|
+
const isClient = _chunk7AM6C6XHcjs.useIsHydrated.call(void 0, );
|
|
28400
28400
|
const [isPhoneInvalid, setIsPhoneInvalid] = _react.useState.call(void 0, false);
|
|
28401
28401
|
const [showConsentError, setShowConsentError] = _react.useState.call(void 0, false);
|
|
28402
28402
|
const rescue = _chunkWCVZCGK5cjs.useFormRescue.call(void 0, {
|
|
@@ -29042,7 +29042,7 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
29042
29042
|
}, [mobileBreakpoint]);
|
|
29043
29043
|
const panelRef = _react.useRef.call(void 0, null);
|
|
29044
29044
|
const available = useContainerExtent(resizable, isHorizontal, portalContainer);
|
|
29045
|
-
const { size, setSize, clampSize } =
|
|
29045
|
+
const { size, setSize, clampSize } = _chunk7AM6C6XHcjs.useResizablePanelSize.call(void 0, {
|
|
29046
29046
|
enabled: resizable,
|
|
29047
29047
|
minSize,
|
|
29048
29048
|
maxSize,
|
|
@@ -29062,7 +29062,7 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
29062
29062
|
"data-state": open ? "open" : "closed",
|
|
29063
29063
|
className: _chunk3ATAYP36cjs.cn.call(void 0,
|
|
29064
29064
|
"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",
|
|
29065
|
-
|
|
29065
|
+
_chunk7AM6C6XHcjs.OVERLAY_BACKDROP_CLASS,
|
|
29066
29066
|
// Persist mode only: hold the fade-out's final (transparent) frame
|
|
29067
29067
|
// so the backdrop doesn't snap back to opacity 1 and dim the whole
|
|
29068
29068
|
// content area while the drawer is "closed" (see PERSIST_CLOSED_HOLD).
|
|
@@ -29103,7 +29103,7 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
29103
29103
|
...props,
|
|
29104
29104
|
children: [
|
|
29105
29105
|
applyInlineSize && (!persist || open) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29106
|
-
|
|
29106
|
+
_chunk7AM6C6XHcjs.PanelResizeHandle,
|
|
29107
29107
|
{
|
|
29108
29108
|
variant: "inLayout",
|
|
29109
29109
|
side: resolvedSide,
|
|
@@ -29142,11 +29142,11 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
29142
29142
|
}
|
|
29143
29143
|
);
|
|
29144
29144
|
AppLayoutDrawerContent.displayName = "AppLayoutDrawerContent";
|
|
29145
|
-
var AppLayoutDrawerHeader =
|
|
29146
|
-
var AppLayoutDrawerTitle =
|
|
29147
|
-
var AppLayoutDrawerDescription =
|
|
29148
|
-
var AppLayoutDrawerBody =
|
|
29149
|
-
var AppLayoutDrawerFooter =
|
|
29145
|
+
var AppLayoutDrawerHeader = _chunk7AM6C6XHcjs.DrawerHeader;
|
|
29146
|
+
var AppLayoutDrawerTitle = _chunk7AM6C6XHcjs.DrawerTitle;
|
|
29147
|
+
var AppLayoutDrawerDescription = _chunk7AM6C6XHcjs.DrawerDescription;
|
|
29148
|
+
var AppLayoutDrawerBody = _chunk7AM6C6XHcjs.DrawerBody;
|
|
29149
|
+
var AppLayoutDrawerFooter = _chunk7AM6C6XHcjs.DrawerFooter;
|
|
29150
29150
|
|
|
29151
29151
|
// src/components/features/notifications/notification-tile.tsx
|
|
29152
29152
|
|
|
@@ -29252,7 +29252,7 @@ function NotificationTile({
|
|
|
29252
29252
|
{
|
|
29253
29253
|
dateTime: createdAtIso,
|
|
29254
29254
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "shrink-0 whitespace-nowrap text-ods-text-secondary text-h6", lockscreen && "self-start"),
|
|
29255
|
-
children: _nullishCoalesce(timeLabel, () => (
|
|
29255
|
+
children: _nullishCoalesce(timeLabel, () => ( _chunk7AM6C6XHcjs.formatTicketRelativeTime.call(void 0, createdAtIso)))
|
|
29256
29256
|
}
|
|
29257
29257
|
) : null,
|
|
29258
29258
|
!lockscreen && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "relative size-4 shrink-0", children: [
|
|
@@ -29361,7 +29361,7 @@ function NotificationDrawer({
|
|
|
29361
29361
|
const unreadNotifications = notifications.filter((n) => !n.read);
|
|
29362
29362
|
const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
29363
29363
|
/* @__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,
|
|
29364
|
-
|
|
29364
|
+
_chunk7AM6C6XHcjs.DrawerTitle,
|
|
29365
29365
|
{
|
|
29366
29366
|
hideClose: true,
|
|
29367
29367
|
className: "truncate",
|
|
@@ -29420,8 +29420,8 @@ function NotificationDrawer({
|
|
|
29420
29420
|
}
|
|
29421
29421
|
) });
|
|
29422
29422
|
}
|
|
29423
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29424
|
-
|
|
29423
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.Drawer, { open: isOpen, onOpenChange: (v) => v ? open() : close(), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29424
|
+
_chunk7AM6C6XHcjs.DrawerContent,
|
|
29425
29425
|
{
|
|
29426
29426
|
side: "right",
|
|
29427
29427
|
"aria-describedby": void 0,
|
|
@@ -29704,13 +29704,13 @@ function getApprovalMeta(notification) {
|
|
|
29704
29704
|
function resolutionToStatus(resolution) {
|
|
29705
29705
|
switch (typeof resolution === "string" ? resolution.toUpperCase() : void 0) {
|
|
29706
29706
|
case "APPROVED":
|
|
29707
|
-
return
|
|
29707
|
+
return _chunk7AM6C6XHcjs.APPROVAL_STATUS.APPROVED;
|
|
29708
29708
|
case "REJECTED":
|
|
29709
|
-
return
|
|
29709
|
+
return _chunk7AM6C6XHcjs.APPROVAL_STATUS.REJECTED;
|
|
29710
29710
|
case "CANCELLED":
|
|
29711
|
-
return
|
|
29711
|
+
return _chunk7AM6C6XHcjs.APPROVAL_STATUS.CANCELLED;
|
|
29712
29712
|
default:
|
|
29713
|
-
return
|
|
29713
|
+
return _chunk7AM6C6XHcjs.APPROVAL_STATUS.PENDING;
|
|
29714
29714
|
}
|
|
29715
29715
|
}
|
|
29716
29716
|
function approvalMetaToBatchData(approval) {
|
|
@@ -29756,7 +29756,7 @@ function ApprovalRequestNotificationTile({
|
|
|
29756
29756
|
const resolvedStatus = resolutionToStatus(_optionalChain([approval, 'optionalAccess', _635 => _635.resolution]));
|
|
29757
29757
|
const status = resolvedStatus !== "pending" ? resolvedStatus : _nullishCoalesce(localStatus, () => ( "pending"));
|
|
29758
29758
|
const batchData = _react.useMemo.call(void 0, () => approval ? approvalMetaToBatchData(approval) : null, [approval]);
|
|
29759
|
-
const { innerRef, containerStyle } =
|
|
29759
|
+
const { innerRef, containerStyle } = _chunk7AM6C6XHcjs.useCollapsible.call(void 0, { expanded });
|
|
29760
29760
|
if (!approval || !batchData) return null;
|
|
29761
29761
|
const tileNotification = {
|
|
29762
29762
|
...notification,
|
|
@@ -29819,7 +29819,7 @@ function ApprovalRequestNotificationTile({
|
|
|
29819
29819
|
}
|
|
29820
29820
|
)
|
|
29821
29821
|
] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
29822
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29822
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ApprovalStatusTag, { status }),
|
|
29823
29823
|
approval.resolvedByName ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: [
|
|
29824
29824
|
"by ",
|
|
29825
29825
|
approval.resolvedByName
|
|
@@ -29837,12 +29837,12 @@ function ApprovalRequestNotificationTile({
|
|
|
29837
29837
|
"aria-expanded": expanded,
|
|
29838
29838
|
"aria-label": toggleLabel,
|
|
29839
29839
|
className: "ml-auto w-6 shrink-0 px-0 md:w-8",
|
|
29840
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29840
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ExpandChevron, { expanded })
|
|
29841
29841
|
}
|
|
29842
29842
|
)
|
|
29843
29843
|
] }),
|
|
29844
29844
|
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,
|
|
29845
|
-
|
|
29845
|
+
_chunk7AM6C6XHcjs.ApprovalBatchMessage,
|
|
29846
29846
|
{
|
|
29847
29847
|
data: batchData,
|
|
29848
29848
|
showExecutionStatus: false,
|
|
@@ -30359,7 +30359,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
|
|
|
30359
30359
|
"data-state": isOpen ? "open" : "closed",
|
|
30360
30360
|
className: _chunk3ATAYP36cjs.cn.call(void 0,
|
|
30361
30361
|
layoutContainer ? "absolute inset-0 z-[102]" : "fixed inset-0 z-[1299]",
|
|
30362
|
-
|
|
30362
|
+
_chunk7AM6C6XHcjs.OVERLAY_BACKDROP_CLASS,
|
|
30363
30363
|
"data-[state=open]:animate-in data-[state=open]:fade-in-0",
|
|
30364
30364
|
"data-[state=closed]:animate-out data-[state=closed]:fade-out-0"
|
|
30365
30365
|
)
|
|
@@ -31049,9 +31049,9 @@ function KeepRecordingModal({
|
|
|
31049
31049
|
if (!canKeep || isPending) return;
|
|
31050
31050
|
onConfirm({ reason, description: reason === "OTHER" ? trimmed : null });
|
|
31051
31051
|
};
|
|
31052
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31052
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
31053
31053
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
31054
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31054
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalTitle, { children: "Keep this recording" }) }),
|
|
31055
31055
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31056
31056
|
KeepNotice,
|
|
31057
31057
|
{
|
|
@@ -31089,7 +31089,7 @@ function KeepRecordingModal({
|
|
|
31089
31089
|
}
|
|
31090
31090
|
)
|
|
31091
31091
|
] }),
|
|
31092
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31092
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.ModalFooter, { children: [
|
|
31093
31093
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
31094
31094
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
31095
31095
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -31119,9 +31119,9 @@ function ReleaseKeepingModal({
|
|
|
31119
31119
|
isPending = false,
|
|
31120
31120
|
onConfirm
|
|
31121
31121
|
}) {
|
|
31122
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31122
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
31123
31123
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
31124
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31124
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.ModalTitle, { children: "Release Keeping" }) }),
|
|
31125
31125
|
/* @__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: [
|
|
31126
31126
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { children: [
|
|
31127
31127
|
"Kept by ",
|
|
@@ -31138,7 +31138,7 @@ function ReleaseKeepingModal({
|
|
|
31138
31138
|
] })
|
|
31139
31139
|
] }),
|
|
31140
31140
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeepNotice, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.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." }),
|
|
31141
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31141
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.ModalFooter, { children: [
|
|
31142
31142
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
31143
31143
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
31144
31144
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "accent", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Release Keeping" })
|
|
@@ -31402,7 +31402,7 @@ function BoardColumnHeader({
|
|
|
31402
31402
|
}) {
|
|
31403
31403
|
const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
|
|
31404
31404
|
const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
|
|
31405
|
-
const useStatusVariant =
|
|
31405
|
+
const useStatusVariant = _chunk7AM6C6XHcjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
|
|
31406
31406
|
const actionClass = "h-8 w-8 p-0 content-md:h-8 content-md:w-8";
|
|
31407
31407
|
if (collapsed) {
|
|
31408
31408
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
@@ -31418,7 +31418,7 @@ function BoardColumnHeader({
|
|
|
31418
31418
|
}
|
|
31419
31419
|
),
|
|
31420
31420
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31421
|
-
|
|
31421
|
+
_chunk7AM6C6XHcjs.TicketStatusTag,
|
|
31422
31422
|
{
|
|
31423
31423
|
status: tagStatus,
|
|
31424
31424
|
label: column.label,
|
|
@@ -31431,7 +31431,7 @@ function BoardColumnHeader({
|
|
|
31431
31431
|
}
|
|
31432
31432
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
31433
31433
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
31434
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31434
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
|
|
31435
31435
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h5", style: useStatusVariant ? void 0 : { color: column.color }, children: count })
|
|
31436
31436
|
] }),
|
|
31437
31437
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
|
|
@@ -31583,7 +31583,7 @@ function holdMoveDragEffect(element) {
|
|
|
31583
31583
|
|
|
31584
31584
|
function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
|
|
31585
31585
|
const [expanded, setExpanded] = _react.useState.call(void 0, false);
|
|
31586
|
-
const { innerRef, containerStyle } =
|
|
31586
|
+
const { innerRef, containerStyle } = _chunk7AM6C6XHcjs.useCollapsible.call(void 0, { expanded });
|
|
31587
31587
|
const isAdmin = pendingApproval.approvalType === "ADMIN";
|
|
31588
31588
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex flex-col", children: [
|
|
31589
31589
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -31612,7 +31612,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
|
|
|
31612
31612
|
}
|
|
31613
31613
|
),
|
|
31614
31614
|
/* @__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,
|
|
31615
|
-
|
|
31615
|
+
_chunk7AM6C6XHcjs.ApprovalBatchMessage,
|
|
31616
31616
|
{
|
|
31617
31617
|
className: "mb-0",
|
|
31618
31618
|
data: {
|
|
@@ -31692,7 +31692,7 @@ function TicketCardBody({
|
|
|
31692
31692
|
onLinkClick
|
|
31693
31693
|
}) {
|
|
31694
31694
|
const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
|
|
31695
|
-
const newMessageTextColor = columnColor ?
|
|
31695
|
+
const newMessageTextColor = columnColor ? _chunk7AM6C6XHcjs.getReadableTextColor.call(void 0, columnColor) : void 0;
|
|
31696
31696
|
const showDeviceRow = !!(_optionalChain([ticket, 'access', _675 => _675.deviceHostnames, 'optionalAccess', _676 => _676.length]) || ticket.organizationName);
|
|
31697
31697
|
const deviceText = [_optionalChain([ticket, 'access', _677 => _677.deviceHostnames, 'optionalAccess', _678 => _678.join, 'call', _679 => _679(", ")]), ticket.organizationName].filter(Boolean).join(", ");
|
|
31698
31698
|
const hasRightSection = !!(ticket.priority || _optionalChain([ticket, 'access', _680 => _680.assignees, 'optionalAccess', _681 => _681.length]) || renderAssignSlot);
|
|
@@ -31731,8 +31731,8 @@ function TicketCardBody({
|
|
|
31731
31731
|
] })
|
|
31732
31732
|
] }) : null
|
|
31733
31733
|
] }) : null;
|
|
31734
|
-
const timestampLabel = ticket.createdAt ?
|
|
31735
|
-
const tooltipLabel = ticket.createdAt ?
|
|
31734
|
+
const timestampLabel = ticket.createdAt ? _chunk7AM6C6XHcjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
|
|
31735
|
+
const tooltipLabel = ticket.createdAt ? _chunk7AM6C6XHcjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
|
|
31736
31736
|
const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
|
|
31737
31737
|
const metaClass = "truncate text-ods-text-secondary text-h6";
|
|
31738
31738
|
const meta = href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -31759,9 +31759,9 @@ function TicketCardBody({
|
|
|
31759
31759
|
rightSection
|
|
31760
31760
|
] }),
|
|
31761
31761
|
_optionalChain([ticket, 'access', _684 => _684.tags, 'optionalAccess', _685 => _685.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
|
|
31762
|
-
metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31763
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31764
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31762
|
+
metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7AM6C6XHcjs.Tooltip, { children: [
|
|
31763
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipTrigger, { asChild: true, children: meta }),
|
|
31764
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7AM6C6XHcjs.TooltipContent, { children: tooltipLabel })
|
|
31765
31765
|
] }) }) : meta),
|
|
31766
31766
|
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: [
|
|
31767
31767
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.UserCheckIcon, { className: "size-4 shrink-0" }),
|