@flamingo-stack/openframe-frontend-core 0.0.706 → 0.0.707
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-K6O43WDL.cjs → chunk-2G7UYK35.cjs} +32 -32
- package/dist/{chunk-7SCNMP2B.cjs → chunk-2KXTOP6G.cjs} +26 -13
- package/dist/{chunk-DDVBX42E.cjs → chunk-2RNB5DTN.cjs} +7 -7
- package/dist/{chunk-TE773HEH.js → chunk-36BCTE7D.js} +4 -4
- package/dist/{chunk-STHZBOQI.cjs → chunk-3AHTOSXJ.cjs} +9 -9
- package/dist/{chunk-G6UMNAVI.js → chunk-4L6XCMOU.js} +10 -2
- package/dist/{chunk-T5TMCHWM.js → chunk-4UM2ETLM.js} +2 -2
- package/dist/{chunk-3PLDQDE6.cjs → chunk-6I4ZAFO2.cjs} +9 -9
- package/dist/{chunk-YGJKKDDM.js → chunk-6IW7TWPV.js} +1 -1
- package/dist/{chunk-3EZ4HHAP.js → chunk-6YKAT7NV.js} +2 -2
- package/dist/{chunk-HZ7CBXPL.cjs → chunk-AOWDNSTM.cjs} +40 -40
- package/dist/{chunk-SW5ZV2BN.cjs → chunk-B73373AG.cjs} +20 -20
- package/dist/{chunk-4ILM7W2R.js → chunk-CNWOMQQJ.js} +1 -1
- package/dist/{chunk-DWPAAWMR.js → chunk-CZSZSDD4.js} +4 -4
- package/dist/{chunk-PXOQIA5K.js → chunk-DA5UDTLG.js} +2 -2
- package/dist/{chunk-BHI6GVC4.js → chunk-HDOYSEOJ.js} +3 -3
- package/dist/{chunk-IKJA3Y7Z.js → chunk-I3ST4PLM.js} +1 -1
- package/dist/{chunk-LVSFKENJ.cjs → chunk-JRU2CXLB.cjs} +2 -2
- package/dist/{chunk-SEKYEWQG.cjs → chunk-L6Y6OOKG.cjs} +20 -20
- package/dist/{chunk-3NCM4ZQB.js → chunk-LFFB6EMB.js} +15 -2
- package/dist/{chunk-O2RSAA5M.js → chunk-LNW45N2C.js} +5 -5
- package/dist/{chunk-M75XEEGT.cjs → chunk-LRQTJOF2.cjs} +24 -24
- package/dist/{chunk-6232S532.js → chunk-MR3A4MZV.js} +1 -1
- package/dist/{chunk-RTIPR53L.cjs → chunk-NSGXARGJ.cjs} +70 -70
- package/dist/{chunk-UJ33ZXDT.cjs → chunk-OJLR5MEO.cjs} +4 -4
- package/dist/{chunk-GWQEYPYM.cjs → chunk-P42V6N34.cjs} +321 -313
- package/dist/{chunk-7GEBFJT2.js → chunk-PO33GZVY.js} +24 -4
- package/dist/{chunk-TQ4LB2DS.cjs → chunk-QAOFMK2A.cjs} +3 -3
- package/dist/{chunk-7OFPU7WE.cjs → chunk-SEXWHIMS.cjs} +351 -331
- package/dist/{chunk-4CJMQLB5.js → chunk-SS5MBHDP.js} +2 -2
- package/dist/{chunk-VZICIQW2.js → chunk-TDYIREDJ.js} +4 -4
- package/dist/{chunk-MB4PNY7C.cjs → chunk-YBUT4AMG.cjs} +2 -2
- package/dist/components/case-studies/index.cjs +14 -14
- package/dist/components/case-studies/index.js +3 -3
- package/dist/components/chat/index.cjs +4 -2
- package/dist/components/chat/index.d.ts +1 -1
- package/dist/components/chat/index.d.ts.map +1 -1
- package/dist/components/chat/index.js +3 -1
- package/dist/components/chat/nav-link-anchor-via-runtime.d.ts +34 -5
- package/dist/components/chat/nav-link-anchor-via-runtime.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 +38 -36
- package/dist/components/index.js +15 -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/platform/ToolBadge.d.ts +6 -0
- package/dist/components/platform/ToolBadge.d.ts.map +1 -1
- package/dist/components/tickets/index.cjs +7 -7
- package/dist/components/tickets/index.js +6 -6
- package/dist/components/ui/brand-association-card.d.ts +7 -0
- package/dist/components/ui/brand-association-card.d.ts.map +1 -1
- package/dist/components/ui/index.cjs +5 -3
- package/dist/components/ui/index.js +4 -2
- package/dist/index.cjs +9 -7
- package/dist/index.js +8 -6
- package/package.json +1 -1
- package/src/components/chat/index.ts +7 -1
- package/src/components/chat/nav-link-anchor-via-runtime.tsx +62 -9
- package/src/components/platform/ToolBadge.tsx +18 -1
- package/src/components/ui/brand-association-card.tsx +25 -3
|
@@ -94,7 +94,8 @@ var _chunkLX22Y43Bcjs = require('./chunk-LX22Y43B.cjs');
|
|
|
94
94
|
|
|
95
95
|
|
|
96
96
|
|
|
97
|
-
|
|
97
|
+
|
|
98
|
+
var _chunkSEXWHIMScjs = require('./chunk-SEXWHIMS.cjs');
|
|
98
99
|
|
|
99
100
|
|
|
100
101
|
|
|
@@ -386,7 +387,7 @@ function ThemeProvider({ children, ...overrides }) {
|
|
|
386
387
|
var useTheme = _nextthemes.useTheme;
|
|
387
388
|
function useThemeToggle() {
|
|
388
389
|
const { resolvedTheme, theme, setTheme } = useTheme();
|
|
389
|
-
const mounted =
|
|
390
|
+
const mounted = _chunkSEXWHIMScjs.useIsHydrated.call(void 0, );
|
|
390
391
|
const active = mounted ? resolvedTheme === "light" || theme === "light" ? "light" : "dark" : DEFAULT_THEME;
|
|
391
392
|
const setOdsTheme = _react.useCallback.call(void 0, (next) => setTheme(next), [setTheme]);
|
|
392
393
|
const toggle = _react.useCallback.call(void 0, () => setTheme(active === "dark" ? "light" : "dark"), [active, setTheme]);
|
|
@@ -2660,7 +2661,7 @@ function Value2({ value, depth }) {
|
|
|
2660
2661
|
}
|
|
2661
2662
|
if (typeof value === "string") {
|
|
2662
2663
|
if (ISO_DATE.test(value)) {
|
|
2663
|
-
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: _chunkSEXWHIMScjs.formatRelativeTime.call(void 0, value) });
|
|
2664
2665
|
}
|
|
2665
2666
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "whitespace-pre-wrap text-ods-text-primary", children: value });
|
|
2666
2667
|
}
|
|
@@ -3292,7 +3293,7 @@ function RowValue({ value }) {
|
|
|
3292
3293
|
}
|
|
3293
3294
|
case "status": {
|
|
3294
3295
|
const { type: _type, ...props } = value;
|
|
3295
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
3296
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TicketStatusTag, { ...props });
|
|
3296
3297
|
}
|
|
3297
3298
|
case "custom":
|
|
3298
3299
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: value.content });
|
|
@@ -4752,10 +4753,10 @@ function useConfirm() {
|
|
|
4752
4753
|
},
|
|
4753
4754
|
[]
|
|
4754
4755
|
);
|
|
4755
|
-
const dialog = pending ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4756
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4757
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4758
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4756
|
+
const dialog = pending ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Modal, { isOpen: open, onClose: () => decide(false), children: [
|
|
4757
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalTitle, { children: pending.title }) }),
|
|
4758
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.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, _chunkSEXWHIMScjs.ModalFooter, { children: [
|
|
4759
4760
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", onClick: () => decide(false), children: "Cancel" }),
|
|
4760
4761
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "destructive", onClick: () => decide(true), children: "Confirm" })
|
|
4761
4762
|
] })
|
|
@@ -4814,14 +4815,14 @@ function AdminFormDrawer({
|
|
|
4814
4815
|
else onClose();
|
|
4815
4816
|
};
|
|
4816
4817
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4817
|
-
|
|
4818
|
+
_chunkSEXWHIMScjs.Drawer,
|
|
4818
4819
|
{
|
|
4819
4820
|
open: isOpen,
|
|
4820
4821
|
onOpenChange: (open) => {
|
|
4821
4822
|
if (!open) requestClose();
|
|
4822
4823
|
},
|
|
4823
4824
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4824
|
-
|
|
4825
|
+
_chunkSEXWHIMScjs.DrawerContent,
|
|
4825
4826
|
{
|
|
4826
4827
|
side: "right",
|
|
4827
4828
|
resizable: true,
|
|
@@ -4830,11 +4831,11 @@ function AdminFormDrawer({
|
|
|
4830
4831
|
storageKey,
|
|
4831
4832
|
panelClassName: "max-md:w-[calc(100vw-1rem)]",
|
|
4832
4833
|
children: [
|
|
4833
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4834
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4835
|
-
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4834
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.DrawerHeader, { children: [
|
|
4835
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.DrawerTitle, { children: title }),
|
|
4836
|
+
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.DrawerDescription, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: subtitle }) })
|
|
4836
4837
|
] }),
|
|
4837
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4838
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.DrawerBody, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4838
4839
|
"form",
|
|
4839
4840
|
{
|
|
4840
4841
|
id: formId,
|
|
@@ -4965,9 +4966,9 @@ function AdminFormModal({
|
|
|
4965
4966
|
body: "Your edits have not been saved. Close and discard them?"
|
|
4966
4967
|
});
|
|
4967
4968
|
if (!isOpen) return null;
|
|
4968
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4969
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4970
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4969
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Modal, { isOpen: true, onClose: guardedClose, size: effectiveSize, children: [
|
|
4970
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.ModalHeader, { children: [
|
|
4971
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalTitle, { children: title }),
|
|
4971
4972
|
subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-secondary text-h6", children: subtitle })
|
|
4972
4973
|
] }),
|
|
4973
4974
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -4992,7 +4993,7 @@ function AdminFormModal({
|
|
|
4992
4993
|
// a shrink-to-fit flex item pinned to the left of a 1400px panel).
|
|
4993
4994
|
// The placeholder owns its own layout and mirrors the column count so
|
|
4994
4995
|
// the modal doesn't visibly re-flow when the entity lands.
|
|
4995
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
4996
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalContent, { children: loadingContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-busy": "true", children: loadingContent }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
4996
4997
|
"div",
|
|
4997
4998
|
{
|
|
4998
4999
|
"aria-busy": "true",
|
|
@@ -5013,12 +5014,12 @@ function AdminFormModal({
|
|
|
5013
5014
|
]
|
|
5014
5015
|
}
|
|
5015
5016
|
) })
|
|
5016
|
-
) : twoColumn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
5017
|
+
) : twoColumn ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalTwoColumn, { left: leftColumn, right: rightColumn }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalContent, { className: contentClassName, children }),
|
|
5017
5018
|
error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { role: "alert", className: "shrink-0 text-ods-error text-h6", children: error })
|
|
5018
5019
|
]
|
|
5019
5020
|
}
|
|
5020
5021
|
),
|
|
5021
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
5022
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalFooter, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center justify-between gap-[var(--spacing-system-xsf)]", children: [
|
|
5022
5023
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: footerExtras }),
|
|
5023
5024
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
5024
5025
|
footerStatus,
|
|
@@ -7970,7 +7971,7 @@ function buildRichEmbedOverrides({
|
|
|
7970
7971
|
ogEndpointPath,
|
|
7971
7972
|
textSizes
|
|
7972
7973
|
}) {
|
|
7973
|
-
const standard =
|
|
7974
|
+
const standard = _chunkSEXWHIMScjs.buildStandardLeafRenderers.call(void 0, { textSizes });
|
|
7974
7975
|
return {
|
|
7975
7976
|
// Fence-language embeds (```youtube-embed etc.); everything else
|
|
7976
7977
|
// (mermaid, highlighted blocks, inline code) falls through to `standard`.
|
|
@@ -8106,13 +8107,13 @@ function buildRichEmbedOverrides({
|
|
|
8106
8107
|
// rich-markdown runtime (Supabase optimization on the hub, identity
|
|
8107
8108
|
// elsewhere). Guard against empty `![]()`.
|
|
8108
8109
|
img: ({ src, alt }) => {
|
|
8109
|
-
if (!
|
|
8110
|
+
if (!_chunkSEXWHIMScjs.hasRenderableSrc.call(void 0, src)) return null;
|
|
8110
8111
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownImage, { src: src.trim(), alt });
|
|
8111
8112
|
},
|
|
8112
8113
|
// Raw <video> tags in stored content (blog publisher injection) route
|
|
8113
8114
|
// to the <Video> SSOT (MuxPlayer) so HLS manifests play everywhere.
|
|
8114
8115
|
video: ({ src, poster, className }) => {
|
|
8115
|
-
if (!
|
|
8116
|
+
if (!_chunkSEXWHIMScjs.hasRenderableSrc.call(void 0, src)) return null;
|
|
8116
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 }) }) });
|
|
8117
8118
|
}
|
|
8118
8119
|
};
|
|
@@ -8354,13 +8355,13 @@ var RichMarkdownInner = ({
|
|
|
8354
8355
|
},
|
|
8355
8356
|
[resolveLinkEndpointUrl, resolveSource]
|
|
8356
8357
|
);
|
|
8357
|
-
const textSizes = _react.useMemo.call(void 0, () =>
|
|
8358
|
+
const textSizes = _react.useMemo.call(void 0, () => _chunkSEXWHIMScjs.resolveTextSizeConfig.call(void 0, "article"), []);
|
|
8358
8359
|
const componentOverrides = _react.useMemo.call(void 0,
|
|
8359
8360
|
() => buildRichEmbedOverrides({ ogApiBaseUrl, ogEndpointPath, textSizes }),
|
|
8360
8361
|
[ogApiBaseUrl, ogEndpointPath, textSizes]
|
|
8361
8362
|
);
|
|
8362
8363
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
8363
|
-
|
|
8364
|
+
_chunkSEXWHIMScjs.MarkdownEngine,
|
|
8364
8365
|
{
|
|
8365
8366
|
content,
|
|
8366
8367
|
className,
|
|
@@ -8382,7 +8383,7 @@ var RichMarkdownRendererImpl = ({
|
|
|
8382
8383
|
className = "",
|
|
8383
8384
|
sectionIds,
|
|
8384
8385
|
onInternalLinkClick,
|
|
8385
|
-
brokenLinks =
|
|
8386
|
+
brokenLinks = _chunkSEXWHIMScjs.NO_BROKEN_LINKS,
|
|
8386
8387
|
currentPath,
|
|
8387
8388
|
resolveSource = "openframe-docs",
|
|
8388
8389
|
resolveLinkEndpointUrl = "/api/docs/resolve-link",
|
|
@@ -9364,7 +9365,7 @@ function FilterModal({
|
|
|
9364
9365
|
const dateDefaultSort = _nullishCoalesce(_optionalChain([dateFilter, 'optionalAccess', _182 => _182.defaultSort]), () => ( "desc"));
|
|
9365
9366
|
const [draftDateSort, setDraftDateSort] = _react.useState.call(void 0, _nullishCoalesce(_optionalChain([dateFilter, 'optionalAccess', _183 => _183.sort]), () => ( dateDefaultSort)));
|
|
9366
9367
|
const [draftDateRange, setDraftDateRange] = _react.useState.call(void 0, _optionalChain([dateFilter, 'optionalAccess', _184 => _184.range]));
|
|
9367
|
-
const { scrollRef, fadeTop, fadeBottom, update: updateFade } =
|
|
9368
|
+
const { scrollRef, fadeTop, fadeBottom, update: updateFade } = _chunkSEXWHIMScjs.useScrollFade.call(void 0, );
|
|
9368
9369
|
const seedKey = `${JSON.stringify(currentFilters)}|${JSON.stringify(_nullishCoalesce(selectedTags, () => ( [])))}`;
|
|
9369
9370
|
const seedSourceRef = _react.useRef.call(void 0, { currentFilters, selectedTags, dateFilter, dateDefaultSort });
|
|
9370
9371
|
_react.useEffect.call(void 0, () => {
|
|
@@ -9410,15 +9411,15 @@ function FilterModal({
|
|
|
9410
9411
|
const hasTagFilter = !!tagFilterKeys && tagFilterKeys.length > 0 && !!onTagsChange;
|
|
9411
9412
|
const isEmpty = !isLoading && !hasSort && !hasFilterGroups && !hasTagFilter && !dateFilter;
|
|
9412
9413
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
9413
|
-
|
|
9414
|
+
_chunkSEXWHIMScjs.Modal,
|
|
9414
9415
|
{
|
|
9415
9416
|
isOpen,
|
|
9416
9417
|
onClose,
|
|
9417
9418
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "max-h-[90vh] max-w-none md:max-w-[min(42rem,calc(100vw-2rem))]", className),
|
|
9418
9419
|
children: [
|
|
9419
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9420
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalTitle, { children: title }) }),
|
|
9420
9421
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9421
|
-
|
|
9422
|
+
_chunkSEXWHIMScjs.ModalContent,
|
|
9422
9423
|
{
|
|
9423
9424
|
className: _chunk3ATAYP36cjs.cn.call(void 0,
|
|
9424
9425
|
"flex min-h-0 flex-1 flex-col",
|
|
@@ -9510,12 +9511,12 @@ function FilterModal({
|
|
|
9510
9511
|
] })
|
|
9511
9512
|
}
|
|
9512
9513
|
),
|
|
9513
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9514
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9514
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ScrollFadeOverlay, { edge: "top", visible: fadeTop }),
|
|
9515
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ScrollFadeOverlay, { edge: "bottom", visible: fadeBottom })
|
|
9515
9516
|
] })
|
|
9516
9517
|
}
|
|
9517
9518
|
),
|
|
9518
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
9519
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.ModalFooter, { children: [
|
|
9519
9520
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", className: "h-11 flex-1", onClick: handleReset, children: resetButtonText }),
|
|
9520
9521
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "accent", className: "h-11 flex-1", onClick: handleApply, children: applyButtonText })
|
|
9521
9522
|
] })
|
|
@@ -9561,9 +9562,9 @@ function actionToMenuItems(action, idx) {
|
|
|
9561
9562
|
function renderActionButton(action, opts = {}) {
|
|
9562
9563
|
const button = renderRawActionButton(action, opts);
|
|
9563
9564
|
if (!action.tooltip) return button;
|
|
9564
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9565
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9566
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9565
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Tooltip, { children: [
|
|
9566
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipTrigger, { asChild: true, children: button }),
|
|
9567
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipContent, { children: action.tooltip })
|
|
9567
9568
|
] }) });
|
|
9568
9569
|
}
|
|
9569
9570
|
function renderRawActionButton(action, opts = {}) {
|
|
@@ -9587,7 +9588,7 @@ function renderRawActionButton(action, opts = {}) {
|
|
|
9587
9588
|
}
|
|
9588
9589
|
if (action.submenu && action.submenu.length > 0) {
|
|
9589
9590
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9590
|
-
|
|
9591
|
+
_chunkSEXWHIMScjs.ActionsMenuDropdown,
|
|
9591
9592
|
{
|
|
9592
9593
|
groups: [{ items: action.submenu }],
|
|
9593
9594
|
customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -9722,10 +9723,10 @@ function IconButtonsVariant({
|
|
|
9722
9723
|
selector,
|
|
9723
9724
|
loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
9724
9725
|
desktopActions.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action) }, actionKey(action, idx))),
|
|
9725
|
-
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9726
|
+
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ActionsMenuDropdown, { groups: menuActions })
|
|
9726
9727
|
] })
|
|
9727
9728
|
] }),
|
|
9728
|
-
/* @__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, _chunkSEXWHIMScjs.ActionsMenuDropdown, { groups: mobileMenuGroups }) : null })
|
|
9729
9730
|
] });
|
|
9730
9731
|
}
|
|
9731
9732
|
function PrimaryButtonsVariant({
|
|
@@ -9764,7 +9765,7 @@ function MenuPrimaryVariant({
|
|
|
9764
9765
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "hidden items-center content-md:flex", ACTIONS_GAP, className), children: [
|
|
9765
9766
|
selector,
|
|
9766
9767
|
loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ActionSkeletons, { actions: desktopActions }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
9767
|
-
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9768
|
+
hasMenuActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ActionsMenuDropdown, { groups: menuActions }),
|
|
9768
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)}`))
|
|
9769
9770
|
] })
|
|
9770
9771
|
] }),
|
|
@@ -9772,7 +9773,7 @@ function MenuPrimaryVariant({
|
|
|
9772
9773
|
// The selector rides into the menu as its header row: on mobile the
|
|
9773
9774
|
// title row has no room for it, and hiding it entirely (what
|
|
9774
9775
|
// `icon-buttons` does) would leave no way to switch views at all.
|
|
9775
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9776
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ActionsMenuDropdown, { groups: mobileMenuGroups, header: selector })
|
|
9776
9777
|
) : null })
|
|
9777
9778
|
] });
|
|
9778
9779
|
}
|
|
@@ -9781,7 +9782,7 @@ function CompactPrimaryActions({ actions }) {
|
|
|
9781
9782
|
const fold = foldable.length > 1;
|
|
9782
9783
|
const inline = fold ? actions.filter((action) => !foldable.includes(action)) : actions;
|
|
9783
9784
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
9784
|
-
fold && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
9785
|
+
fold && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ActionsMenuDropdown, { groups: [{ items: foldable.flatMap(actionToMenuItems) }] }),
|
|
9785
9786
|
inline.map((action, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react2.default.Fragment, { children: renderActionButton(action) }, `compact-${actionKey(action, idx)}`))
|
|
9786
9787
|
] });
|
|
9787
9788
|
}
|
|
@@ -11896,8 +11897,8 @@ function makeComposeContentUrl(opts) {
|
|
|
11896
11897
|
}
|
|
11897
11898
|
if (externalUrl) return { href: externalUrl, targetPlatform: _nullishCoalesce(targetPlatform, () => ( null)) };
|
|
11898
11899
|
const claimedOwner = _nullishCoalesce(targetPlatform, () => ( primaryPlatformOf(platforms)));
|
|
11899
|
-
const owner = claimedOwner &&
|
|
11900
|
-
const origin = owner ?
|
|
11900
|
+
const owner = claimedOwner && _chunkSEXWHIMScjs.byKey.call(void 0, claimedOwner) ? claimedOwner : null;
|
|
11901
|
+
const origin = owner ? _chunkSEXWHIMScjs.getPlatformProductionUrl.call(void 0, owner) : opts.contentOrigin;
|
|
11901
11902
|
return {
|
|
11902
11903
|
href: `${origin.replace(/\/+$/, "")}/${seg}/${_optionalChain([slugHint, 'optionalAccess', _244 => _244.trim, 'call', _245 => _245()]) || identifier}`,
|
|
11903
11904
|
// Report the owner so `decideNewTab` can compare it against the current
|
|
@@ -12072,7 +12073,7 @@ function extractSections(markdown, options = {}) {
|
|
|
12072
12073
|
if (heading.level > opts.maxLevel) continue;
|
|
12073
12074
|
let title = heading.text;
|
|
12074
12075
|
if (opts.stripFormattingMarkers) {
|
|
12075
|
-
title =
|
|
12076
|
+
title = _chunkSEXWHIMScjs.stripInlineMarkdown.call(void 0, title).trim();
|
|
12076
12077
|
}
|
|
12077
12078
|
const baseId = _chunkUVTD52MDcjs.slugifyHeadingBase.call(void 0, opts.removeEmojis ? _chunkUVTD52MDcjs.stripHeadingEmojis.call(void 0, title) : title);
|
|
12078
12079
|
const cleanId = baseId || `section-${sections.length + 1}`;
|
|
@@ -12375,6 +12376,13 @@ var BenefitCardGrid = ({ children, className = "", columns = 2 }) => {
|
|
|
12375
12376
|
|
|
12376
12377
|
|
|
12377
12378
|
|
|
12379
|
+
function PlatformBrowseButton({ item }) {
|
|
12380
|
+
const linkProps = _chunkSEXWHIMScjs.useNavLinkViaRuntime.call(void 0, { href: item.link, targetPlatform: item.targetPlatform });
|
|
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
|
+
"Browse ",
|
|
12383
|
+
item.buttonText
|
|
12384
|
+
] });
|
|
12385
|
+
}
|
|
12378
12386
|
function BrandAssociationCard({ item, className = "" }) {
|
|
12379
12387
|
const renderIcon = () => {
|
|
12380
12388
|
if (_react2.default.isValidElement(item.icon)) {
|
|
@@ -12387,7 +12395,7 @@ function BrandAssociationCard({ item, className = "" }) {
|
|
|
12387
12395
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-20 w-20 items-center justify-center", children: renderIcon() }),
|
|
12388
12396
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h2", children: item.title }),
|
|
12389
12397
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: item.description }),
|
|
12390
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", href: item.link, openInNewTab: true, rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-4 w-4" }), children: [
|
|
12398
|
+
item.targetPlatform ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PlatformBrowseButton, { item }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", href: item.link, openInNewTab: true, rightIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ExternalLink, { className: "h-4 w-4" }), children: [
|
|
12391
12399
|
"Browse ",
|
|
12392
12400
|
item.buttonText
|
|
12393
12401
|
] })
|
|
@@ -13439,7 +13447,7 @@ function DropdownButton({
|
|
|
13439
13447
|
)
|
|
13440
13448
|
);
|
|
13441
13449
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13442
|
-
|
|
13450
|
+
_chunkSEXWHIMScjs.ActionsMenuDropdown,
|
|
13443
13451
|
{
|
|
13444
13452
|
groups: _nullishCoalesce(groups, () => ( [{ items: _nullishCoalesce(items, () => ( [])) }])),
|
|
13445
13453
|
open,
|
|
@@ -13877,9 +13885,9 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
|
|
|
13877
13885
|
return next;
|
|
13878
13886
|
});
|
|
13879
13887
|
};
|
|
13880
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13888
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Tooltip, { open, onOpenChange: setOpen, children: [
|
|
13881
13889
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13882
|
-
|
|
13890
|
+
_chunkSEXWHIMScjs.TooltipTrigger,
|
|
13883
13891
|
{
|
|
13884
13892
|
asChild: true,
|
|
13885
13893
|
onPointerDown: (e) => {
|
|
@@ -13897,7 +13905,7 @@ function TouchFriendlyTooltip({ content, side = "left", children }) {
|
|
|
13897
13905
|
children
|
|
13898
13906
|
}
|
|
13899
13907
|
),
|
|
13900
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
13908
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipContent, { side, className: "max-w-xs", children: content })
|
|
13901
13909
|
] }) });
|
|
13902
13910
|
}
|
|
13903
13911
|
|
|
@@ -14570,7 +14578,7 @@ function TableHeader({
|
|
|
14570
14578
|
onFilterChange
|
|
14571
14579
|
}
|
|
14572
14580
|
),
|
|
14573
|
-
column.hint ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
14581
|
+
column.hint ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InfoHint, { label: column.label, children: column.hint }) : null
|
|
14574
14582
|
] })
|
|
14575
14583
|
) : (
|
|
14576
14584
|
/* Non-filterable column — regular label with optional sort */
|
|
@@ -14596,7 +14604,7 @@ function TableHeader({
|
|
|
14596
14604
|
hint exists, so a hint-less header keeps its DOM. */
|
|
14597
14605
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-start gap-[var(--spacing-system-xxs)]", children: [
|
|
14598
14606
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: TABLE_HEADER_LABEL_CLASS, children: column.label }),
|
|
14599
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
14607
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InfoHint, { label: column.label, children: column.hint })
|
|
14600
14608
|
] })
|
|
14601
14609
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: TABLE_HEADER_LABEL_CLASS, children: column.label }),
|
|
14602
14610
|
getSortIcon(column)
|
|
@@ -15208,9 +15216,9 @@ function TruncatedHeaderCell({ value, width }) {
|
|
|
15208
15216
|
setIsTruncated(el.scrollWidth > el.clientWidth);
|
|
15209
15217
|
}
|
|
15210
15218
|
}, []);
|
|
15211
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15212
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15213
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15219
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Tooltip, { open: isTruncated ? void 0 : false, children: [
|
|
15220
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.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, _chunkSEXWHIMScjs.TooltipContent, { side: "bottom", className: "max-w-xs break-words", children: value })
|
|
15214
15222
|
] }) });
|
|
15215
15223
|
}
|
|
15216
15224
|
|
|
@@ -15263,9 +15271,9 @@ function TruncatedCell({ value, className }) {
|
|
|
15263
15271
|
setIsTruncated(el.scrollWidth > el.clientWidth);
|
|
15264
15272
|
}
|
|
15265
15273
|
}, []);
|
|
15266
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15267
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15268
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15274
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Tooltip, { open: isTruncated ? void 0 : false, children: [
|
|
15275
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.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, _chunkSEXWHIMScjs.TooltipContent, { side: "top", className: "max-w-xs break-words", children: value })
|
|
15269
15277
|
] }) });
|
|
15270
15278
|
}
|
|
15271
15279
|
|
|
@@ -15937,7 +15945,7 @@ function HeaderCell({ header, sort, onSortChange }) {
|
|
|
15937
15945
|
// child of the cell.
|
|
15938
15946
|
_optionalChain([meta, 'optionalAccess', _325 => _325.hint]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-[var(--spacing-system-xxs)]", children: [
|
|
15939
15947
|
filterTrigger,
|
|
15940
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15948
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InfoHint, { label: resolveHeaderLabel(header), children: meta.hint })
|
|
15941
15949
|
] }) : filterTrigger
|
|
15942
15950
|
) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
15943
15951
|
"div",
|
|
@@ -15962,7 +15970,7 @@ function HeaderCell({ header, sort, onSortChange }) {
|
|
|
15962
15970
|
// centred on the row.
|
|
15963
15971
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-start gap-[var(--spacing-system-xxs)]", children: [
|
|
15964
15972
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderLabel, { header }),
|
|
15965
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
15973
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InfoHint, { label: resolveHeaderLabel(header), children: meta.hint })
|
|
15966
15974
|
] })
|
|
15967
15975
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderLabel, { header }),
|
|
15968
15976
|
canSort && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIcon, { sorted: sortDir })
|
|
@@ -17898,20 +17906,20 @@ function ColorPresetSelect({
|
|
|
17898
17906
|
...presets.map((p) => ({
|
|
17899
17907
|
id: p.key,
|
|
17900
17908
|
label: p.label,
|
|
17901
|
-
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17909
|
+
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ColorSwatch, { color: p.color }),
|
|
17902
17910
|
onClick: () => onChange({ color: p.color, preset: p.key })
|
|
17903
17911
|
})),
|
|
17904
17912
|
{
|
|
17905
17913
|
id: CUSTOM_PRESET_KEY,
|
|
17906
17914
|
label: "Custom",
|
|
17907
|
-
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17915
|
+
icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ColorSwatch, { color: isCustom ? value : DEFAULT_CUSTOM_STATUS_COLOR }),
|
|
17908
17916
|
onClick: () => onChange({ color: value, preset: void 0 })
|
|
17909
17917
|
}
|
|
17910
17918
|
]
|
|
17911
17919
|
}
|
|
17912
17920
|
];
|
|
17913
17921
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17914
|
-
|
|
17922
|
+
_chunkSEXWHIMScjs.ActionsMenuDropdown,
|
|
17915
17923
|
{
|
|
17916
17924
|
groups,
|
|
17917
17925
|
align: "start",
|
|
@@ -17921,7 +17929,7 @@ function ColorPresetSelect({
|
|
|
17921
17929
|
{
|
|
17922
17930
|
disabled,
|
|
17923
17931
|
"aria-label": `Color: ${displayLabel}`,
|
|
17924
|
-
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
17932
|
+
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ColorSwatch, { color: displayColor }),
|
|
17925
17933
|
selectedLabel: displayLabel,
|
|
17926
17934
|
endIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TriggerChevron, {}),
|
|
17927
17935
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "group", className)
|
|
@@ -17942,7 +17950,7 @@ function HexInputs({ value, onChange }) {
|
|
|
17942
17950
|
}
|
|
17943
17951
|
const commit = () => {
|
|
17944
17952
|
const candidate = (draft.startsWith("#") ? draft : `#${draft}`).toLowerCase();
|
|
17945
|
-
if (
|
|
17953
|
+
if (_chunkSEXWHIMScjs.HEX_PATTERN.test(candidate)) onChange(candidate);
|
|
17946
17954
|
else setDraft(value);
|
|
17947
17955
|
};
|
|
17948
17956
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -18006,12 +18014,12 @@ function ChannelInput({
|
|
|
18006
18014
|
);
|
|
18007
18015
|
}
|
|
18008
18016
|
function RgbInputs({ value, onChange }) {
|
|
18009
|
-
const rgb = _nullishCoalesce(
|
|
18017
|
+
const rgb = _nullishCoalesce(_chunkSEXWHIMScjs.hexToRgb.call(void 0, value), () => ( { r: 0, g: 0, b: 0 }));
|
|
18010
18018
|
const update = (next) => {
|
|
18011
18019
|
const r = _nullishCoalesce(next.r, () => ( rgb.r));
|
|
18012
18020
|
const g = _nullishCoalesce(next.g, () => ( rgb.g));
|
|
18013
18021
|
const b = _nullishCoalesce(next.b, () => ( rgb.b));
|
|
18014
|
-
onChange(
|
|
18022
|
+
onChange(_chunkSEXWHIMScjs.rgbToHex.call(void 0, r, g, b));
|
|
18015
18023
|
};
|
|
18016
18024
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
18017
18025
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChannelInput, { value: rgb.r, min: 0, max: 255, ariaLabel: "Red", onCommit: (r) => update({ r }) }),
|
|
@@ -18020,14 +18028,14 @@ function RgbInputs({ value, onChange }) {
|
|
|
18020
18028
|
] });
|
|
18021
18029
|
}
|
|
18022
18030
|
function HslInputs({ value, onChange }) {
|
|
18023
|
-
const rgb = _nullishCoalesce(
|
|
18024
|
-
const hsl =
|
|
18031
|
+
const rgb = _nullishCoalesce(_chunkSEXWHIMScjs.hexToRgb.call(void 0, value), () => ( { r: 0, g: 0, b: 0 }));
|
|
18032
|
+
const hsl = _chunkSEXWHIMScjs.rgbToHsl.call(void 0, rgb.r, rgb.g, rgb.b);
|
|
18025
18033
|
const update = (next) => {
|
|
18026
18034
|
const h = _nullishCoalesce(next.h, () => ( hsl.h));
|
|
18027
18035
|
const s = _nullishCoalesce(next.s, () => ( hsl.s));
|
|
18028
18036
|
const l = _nullishCoalesce(next.l, () => ( hsl.l));
|
|
18029
|
-
const out =
|
|
18030
|
-
onChange(
|
|
18037
|
+
const out = _chunkSEXWHIMScjs.hslToRgb.call(void 0, h, s, l);
|
|
18038
|
+
onChange(_chunkSEXWHIMScjs.rgbToHex.call(void 0, out.r, out.g, out.b));
|
|
18031
18039
|
};
|
|
18032
18040
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
18033
18041
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChannelInput, { value: hsl.h, min: 0, max: 360, ariaLabel: "Hue", onCommit: (h) => update({ h }) }),
|
|
@@ -18053,7 +18061,7 @@ function ColorPickerInput({ value, onChange, disabled, className }) {
|
|
|
18053
18061
|
{
|
|
18054
18062
|
disabled,
|
|
18055
18063
|
"aria-label": "Pick custom color",
|
|
18056
|
-
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18064
|
+
startIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ColorSwatch, { color: value }),
|
|
18057
18065
|
selectedLabel: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "uppercase", children: value }),
|
|
18058
18066
|
endIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TriggerChevron, {}),
|
|
18059
18067
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "group", className)
|
|
@@ -18069,7 +18077,7 @@ function ColorPickerInput({ value, onChange, disabled, className }) {
|
|
|
18069
18077
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactcolorful.HexColorPicker, { color: value, onChange }),
|
|
18070
18078
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
|
|
18071
18079
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18072
|
-
|
|
18080
|
+
_chunkSEXWHIMScjs.ActionsMenuDropdown,
|
|
18073
18081
|
{
|
|
18074
18082
|
groups: formatGroups,
|
|
18075
18083
|
align: "start",
|
|
@@ -18126,7 +18134,7 @@ function TicketStatusConfigRow({
|
|
|
18126
18134
|
const previewVariant = _nullishCoalesce(systemTagVariant, () => ( (isSystem ? void 0 : "primary")));
|
|
18127
18135
|
const fieldRowOffset = "mt-[calc(var(--font-line-space-h4-body)+0.25rem)]";
|
|
18128
18136
|
const chip = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18129
|
-
|
|
18137
|
+
_chunkSEXWHIMScjs.TicketStatusTag,
|
|
18130
18138
|
{
|
|
18131
18139
|
status: statusKey,
|
|
18132
18140
|
label: name || " ",
|
|
@@ -18278,7 +18286,7 @@ function formatTestRunDuration(ms) {
|
|
|
18278
18286
|
var RESULT_COLUMN_MIN_WIDTH = 176;
|
|
18279
18287
|
var SKELETON_COLUMNS = 6;
|
|
18280
18288
|
function TestResultsSkeleton() {
|
|
18281
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18289
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ScrollShadow, { axis: "horizontal", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-max min-w-full flex-col", children: [
|
|
18282
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}`)) }),
|
|
18283
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}`)) }) })
|
|
18284
18292
|
] }) });
|
|
@@ -18313,7 +18321,7 @@ function TestResultsTable({ rows, loading }) {
|
|
|
18313
18321
|
if (loading) {
|
|
18314
18322
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TestResultsSkeleton, {});
|
|
18315
18323
|
}
|
|
18316
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18324
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.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: [
|
|
18317
18325
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTable.Header, { className: "flex flex-col" }),
|
|
18318
18326
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTable.Body, { loading: false })
|
|
18319
18327
|
] }) }) });
|
|
@@ -18419,7 +18427,7 @@ function useTestRunState(campaign) {
|
|
|
18419
18427
|
const stopReason = _nullishCoalesce(campaign.stopReason, () => ( "completed"));
|
|
18420
18428
|
const status = isActive ? "running" : hasRun && isFinished ? stopReason === "completed" ? firstError ? "error" : "success" : stopReason : "idle";
|
|
18421
18429
|
const showTiming = hasRun && campaign.startedAt !== null && (campaign.isRunning || isFinished);
|
|
18422
|
-
const startedLabel = showTiming && campaign.startedAt ?
|
|
18430
|
+
const startedLabel = showTiming && campaign.startedAt ? _chunkSEXWHIMScjs.formatTime.call(void 0, campaign.startedAt) : "00:00 PM";
|
|
18423
18431
|
const durationLabel = showTiming ? formatTestRunDuration(durationMs) : "00:00:00";
|
|
18424
18432
|
const displayRows = _react.useMemo.call(void 0,
|
|
18425
18433
|
() => campaign.results.map(
|
|
@@ -18757,7 +18765,7 @@ function TicketInfoSection({
|
|
|
18757
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]) }),
|
|
18758
18766
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-4", children: [
|
|
18759
18767
|
(status || statusLabel) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18760
|
-
|
|
18768
|
+
_chunkSEXWHIMScjs.TicketStatusTag,
|
|
18761
18769
|
{
|
|
18762
18770
|
status: _nullishCoalesce(status, () => ( "")),
|
|
18763
18771
|
label: statusLabel,
|
|
@@ -18796,7 +18804,7 @@ function TicketInfoSection({
|
|
|
18796
18804
|
expanded && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
18797
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" }) }),
|
|
18798
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: [
|
|
18799
|
-
description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18807
|
+
description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.SimpleMarkdownRenderer, { content: description }),
|
|
18800
18808
|
attachments && attachments.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Attachments", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketAttachmentsList, { attachments }) }),
|
|
18801
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)) }) }),
|
|
18802
18810
|
(notes || onAddNote) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketDetailSection, { label: "Notes", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -18821,7 +18829,7 @@ function renderTicketStatusOption(option, isSelected) {
|
|
|
18821
18829
|
const { label, color } = option;
|
|
18822
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: [
|
|
18823
18831
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xs)]", children: [
|
|
18824
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18832
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ColorSwatch, { color }),
|
|
18825
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 }) })
|
|
18826
18834
|
] }),
|
|
18827
18835
|
isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.CheckIcon, { className: "text-ods-accent", size: 20 })
|
|
@@ -18866,9 +18874,9 @@ function TakeOverTicketModal({
|
|
|
18866
18874
|
if (!selectedStatusId || !assigneeId || isPending) return;
|
|
18867
18875
|
onConfirm({ statusId: selectedStatusId, assigneeId });
|
|
18868
18876
|
};
|
|
18869
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
18877
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
18870
18878
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
18871
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18879
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalTitle, { children: "Take Over Ticket" }) }),
|
|
18872
18880
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: [
|
|
18873
18881
|
"The ticket ",
|
|
18874
18882
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ticketRef }),
|
|
@@ -18883,7 +18891,7 @@ function TakeOverTicketModal({
|
|
|
18883
18891
|
value: selectedStatusId,
|
|
18884
18892
|
onChange: setStatusId,
|
|
18885
18893
|
placeholder: "Select Status",
|
|
18886
|
-
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18894
|
+
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ColorSwatch, { color: selectedStatus.color }) : void 0,
|
|
18887
18895
|
renderOption: renderTicketStatusOption
|
|
18888
18896
|
}
|
|
18889
18897
|
) }),
|
|
@@ -18910,7 +18918,7 @@ function TakeOverTicketModal({
|
|
|
18910
18918
|
}
|
|
18911
18919
|
) })
|
|
18912
18920
|
] }),
|
|
18913
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
18921
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.ModalFooter, { children: [
|
|
18914
18922
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
18915
18923
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
18916
18924
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -18969,9 +18977,9 @@ function ReopenTicketModal({
|
|
|
18969
18977
|
reason: trimmedReason ? trimmedReason.slice(0, REASON_MAX_LENGTH) : null
|
|
18970
18978
|
});
|
|
18971
18979
|
};
|
|
18972
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
18980
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
18973
18981
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
18974
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18982
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalTitle, { children: "Reopen Ticket" }) }),
|
|
18975
18983
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: [
|
|
18976
18984
|
"The ticket ",
|
|
18977
18985
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ticketRef }),
|
|
@@ -18986,7 +18994,7 @@ function ReopenTicketModal({
|
|
|
18986
18994
|
value: selectedStatusId,
|
|
18987
18995
|
onChange: setStatusId,
|
|
18988
18996
|
placeholder: "Select Status",
|
|
18989
|
-
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
18997
|
+
startAdornment: selectedStatus ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ColorSwatch, { color: selectedStatus.color }) : void 0,
|
|
18990
18998
|
renderOption: renderTicketStatusOption
|
|
18991
18999
|
}
|
|
18992
19000
|
) }),
|
|
@@ -19024,7 +19032,7 @@ function ReopenTicketModal({
|
|
|
19024
19032
|
disabled: isPending
|
|
19025
19033
|
}
|
|
19026
19034
|
) }),
|
|
19027
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
19035
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.ModalFooter, { children: [
|
|
19028
19036
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
19029
19037
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
19030
19038
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -19073,9 +19081,9 @@ function ReopenTicketRequestModal({
|
|
|
19073
19081
|
...showHandoffOption ? { handoffToTechnician: handoff } : {}
|
|
19074
19082
|
});
|
|
19075
19083
|
};
|
|
19076
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
19084
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
19077
19085
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
19078
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19086
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalTitle, { children: "Reopen Ticket" }) }),
|
|
19079
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." }),
|
|
19080
19088
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19081
19089
|
Textarea,
|
|
@@ -19099,7 +19107,7 @@ function ReopenTicketRequestModal({
|
|
|
19099
19107
|
disabled: isPending
|
|
19100
19108
|
}
|
|
19101
19109
|
),
|
|
19102
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
19110
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.ModalFooter, { children: [
|
|
19103
19111
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1", children: "Cancel" }),
|
|
19104
19112
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "accent", onClick: handleConfirm, loading: isPending, className: "flex-1", children: "Reopen Ticket" })
|
|
19105
19113
|
] })
|
|
@@ -19241,7 +19249,7 @@ function PhotoWall({ images, columns = 2, speed = 24, fadeColor, className, load
|
|
|
19241
19249
|
gap: COLUMN_GAP_PX
|
|
19242
19250
|
};
|
|
19243
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,
|
|
19244
|
-
|
|
19252
|
+
_chunkSEXWHIMScjs.MarqueeWall,
|
|
19245
19253
|
{
|
|
19246
19254
|
axis: "y",
|
|
19247
19255
|
reverse: index % 2 === 1,
|
|
@@ -19385,7 +19393,7 @@ var INCIDENT_TONE = {
|
|
|
19385
19393
|
approved: "success"
|
|
19386
19394
|
};
|
|
19387
19395
|
function IncidentStatusLine({ status, label, className }) {
|
|
19388
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19396
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.StatusLine, { tone: INCIDENT_TONE[status], label, className });
|
|
19389
19397
|
}
|
|
19390
19398
|
function SourceTag({ children }) {
|
|
19391
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 });
|
|
@@ -23495,60 +23503,60 @@ function CardSkeleton({
|
|
|
23495
23503
|
function VendorCardContent({ showMetadata }) {
|
|
23496
23504
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 p-4", children: [
|
|
23497
23505
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-start gap-3", children: [
|
|
23498
|
-
/* @__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, _chunkSEXWHIMScjs.MediaSkeleton.Avatar, { size: "sm", className: "h-11 w-11" }) }),
|
|
23499
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: [
|
|
23500
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23501
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23508
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
23509
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-1/2" })
|
|
23502
23510
|
] })
|
|
23503
23511
|
] }),
|
|
23504
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: [
|
|
23505
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23506
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23513
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23514
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
23507
23515
|
] }) }),
|
|
23508
23516
|
showMetadata && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
|
|
23509
23517
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-shrink items-center gap-3 content-md:gap-4", children: [
|
|
23510
23518
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
23511
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23512
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23519
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
23520
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-8" })
|
|
23513
23521
|
] }),
|
|
23514
23522
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
23515
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23516
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23523
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
23524
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-10" })
|
|
23517
23525
|
] })
|
|
23518
23526
|
] }),
|
|
23519
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: [
|
|
23520
|
-
/* @__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,
|
|
23521
|
-
/* @__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, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
|
|
23529
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23522
23530
|
] }) })
|
|
23523
23531
|
] })
|
|
23524
23532
|
] });
|
|
23525
23533
|
}
|
|
23526
23534
|
function BlogCardContent({ showActions, showMetadata }) {
|
|
23527
23535
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
23528
|
-
/* @__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, _chunkSEXWHIMScjs.MediaSkeleton.CardImage, {}) }),
|
|
23529
23537
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col p-4", children: [
|
|
23530
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: [
|
|
23531
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23532
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23539
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-full" }),
|
|
23540
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-3/4" })
|
|
23533
23541
|
] }) }),
|
|
23534
23542
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex h-[28px] items-center gap-2", children: [
|
|
23535
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23536
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23543
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Chip, { className: "w-16" }),
|
|
23544
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Chip, { className: "w-12" })
|
|
23537
23545
|
] }),
|
|
23538
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: [
|
|
23539
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23540
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23547
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23548
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-1/2" })
|
|
23541
23549
|
] }) }),
|
|
23542
|
-
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, _chunkSEXWHIMScjs.InteractiveSkeleton.Button, { className: "h-8 w-24" }) }),
|
|
23543
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: [
|
|
23544
23552
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
|
|
23545
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23546
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23553
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
23554
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23547
23555
|
] }),
|
|
23548
23556
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-3 text-ods-text-muted", children: [
|
|
23549
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23557
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-12" }),
|
|
23550
23558
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1 w-1 rounded-full bg-ods-skeleton" }),
|
|
23551
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23559
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23552
23560
|
] })
|
|
23553
23561
|
] }) })
|
|
23554
23562
|
] })
|
|
@@ -23556,35 +23564,35 @@ function BlogCardContent({ showActions, showMetadata }) {
|
|
|
23556
23564
|
}
|
|
23557
23565
|
function CategoryCardContent() {
|
|
23558
23566
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 p-4 content-md:p-6", children: [
|
|
23559
|
-
/* @__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, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "lg", className: "flex-shrink-0" }, index)) }),
|
|
23560
23568
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
23561
23569
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
|
|
23562
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23563
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23570
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
23571
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-1/2" })
|
|
23564
23572
|
] }),
|
|
23565
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: [
|
|
23566
23574
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
23567
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23568
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23575
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23576
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
23569
23577
|
] }),
|
|
23570
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23578
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Button, { className: "h-10 w-10 flex-shrink-0 content-md:h-12 content-md:w-12" })
|
|
23571
23579
|
] })
|
|
23572
23580
|
] })
|
|
23573
23581
|
] });
|
|
23574
23582
|
}
|
|
23575
23583
|
function AlternativeCardContent({ showActions }) {
|
|
23576
23584
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4 p-4", children: [
|
|
23577
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23585
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Avatar, { size: "md", className: "flex-shrink-0" }),
|
|
23578
23586
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
23579
23587
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
|
|
23580
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23581
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23588
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-1/3" }),
|
|
23589
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23582
23590
|
] }),
|
|
23583
23591
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
|
|
23584
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23585
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23592
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23593
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-5/6" })
|
|
23586
23594
|
] }),
|
|
23587
|
-
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, _chunkSEXWHIMScjs.InteractiveSkeleton.Button, { className: "h-8 w-20" }) })
|
|
23588
23596
|
] })
|
|
23589
23597
|
] });
|
|
23590
23598
|
}
|
|
@@ -23635,12 +23643,12 @@ function HeroSkeleton() {
|
|
|
23635
23643
|
background: "radial-gradient(circle at 50% 0%, #242323 0%, #1A1A1A 100%)"
|
|
23636
23644
|
},
|
|
23637
23645
|
children: [
|
|
23638
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23646
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Heading, { className: "mb-4 h-12 w-full max-w-4xl content-md:mb-6 content-md:h-20 content-lg:h-24" }),
|
|
23639
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: [
|
|
23640
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23641
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23648
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "h-5 content-md:h-7" }),
|
|
23649
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "mx-auto h-5 w-3/4 content-md:h-7" })
|
|
23642
23650
|
] }),
|
|
23643
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23651
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Button, { className: "h-12 w-full content-md:w-64" })
|
|
23644
23652
|
]
|
|
23645
23653
|
}
|
|
23646
23654
|
);
|
|
@@ -23651,14 +23659,14 @@ function SearchContainerSkeleton({
|
|
|
23651
23659
|
}) {
|
|
23652
23660
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-4", className || ""), children: [
|
|
23653
23661
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 content-md:gap-4", children: [
|
|
23654
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23655
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23662
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Input, { className: "flex-1" }),
|
|
23663
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Button, { className: "w-32 content-md:w-40" })
|
|
23656
23664
|
] }),
|
|
23657
23665
|
showFilters && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap gap-2", children: [
|
|
23658
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23659
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23660
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23661
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23666
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Chip, {}),
|
|
23667
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Chip, { className: "w-24" }),
|
|
23668
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Chip, { className: "w-16" }),
|
|
23669
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Chip, { className: "w-20" })
|
|
23662
23670
|
] })
|
|
23663
23671
|
] });
|
|
23664
23672
|
}
|
|
@@ -23677,7 +23685,7 @@ function CategorySidebarSkeleton({ className }) {
|
|
|
23677
23685
|
{ type: "file", width: "w-36" }
|
|
23678
23686
|
];
|
|
23679
23687
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full content-lg:w-[320px]", className), children: [
|
|
23680
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23688
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "mb-4 h-[14px] w-24 rounded" }),
|
|
23681
23689
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
23682
23690
|
"div",
|
|
23683
23691
|
{
|
|
@@ -23687,12 +23695,12 @@ function CategorySidebarSkeleton({ className }) {
|
|
|
23687
23695
|
),
|
|
23688
23696
|
children: [
|
|
23689
23697
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
|
|
23690
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23691
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23698
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-4 w-4 shrink-0 rounded" }),
|
|
23699
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: `h-[14px] ${item.width} rounded` })
|
|
23692
23700
|
] }),
|
|
23693
23701
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[18px] items-center gap-2", children: [
|
|
23694
|
-
item.hasBadge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23695
|
-
item.type === "folder" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23702
|
+
item.hasBadge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-[18px] w-14 rounded" }),
|
|
23703
|
+
item.type === "folder" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-4 w-4 rounded" })
|
|
23696
23704
|
] })
|
|
23697
23705
|
]
|
|
23698
23706
|
},
|
|
@@ -23702,13 +23710,13 @@ function CategorySidebarSkeleton({ className }) {
|
|
|
23702
23710
|
}
|
|
23703
23711
|
function BreadcrumbSkeleton({ className }) {
|
|
23704
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: [
|
|
23705
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23706
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23707
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23708
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23709
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23710
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23711
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23713
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-16" }),
|
|
23714
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
|
|
23715
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-24" }),
|
|
23716
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
|
|
23717
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-32" }),
|
|
23718
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
|
|
23719
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-24" })
|
|
23712
23720
|
] });
|
|
23713
23721
|
}
|
|
23714
23722
|
function ResultsHeaderSkeleton({ className }) {
|
|
@@ -23719,7 +23727,7 @@ function ResultsHeaderSkeleton({ className }) {
|
|
|
23719
23727
|
"mb-6 flex flex-col items-start justify-between gap-4 content-md:flex-row content-md:items-center",
|
|
23720
23728
|
className
|
|
23721
23729
|
),
|
|
23722
|
-
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, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-48" }) })
|
|
23723
23731
|
}
|
|
23724
23732
|
);
|
|
23725
23733
|
}
|
|
@@ -23753,35 +23761,35 @@ function ArticleLayoutSkeleton({ className }) {
|
|
|
23753
23761
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunk3ATAYP36cjs.cn.call(void 0, "mx-auto max-w-4xl", className), children: [
|
|
23754
23762
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "mb-8 space-y-4 content-md:mb-12 content-md:space-y-6", children: [
|
|
23755
23763
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
|
|
23756
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23757
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23764
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Chip, {}),
|
|
23765
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Chip, { className: "w-16" })
|
|
23758
23766
|
] }),
|
|
23759
23767
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
|
|
23760
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23761
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23768
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Heading, { className: "w-full" }),
|
|
23769
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Heading, { className: "w-3/4" })
|
|
23762
23770
|
] }),
|
|
23763
23771
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 border-t border-ods-divider pt-4", children: [
|
|
23764
23772
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
|
|
23765
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23766
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23773
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
23774
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-24" })
|
|
23767
23775
|
] }),
|
|
23768
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23769
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23776
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-20" }),
|
|
23777
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-16" })
|
|
23770
23778
|
] })
|
|
23771
23779
|
] }),
|
|
23772
|
-
/* @__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, _chunkSEXWHIMScjs.MediaSkeleton.CardImage, { className: "h-64 w-full content-md:h-96" }) }),
|
|
23773
23781
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "prose prose-invert max-w-none space-y-6", children: [
|
|
23774
23782
|
Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
23775
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23776
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23777
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23778
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23783
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23784
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23785
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-5/6" }),
|
|
23786
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
23779
23787
|
] }, index)),
|
|
23780
23788
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-4", children: [
|
|
23781
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
23789
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "mb-4 w-2/3" }),
|
|
23782
23790
|
/* @__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,
|
|
23791
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
23792
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-4/5" })
|
|
23785
23793
|
] })
|
|
23786
23794
|
] })
|
|
23787
23795
|
] })
|
|
@@ -24007,11 +24015,11 @@ function StatsSectionSkeleton({ className, columns = 3 }) {
|
|
|
24007
24015
|
className
|
|
24008
24016
|
),
|
|
24009
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: [
|
|
24010
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24011
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24018
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "lg" }),
|
|
24019
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
24012
24020
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
24013
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24014
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24021
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24022
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24015
24023
|
] })
|
|
24016
24024
|
] }) }, i))
|
|
24017
24025
|
}
|
|
@@ -24166,7 +24174,7 @@ function useContentLoading(isLoading) {
|
|
|
24166
24174
|
|
|
24167
24175
|
function ParagraphSkeleton({ className, lines = 4 }) {
|
|
24168
24176
|
const lineWidths = ["w-full", "w-full", "w-5/6", "w-3/4", "w-4/5", "w-2/3"];
|
|
24169
|
-
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, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: lineWidths[index % lineWidths.length] }, index)) });
|
|
24170
24178
|
}
|
|
24171
24179
|
function ListSkeleton({
|
|
24172
24180
|
className,
|
|
@@ -24176,12 +24184,12 @@ function ListSkeleton({
|
|
|
24176
24184
|
}) {
|
|
24177
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: [
|
|
24178
24186
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24179
|
-
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24180
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24187
|
+
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24188
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-32 content-md:w-48" })
|
|
24181
24189
|
] }),
|
|
24182
24190
|
showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
|
|
24183
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24184
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24191
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-8" }),
|
|
24192
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { variant: "default", className: "h-4 w-4" })
|
|
24185
24193
|
] })
|
|
24186
24194
|
] }, index)) });
|
|
24187
24195
|
}
|
|
@@ -24191,13 +24199,13 @@ function TableSkeleton({
|
|
|
24191
24199
|
columns = 4
|
|
24192
24200
|
}) {
|
|
24193
24201
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-4", className), children: [
|
|
24194
|
-
/* @__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, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
|
|
24195
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,
|
|
24196
24204
|
"div",
|
|
24197
24205
|
{
|
|
24198
24206
|
className: "grid gap-4 border-b border-ods-divider py-2",
|
|
24199
24207
|
style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
|
|
24200
|
-
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, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-2/3" }, colIndex))
|
|
24201
24209
|
},
|
|
24202
24210
|
rowIndex
|
|
24203
24211
|
)) })
|
|
@@ -24206,13 +24214,13 @@ function TableSkeleton({
|
|
|
24206
24214
|
function FormSkeleton({ className, fields = 4 }) {
|
|
24207
24215
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-6", className), children: [
|
|
24208
24216
|
Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
24209
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24210
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24211
|
-
index % 3 === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24217
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-24" }),
|
|
24218
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Input, {}),
|
|
24219
|
+
index % 3 === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-48" })
|
|
24212
24220
|
] }, index)),
|
|
24213
24221
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4 pt-4", children: [
|
|
24214
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24215
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24222
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Button, {}),
|
|
24223
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Button, { className: "bg-ods-border" })
|
|
24216
24224
|
] })
|
|
24217
24225
|
] });
|
|
24218
24226
|
}
|
|
@@ -24227,7 +24235,7 @@ function NavigationSkeleton({
|
|
|
24227
24235
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "flex gap-4 content-md:gap-6", !horizontal && "flex-col", className),
|
|
24228
24236
|
role: "status",
|
|
24229
24237
|
"aria-label": "Loading navigation",
|
|
24230
|
-
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, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-16 content-md:w-20" }, index))
|
|
24231
24239
|
}
|
|
24232
24240
|
);
|
|
24233
24241
|
}
|
|
@@ -24238,30 +24246,30 @@ function ProfileSkeleton({
|
|
|
24238
24246
|
}) {
|
|
24239
24247
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-4", className), children: [
|
|
24240
24248
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4", children: [
|
|
24241
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24249
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Avatar, { size: "lg" }),
|
|
24242
24250
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
24243
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24244
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24245
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24251
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-1/2" }),
|
|
24252
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-1/3" }),
|
|
24253
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24246
24254
|
] })
|
|
24247
24255
|
] }),
|
|
24248
24256
|
showBio && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
24249
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24250
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24251
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24257
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24258
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-4/5" }),
|
|
24259
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24252
24260
|
] }),
|
|
24253
24261
|
showStats && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-6", children: [
|
|
24254
24262
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
|
|
24255
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24256
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24263
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "mx-auto w-8" }),
|
|
24264
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "mx-auto w-12" })
|
|
24257
24265
|
] }),
|
|
24258
24266
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
|
|
24259
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24260
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24267
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "mx-auto w-8" }),
|
|
24268
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "mx-auto w-16" })
|
|
24261
24269
|
] }),
|
|
24262
24270
|
/* @__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,
|
|
24271
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "mx-auto w-8" }),
|
|
24272
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "mx-auto w-14" })
|
|
24265
24273
|
] })
|
|
24266
24274
|
] })
|
|
24267
24275
|
] });
|
|
@@ -24273,32 +24281,32 @@ function CommentSkeleton({
|
|
|
24273
24281
|
}) {
|
|
24274
24282
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "space-y-3", className), children: [
|
|
24275
24283
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24276
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24284
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
24277
24285
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 items-center gap-4", children: [
|
|
24278
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24279
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24280
|
-
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, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-24" }),
|
|
24287
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.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, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm" }, i)) })
|
|
24281
24289
|
] })
|
|
24282
24290
|
] }),
|
|
24283
24291
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11 space-y-2", children: [
|
|
24284
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24285
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24286
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24292
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24293
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-3/4" }),
|
|
24294
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-1/2" })
|
|
24287
24295
|
] }),
|
|
24288
24296
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11 flex gap-4", children: [
|
|
24289
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24290
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24291
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24297
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-12" }),
|
|
24298
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-16" }),
|
|
24299
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-8" })
|
|
24292
24300
|
] }),
|
|
24293
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: [
|
|
24294
24302
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24295
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24296
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24297
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24303
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Avatar, { size: "sm" }),
|
|
24304
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-20" }),
|
|
24305
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-12" })
|
|
24298
24306
|
] }),
|
|
24299
24307
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11", children: [
|
|
24300
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24301
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24308
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24309
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24302
24310
|
] })
|
|
24303
24311
|
] }, index)) })
|
|
24304
24312
|
] });
|
|
@@ -24311,31 +24319,31 @@ function FeatureListSkeleton({
|
|
|
24311
24319
|
}) {
|
|
24312
24320
|
if (grouped) {
|
|
24313
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: [
|
|
24314
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24322
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-1/3" }),
|
|
24315
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: [
|
|
24316
|
-
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24317
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24324
|
+
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24325
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24318
24326
|
] }, featureIndex)) })
|
|
24319
24327
|
] }, groupIndex)) });
|
|
24320
24328
|
}
|
|
24321
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: [
|
|
24322
|
-
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24323
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24330
|
+
showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24331
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24324
24332
|
] }, index)) });
|
|
24325
24333
|
}
|
|
24326
24334
|
function TimelineSkeleton({ className, items = 5 }) {
|
|
24327
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: [
|
|
24328
24336
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center", children: [
|
|
24329
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24337
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24330
24338
|
index < items - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2 h-12 w-px bg-ods-border" })
|
|
24331
24339
|
] }),
|
|
24332
24340
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
|
|
24333
24341
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24334
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24335
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24342
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-1/3" }),
|
|
24343
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-16" })
|
|
24336
24344
|
] }),
|
|
24337
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24338
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24345
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24346
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24339
24347
|
] })
|
|
24340
24348
|
] }, index)) });
|
|
24341
24349
|
}
|
|
@@ -24351,16 +24359,16 @@ function PricingSkeleton({ className, plans = 3 }) {
|
|
|
24351
24359
|
className
|
|
24352
24360
|
),
|
|
24353
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: [
|
|
24354
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24362
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-1/2" }),
|
|
24355
24363
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
|
|
24356
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24357
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24364
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Heading, { className: "w-1/3" }),
|
|
24365
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-1/4" })
|
|
24358
24366
|
] }),
|
|
24359
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: [
|
|
24360
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24361
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24368
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm" }),
|
|
24369
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24362
24370
|
] }, featureIndex)) }),
|
|
24363
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24371
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Button, { className: "w-full" })
|
|
24364
24372
|
] }) }, index))
|
|
24365
24373
|
}
|
|
24366
24374
|
);
|
|
@@ -24396,12 +24404,12 @@ function MspProfileFormSkeleton({ className, fields = 4 }) {
|
|
|
24396
24404
|
"aria-label": "Loading MSP profile form",
|
|
24397
24405
|
children: [
|
|
24398
24406
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col space-y-2", children: [
|
|
24399
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24400
|
-
/* @__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, _chunkSEXWHIMScjs.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, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-full w-full rounded-lg", "aria-label": "Loading company logo" }) })
|
|
24401
24409
|
] }),
|
|
24402
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: [
|
|
24403
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24404
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24411
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-40" }),
|
|
24412
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.InteractiveSkeleton.Input, {})
|
|
24405
24413
|
] }, idx)) })
|
|
24406
24414
|
]
|
|
24407
24415
|
}
|
|
@@ -24421,13 +24429,13 @@ function CategoryCardSkeleton({ className }) {
|
|
|
24421
24429
|
role: "status",
|
|
24422
24430
|
"aria-label": "Loading category card",
|
|
24423
24431
|
children: [
|
|
24424
|
-
/* @__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, _chunkSEXWHIMScjs.UnifiedSkeleton, { variant: "circular", className: "h-10 w-10 flex-shrink-0", "aria-label": "Loading icon" }, i)) }),
|
|
24425
24433
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col space-y-3", children: [
|
|
24426
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24427
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24428
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24434
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Heading, { className: "w-3/4" }),
|
|
24435
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-1/2" }),
|
|
24436
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" })
|
|
24429
24437
|
] }),
|
|
24430
|
-
/* @__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, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-12 w-12 rounded-[6px]", "aria-label": "Loading button" }) })
|
|
24431
24439
|
]
|
|
24432
24440
|
}
|
|
24433
24441
|
);
|
|
@@ -24444,12 +24452,12 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
|
|
|
24444
24452
|
"aria-label": "Loading category section",
|
|
24445
24453
|
children: [
|
|
24446
24454
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 max-w-xl space-y-2", children: [
|
|
24447
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24448
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24455
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Heading, { className: "w-1/2" }),
|
|
24456
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-3/4" })
|
|
24449
24457
|
] }),
|
|
24450
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: [
|
|
24451
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24452
|
-
/* @__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, _chunkSEXWHIMScjs.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, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
|
|
24453
24461
|
] }, idx)) })
|
|
24454
24462
|
]
|
|
24455
24463
|
}
|
|
@@ -24460,14 +24468,14 @@ function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
|
|
|
24460
24468
|
|
|
24461
24469
|
function WizardLayoutSkeleton({ steps = 6, className }) {
|
|
24462
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: [
|
|
24463
|
-
/* @__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, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
|
|
24464
24472
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "max-w-2xl space-y-2", children: [
|
|
24465
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24466
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24473
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Heading, { className: "w-2/3" }),
|
|
24474
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-1/2" })
|
|
24467
24475
|
] }),
|
|
24468
24476
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-10 flex justify-between", children: [
|
|
24469
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24470
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24477
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
|
|
24478
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-10 w-32 rounded" })
|
|
24471
24479
|
] })
|
|
24472
24480
|
] });
|
|
24473
24481
|
}
|
|
@@ -24859,28 +24867,28 @@ function OrganizationCardSkeleton({
|
|
|
24859
24867
|
}
|
|
24860
24868
|
),
|
|
24861
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: [
|
|
24862
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24863
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24870
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Subheading, { className: "w-3/4" }),
|
|
24871
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-1/2" })
|
|
24864
24872
|
] })
|
|
24865
24873
|
] }),
|
|
24866
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: [
|
|
24867
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24868
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24875
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-full" }),
|
|
24876
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Body, { className: "w-2/3" })
|
|
24869
24877
|
] }) }),
|
|
24870
24878
|
showFooter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
|
|
24871
24879
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-shrink items-center gap-3 content-md:gap-4", children: [
|
|
24872
24880
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
24873
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24874
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24881
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
24882
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-8" })
|
|
24875
24883
|
] }),
|
|
24876
24884
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
|
|
24877
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24878
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24885
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
|
|
24886
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-10" })
|
|
24879
24887
|
] })
|
|
24880
24888
|
] }),
|
|
24881
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: [
|
|
24882
|
-
/* @__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,
|
|
24883
|
-
/* @__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, _chunkSEXWHIMScjs.MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
|
|
24891
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TextSkeleton.Caption, { className: "w-16" })
|
|
24884
24892
|
] }) })
|
|
24885
24893
|
] })
|
|
24886
24894
|
] })
|
|
@@ -24957,16 +24965,16 @@ function DeviceCardSkeletonGrid({ count = 12, className }) {
|
|
|
24957
24965
|
|
|
24958
24966
|
function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
|
|
24959
24967
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", role: "status", "aria-label": "Loading options", children: [
|
|
24960
|
-
hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24968
|
+
hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-5 w-20", "aria-label": "Loading title" }),
|
|
24961
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: [
|
|
24962
24970
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
|
|
24963
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24971
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-8 w-8", "aria-label": "Loading icon" }),
|
|
24964
24972
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
|
|
24965
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24966
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24973
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { variant: "text", className: "mb-2 h-4 w-24", "aria-label": "Loading name" }),
|
|
24974
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { variant: "text", className: "h-4 w-36", "aria-label": "Loading description" })
|
|
24967
24975
|
] })
|
|
24968
24976
|
] }),
|
|
24969
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
24977
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.UnifiedSkeleton, { className: "h-6 w-6", "aria-label": "Loading selection state" })
|
|
24970
24978
|
] }) }, i)) })
|
|
24971
24979
|
] });
|
|
24972
24980
|
}
|
|
@@ -25088,9 +25096,9 @@ function PushButtonSelector({
|
|
|
25088
25096
|
option.id
|
|
25089
25097
|
);
|
|
25090
25098
|
if (option.disabled && option.disabledReason) {
|
|
25091
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
25092
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25093
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25099
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Tooltip, { children: [
|
|
25100
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipTrigger, { asChild: true, children: optionEl }),
|
|
25101
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipContent, { className: "max-w-xs", children: option.disabledReason })
|
|
25094
25102
|
] }, option.id);
|
|
25095
25103
|
}
|
|
25096
25104
|
return optionEl;
|
|
@@ -25135,7 +25143,7 @@ function PushButtonSelector({
|
|
|
25135
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
|
|
25136
25144
|
] }) : null
|
|
25137
25145
|
] });
|
|
25138
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25146
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `space-y-4 ${className}`, children: [
|
|
25139
25147
|
title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h5", children: title }),
|
|
25140
25148
|
searchInput,
|
|
25141
25149
|
lazyLoad ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -25349,7 +25357,7 @@ function SEOEditorPreview({
|
|
|
25349
25357
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-lg:grid-cols-2", children: [
|
|
25350
25358
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
25351
25359
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25352
|
-
|
|
25360
|
+
_chunkSEXWHIMScjs.Field,
|
|
25353
25361
|
{
|
|
25354
25362
|
label: "SEO Title",
|
|
25355
25363
|
error: seoTitleTooLong ? `Too long: search engines may truncate this title (keep it under ${SEO_TITLE_MAX_LENGTH})` : null,
|
|
@@ -25389,7 +25397,7 @@ function SEOEditorPreview({
|
|
|
25389
25397
|
!seoTitle && title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-accent text-h6", children: "Auto-populated from title" })
|
|
25390
25398
|
] }),
|
|
25391
25399
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25392
|
-
|
|
25400
|
+
_chunkSEXWHIMScjs.Field,
|
|
25393
25401
|
{
|
|
25394
25402
|
label: "SEO Keywords",
|
|
25395
25403
|
labelExtras: aiConfidenceSeoKeywords !== void 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
@@ -25421,7 +25429,7 @@ function SEOEditorPreview({
|
|
|
25421
25429
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-4 content-lg:grid-cols-2", children: [
|
|
25422
25430
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
|
|
25423
25431
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
25424
|
-
|
|
25432
|
+
_chunkSEXWHIMScjs.Field,
|
|
25425
25433
|
{
|
|
25426
25434
|
label: "SEO Description",
|
|
25427
25435
|
error: seoDescriptionTooLong ? `Too long: search engines may truncate this description (keep it under ${SEO_DESCRIPTION_MAX_LENGTH})` : null,
|
|
@@ -26099,7 +26107,7 @@ function VideoBitesDisplay({
|
|
|
26099
26107
|
filterPublished = true,
|
|
26100
26108
|
showTitle = true
|
|
26101
26109
|
}) {
|
|
26102
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26110
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.VideoBitesStrip, { bites, title, filterPublished, showTitle });
|
|
26103
26111
|
}
|
|
26104
26112
|
|
|
26105
26113
|
// src/components/features/walkthrough-video.tsx
|
|
@@ -26169,7 +26177,7 @@ function WalkthroughVideo({
|
|
|
26169
26177
|
if (idleHandle !== null && typeof cic === "function") cic(idleHandle);
|
|
26170
26178
|
};
|
|
26171
26179
|
}, [appearDelayMs, dismissEnabled, storageKey, dismissalId, hasVideo, videoId]);
|
|
26172
|
-
const hydrated =
|
|
26180
|
+
const hydrated = _chunkSEXWHIMScjs.useIsHydrated.call(void 0, );
|
|
26173
26181
|
const previewSuppressed = _react.useMemo.call(void 0, () => {
|
|
26174
26182
|
if (!hydrated) return false;
|
|
26175
26183
|
try {
|
|
@@ -26591,7 +26599,7 @@ function WalkthroughVideo({
|
|
|
26591
26599
|
`card-${embedUrlKey}`
|
|
26592
26600
|
) }),
|
|
26593
26601
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
26594
|
-
|
|
26602
|
+
_chunkSEXWHIMScjs.CardHitLayer,
|
|
26595
26603
|
{
|
|
26596
26604
|
label: video.title ? `${label}: ${video.title}` : label,
|
|
26597
26605
|
onPointerDown: pausePreviewNow,
|
|
@@ -26757,7 +26765,7 @@ function InlineWalkthroughVideo(props) {
|
|
|
26757
26765
|
var _reactquery = require('@tanstack/react-query');
|
|
26758
26766
|
function useWalkthroughVideo(opts) {
|
|
26759
26767
|
const { endpoint, initialData, enabled = true, transformCaptionsUrl } = opts;
|
|
26760
|
-
const captions =
|
|
26768
|
+
const captions = _chunkSEXWHIMScjs.useCaptions.call(void 0, );
|
|
26761
26769
|
const query = _reactquery.useQuery.call(void 0, {
|
|
26762
26770
|
queryKey: ["walkthrough-video", endpoint],
|
|
26763
26771
|
enabled,
|
|
@@ -27506,7 +27514,7 @@ function HighlightConfigSection({
|
|
|
27506
27514
|
disabled = false,
|
|
27507
27515
|
className = ""
|
|
27508
27516
|
}) {
|
|
27509
|
-
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, _chunkSEXWHIMScjs.Field, { label: "Target Duration", children: (f) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
27510
27518
|
Select,
|
|
27511
27519
|
{
|
|
27512
27520
|
value: targetDurationSeconds.toString(),
|
|
@@ -28219,7 +28227,7 @@ var PolicyRow = ({ policy, categoryId, editMode, onPermissionChange }) => {
|
|
|
28219
28227
|
] });
|
|
28220
28228
|
};
|
|
28221
28229
|
var CategorySection = ({ category, editMode, isExpanded, bulkLevel, onToggle, onBulkLevelChange, onPolicyPermissionChange }) => {
|
|
28222
|
-
const { innerRef, containerStyle } =
|
|
28230
|
+
const { innerRef, containerStyle } = _chunkSEXWHIMScjs.useCollapsible.call(void 0, { expanded: isExpanded, durationMs: 300 });
|
|
28223
28231
|
const handleBulkChange = (level) => onBulkLevelChange(category.id, level);
|
|
28224
28232
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
28225
28233
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -28388,7 +28396,7 @@ function WaitlistForm({
|
|
|
28388
28396
|
const { toast } = _chunkWCVZCGK5cjs.useToast.call(void 0, );
|
|
28389
28397
|
const { honeypotInputProps, getSignals, resetSignals } = _chunkWCVZCGK5cjs.useHumanitySignals.call(void 0, );
|
|
28390
28398
|
const [smsConsent, setSmsConsent] = _react.useState.call(void 0, false);
|
|
28391
|
-
const isClient =
|
|
28399
|
+
const isClient = _chunkSEXWHIMScjs.useIsHydrated.call(void 0, );
|
|
28392
28400
|
const [isPhoneInvalid, setIsPhoneInvalid] = _react.useState.call(void 0, false);
|
|
28393
28401
|
const [showConsentError, setShowConsentError] = _react.useState.call(void 0, false);
|
|
28394
28402
|
const rescue = _chunkWCVZCGK5cjs.useFormRescue.call(void 0, {
|
|
@@ -29034,7 +29042,7 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
29034
29042
|
}, [mobileBreakpoint]);
|
|
29035
29043
|
const panelRef = _react.useRef.call(void 0, null);
|
|
29036
29044
|
const available = useContainerExtent(resizable, isHorizontal, portalContainer);
|
|
29037
|
-
const { size, setSize, clampSize } =
|
|
29045
|
+
const { size, setSize, clampSize } = _chunkSEXWHIMScjs.useResizablePanelSize.call(void 0, {
|
|
29038
29046
|
enabled: resizable,
|
|
29039
29047
|
minSize,
|
|
29040
29048
|
maxSize,
|
|
@@ -29054,7 +29062,7 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
29054
29062
|
"data-state": open ? "open" : "closed",
|
|
29055
29063
|
className: _chunk3ATAYP36cjs.cn.call(void 0,
|
|
29056
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",
|
|
29057
|
-
|
|
29065
|
+
_chunkSEXWHIMScjs.OVERLAY_BACKDROP_CLASS,
|
|
29058
29066
|
// Persist mode only: hold the fade-out's final (transparent) frame
|
|
29059
29067
|
// so the backdrop doesn't snap back to opacity 1 and dim the whole
|
|
29060
29068
|
// content area while the drawer is "closed" (see PERSIST_CLOSED_HOLD).
|
|
@@ -29095,7 +29103,7 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
29095
29103
|
...props,
|
|
29096
29104
|
children: [
|
|
29097
29105
|
applyInlineSize && (!persist || open) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29098
|
-
|
|
29106
|
+
_chunkSEXWHIMScjs.PanelResizeHandle,
|
|
29099
29107
|
{
|
|
29100
29108
|
variant: "inLayout",
|
|
29101
29109
|
side: resolvedSide,
|
|
@@ -29134,11 +29142,11 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
|
|
|
29134
29142
|
}
|
|
29135
29143
|
);
|
|
29136
29144
|
AppLayoutDrawerContent.displayName = "AppLayoutDrawerContent";
|
|
29137
|
-
var AppLayoutDrawerHeader =
|
|
29138
|
-
var AppLayoutDrawerTitle =
|
|
29139
|
-
var AppLayoutDrawerDescription =
|
|
29140
|
-
var AppLayoutDrawerBody =
|
|
29141
|
-
var AppLayoutDrawerFooter =
|
|
29145
|
+
var AppLayoutDrawerHeader = _chunkSEXWHIMScjs.DrawerHeader;
|
|
29146
|
+
var AppLayoutDrawerTitle = _chunkSEXWHIMScjs.DrawerTitle;
|
|
29147
|
+
var AppLayoutDrawerDescription = _chunkSEXWHIMScjs.DrawerDescription;
|
|
29148
|
+
var AppLayoutDrawerBody = _chunkSEXWHIMScjs.DrawerBody;
|
|
29149
|
+
var AppLayoutDrawerFooter = _chunkSEXWHIMScjs.DrawerFooter;
|
|
29142
29150
|
|
|
29143
29151
|
// src/components/features/notifications/notification-tile.tsx
|
|
29144
29152
|
|
|
@@ -29244,7 +29252,7 @@ function NotificationTile({
|
|
|
29244
29252
|
{
|
|
29245
29253
|
dateTime: createdAtIso,
|
|
29246
29254
|
className: _chunk3ATAYP36cjs.cn.call(void 0, "shrink-0 whitespace-nowrap text-ods-text-secondary text-h6", lockscreen && "self-start"),
|
|
29247
|
-
children: _nullishCoalesce(timeLabel, () => (
|
|
29255
|
+
children: _nullishCoalesce(timeLabel, () => ( _chunkSEXWHIMScjs.formatTicketRelativeTime.call(void 0, createdAtIso)))
|
|
29248
29256
|
}
|
|
29249
29257
|
) : null,
|
|
29250
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: [
|
|
@@ -29353,7 +29361,7 @@ function NotificationDrawer({
|
|
|
29353
29361
|
const unreadNotifications = notifications.filter((n) => !n.read);
|
|
29354
29362
|
const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
29355
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,
|
|
29356
|
-
|
|
29364
|
+
_chunkSEXWHIMScjs.DrawerTitle,
|
|
29357
29365
|
{
|
|
29358
29366
|
hideClose: true,
|
|
29359
29367
|
className: "truncate",
|
|
@@ -29412,8 +29420,8 @@ function NotificationDrawer({
|
|
|
29412
29420
|
}
|
|
29413
29421
|
) });
|
|
29414
29422
|
}
|
|
29415
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29416
|
-
|
|
29423
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.Drawer, { open: isOpen, onOpenChange: (v) => v ? open() : close(), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29424
|
+
_chunkSEXWHIMScjs.DrawerContent,
|
|
29417
29425
|
{
|
|
29418
29426
|
side: "right",
|
|
29419
29427
|
"aria-describedby": void 0,
|
|
@@ -29696,13 +29704,13 @@ function getApprovalMeta(notification) {
|
|
|
29696
29704
|
function resolutionToStatus(resolution) {
|
|
29697
29705
|
switch (typeof resolution === "string" ? resolution.toUpperCase() : void 0) {
|
|
29698
29706
|
case "APPROVED":
|
|
29699
|
-
return
|
|
29707
|
+
return _chunkSEXWHIMScjs.APPROVAL_STATUS.APPROVED;
|
|
29700
29708
|
case "REJECTED":
|
|
29701
|
-
return
|
|
29709
|
+
return _chunkSEXWHIMScjs.APPROVAL_STATUS.REJECTED;
|
|
29702
29710
|
case "CANCELLED":
|
|
29703
|
-
return
|
|
29711
|
+
return _chunkSEXWHIMScjs.APPROVAL_STATUS.CANCELLED;
|
|
29704
29712
|
default:
|
|
29705
|
-
return
|
|
29713
|
+
return _chunkSEXWHIMScjs.APPROVAL_STATUS.PENDING;
|
|
29706
29714
|
}
|
|
29707
29715
|
}
|
|
29708
29716
|
function approvalMetaToBatchData(approval) {
|
|
@@ -29748,7 +29756,7 @@ function ApprovalRequestNotificationTile({
|
|
|
29748
29756
|
const resolvedStatus = resolutionToStatus(_optionalChain([approval, 'optionalAccess', _635 => _635.resolution]));
|
|
29749
29757
|
const status = resolvedStatus !== "pending" ? resolvedStatus : _nullishCoalesce(localStatus, () => ( "pending"));
|
|
29750
29758
|
const batchData = _react.useMemo.call(void 0, () => approval ? approvalMetaToBatchData(approval) : null, [approval]);
|
|
29751
|
-
const { innerRef, containerStyle } =
|
|
29759
|
+
const { innerRef, containerStyle } = _chunkSEXWHIMScjs.useCollapsible.call(void 0, { expanded });
|
|
29752
29760
|
if (!approval || !batchData) return null;
|
|
29753
29761
|
const tileNotification = {
|
|
29754
29762
|
...notification,
|
|
@@ -29811,7 +29819,7 @@ function ApprovalRequestNotificationTile({
|
|
|
29811
29819
|
}
|
|
29812
29820
|
)
|
|
29813
29821
|
] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex min-w-0 items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
29814
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29822
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ApprovalStatusTag, { status }),
|
|
29815
29823
|
approval.resolvedByName ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: [
|
|
29816
29824
|
"by ",
|
|
29817
29825
|
approval.resolvedByName
|
|
@@ -29829,12 +29837,12 @@ function ApprovalRequestNotificationTile({
|
|
|
29829
29837
|
"aria-expanded": expanded,
|
|
29830
29838
|
"aria-label": toggleLabel,
|
|
29831
29839
|
className: "ml-auto w-6 shrink-0 px-0 md:w-8",
|
|
29832
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29840
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ExpandChevron, { expanded })
|
|
29833
29841
|
}
|
|
29834
29842
|
)
|
|
29835
29843
|
] }),
|
|
29836
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,
|
|
29837
|
-
|
|
29845
|
+
_chunkSEXWHIMScjs.ApprovalBatchMessage,
|
|
29838
29846
|
{
|
|
29839
29847
|
data: batchData,
|
|
29840
29848
|
showExecutionStatus: false,
|
|
@@ -30351,7 +30359,7 @@ function TimeTrackerHeaderButton({ className, disabled }) {
|
|
|
30351
30359
|
"data-state": isOpen ? "open" : "closed",
|
|
30352
30360
|
className: _chunk3ATAYP36cjs.cn.call(void 0,
|
|
30353
30361
|
layoutContainer ? "absolute inset-0 z-[102]" : "fixed inset-0 z-[1299]",
|
|
30354
|
-
|
|
30362
|
+
_chunkSEXWHIMScjs.OVERLAY_BACKDROP_CLASS,
|
|
30355
30363
|
"data-[state=open]:animate-in data-[state=open]:fade-in-0",
|
|
30356
30364
|
"data-[state=closed]:animate-out data-[state=closed]:fade-out-0"
|
|
30357
30365
|
)
|
|
@@ -31041,9 +31049,9 @@ function KeepRecordingModal({
|
|
|
31041
31049
|
if (!canKeep || isPending) return;
|
|
31042
31050
|
onConfirm({ reason, description: reason === "OTHER" ? trimmed : null });
|
|
31043
31051
|
};
|
|
31044
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31052
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
31045
31053
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
31046
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31054
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalTitle, { children: "Keep this recording" }) }),
|
|
31047
31055
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31048
31056
|
KeepNotice,
|
|
31049
31057
|
{
|
|
@@ -31081,7 +31089,7 @@ function KeepRecordingModal({
|
|
|
31081
31089
|
}
|
|
31082
31090
|
)
|
|
31083
31091
|
] }),
|
|
31084
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31092
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.ModalFooter, { children: [
|
|
31085
31093
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
31086
31094
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
31087
31095
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -31111,9 +31119,9 @@ function ReleaseKeepingModal({
|
|
|
31111
31119
|
isPending = false,
|
|
31112
31120
|
onConfirm
|
|
31113
31121
|
}) {
|
|
31114
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31122
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
31115
31123
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
31116
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31124
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.ModalTitle, { children: "Release Keeping" }) }),
|
|
31117
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: [
|
|
31118
31126
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { children: [
|
|
31119
31127
|
"Kept by ",
|
|
@@ -31130,7 +31138,7 @@ function ReleaseKeepingModal({
|
|
|
31130
31138
|
] })
|
|
31131
31139
|
] }),
|
|
31132
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." }),
|
|
31133
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
31141
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.ModalFooter, { children: [
|
|
31134
31142
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
31135
31143
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
31136
31144
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "accent", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Release Keeping" })
|
|
@@ -31394,7 +31402,7 @@ function BoardColumnHeader({
|
|
|
31394
31402
|
}) {
|
|
31395
31403
|
const count = _nullishCoalesce(column.total, () => ( column.tickets.length));
|
|
31396
31404
|
const tagStatus = _nullishCoalesce(column.statusKey, () => ( column.id));
|
|
31397
|
-
const useStatusVariant =
|
|
31405
|
+
const useStatusVariant = _chunkSEXWHIMScjs.resolveTicketStatus.call(void 0, tagStatus) !== null;
|
|
31398
31406
|
const actionClass = "h-8 w-8 p-0 content-md:h-8 content-md:w-8";
|
|
31399
31407
|
if (collapsed) {
|
|
31400
31408
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
@@ -31410,7 +31418,7 @@ function BoardColumnHeader({
|
|
|
31410
31418
|
}
|
|
31411
31419
|
),
|
|
31412
31420
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31413
|
-
|
|
31421
|
+
_chunkSEXWHIMScjs.TicketStatusTag,
|
|
31414
31422
|
{
|
|
31415
31423
|
status: tagStatus,
|
|
31416
31424
|
label: column.label,
|
|
@@ -31423,7 +31431,7 @@ function BoardColumnHeader({
|
|
|
31423
31431
|
}
|
|
31424
31432
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
31425
31433
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xsf)]", children: [
|
|
31426
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31434
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TicketStatusTag, { status: tagStatus, label: column.label, color: useStatusVariant ? void 0 : column.color }),
|
|
31427
31435
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-h5", style: useStatusVariant ? void 0 : { color: column.color }, children: count })
|
|
31428
31436
|
] }),
|
|
31429
31437
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-[var(--spacing-system-xxs)]", children: [
|
|
@@ -31575,7 +31583,7 @@ function holdMoveDragEffect(element) {
|
|
|
31575
31583
|
|
|
31576
31584
|
function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
|
|
31577
31585
|
const [expanded, setExpanded] = _react.useState.call(void 0, false);
|
|
31578
|
-
const { innerRef, containerStyle } =
|
|
31586
|
+
const { innerRef, containerStyle } = _chunkSEXWHIMScjs.useCollapsible.call(void 0, { expanded });
|
|
31579
31587
|
const isAdmin = pendingApproval.approvalType === "ADMIN";
|
|
31580
31588
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex flex-col", children: [
|
|
31581
31589
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
@@ -31604,7 +31612,7 @@ function BoardTicketApproval({ pendingApproval, onApprove, onReject }) {
|
|
|
31604
31612
|
}
|
|
31605
31613
|
),
|
|
31606
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,
|
|
31607
|
-
|
|
31615
|
+
_chunkSEXWHIMScjs.ApprovalBatchMessage,
|
|
31608
31616
|
{
|
|
31609
31617
|
className: "mb-0",
|
|
31610
31618
|
data: {
|
|
@@ -31684,7 +31692,7 @@ function TicketCardBody({
|
|
|
31684
31692
|
onLinkClick
|
|
31685
31693
|
}) {
|
|
31686
31694
|
const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
|
|
31687
|
-
const newMessageTextColor = columnColor ?
|
|
31695
|
+
const newMessageTextColor = columnColor ? _chunkSEXWHIMScjs.getReadableTextColor.call(void 0, columnColor) : void 0;
|
|
31688
31696
|
const showDeviceRow = !!(_optionalChain([ticket, 'access', _675 => _675.deviceHostnames, 'optionalAccess', _676 => _676.length]) || ticket.organizationName);
|
|
31689
31697
|
const deviceText = [_optionalChain([ticket, 'access', _677 => _677.deviceHostnames, 'optionalAccess', _678 => _678.join, 'call', _679 => _679(", ")]), ticket.organizationName].filter(Boolean).join(", ");
|
|
31690
31698
|
const hasRightSection = !!(ticket.priority || _optionalChain([ticket, 'access', _680 => _680.assignees, 'optionalAccess', _681 => _681.length]) || renderAssignSlot);
|
|
@@ -31723,8 +31731,8 @@ function TicketCardBody({
|
|
|
31723
31731
|
] })
|
|
31724
31732
|
] }) : null
|
|
31725
31733
|
] }) : null;
|
|
31726
|
-
const timestampLabel = ticket.createdAt ?
|
|
31727
|
-
const tooltipLabel = ticket.createdAt ?
|
|
31734
|
+
const timestampLabel = ticket.createdAt ? _chunkSEXWHIMScjs.formatTicketRelativeTime.call(void 0, ticket.createdAt) : null;
|
|
31735
|
+
const tooltipLabel = ticket.createdAt ? _chunkSEXWHIMScjs.formatTicketFullTimestamp.call(void 0, ticket.createdAt) : null;
|
|
31728
31736
|
const metaLabel = [ticket.ticketNumber || null, timestampLabel].filter(Boolean).join(" \u2022 ");
|
|
31729
31737
|
const metaClass = "truncate text-ods-text-secondary text-h6";
|
|
31730
31738
|
const meta = href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -31751,9 +31759,9 @@ function TicketCardBody({
|
|
|
31751
31759
|
rightSection
|
|
31752
31760
|
] }),
|
|
31753
31761
|
_optionalChain([ticket, 'access', _684 => _684.tags, 'optionalAccess', _685 => _685.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
|
|
31754
|
-
metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31755
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31756
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
31762
|
+
metaLabel && (tooltipLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSEXWHIMScjs.Tooltip, { children: [
|
|
31763
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipTrigger, { asChild: true, children: meta }),
|
|
31764
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSEXWHIMScjs.TooltipContent, { children: tooltipLabel })
|
|
31757
31765
|
] }) }) : meta),
|
|
31758
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: [
|
|
31759
31767
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.UserCheckIcon, { className: "size-4 shrink-0" }),
|