@flamingo-stack/openframe-frontend-core 0.0.839 → 0.0.841
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/build/export-map.json +1 -1
- package/dist/build/route-styles.cjs +3 -1
- package/dist/build/style-sources.cjs +15 -2
- package/dist/build/style-sources.d.ts +3 -0
- package/dist/{chunk-37XKZ4JM.cjs → chunk-275AQ6LC.cjs} +6 -6
- package/dist/{chunk-5BM7X4GA.cjs → chunk-5GBLXY5F.cjs} +2 -2
- package/dist/{chunk-5L3UKDC6.cjs → chunk-6LDL3UZE.cjs} +9 -9
- package/dist/{chunk-SWMUW3RR.cjs → chunk-744JXTDP.cjs} +19 -19
- package/dist/{chunk-46LATWQR.cjs → chunk-7WKRMJI6.cjs} +5 -5
- package/dist/{chunk-XJ4AB24Y.cjs → chunk-AT6D7BAZ.cjs} +5 -5
- package/dist/{chunk-C4OQIYGW.cjs → chunk-CCRXBFNL.cjs} +8 -8
- package/dist/{chunk-LC65AC6M.cjs → chunk-COWMXUHN.cjs} +2 -0
- package/dist/{chunk-5E4YEHHO.cjs → chunk-DGY5KEPY.cjs} +55 -55
- package/dist/{chunk-N2TCVIPR.cjs → chunk-DYDQLS2R.cjs} +539 -539
- package/dist/{chunk-LWMWY3JO.cjs → chunk-E7M54JWW.cjs} +14 -14
- package/dist/{chunk-Z7A7IZWL.cjs → chunk-EV6BPF47.cjs} +236 -210
- package/dist/{chunk-7XRFAHJF.cjs → chunk-FHI4I3TQ.cjs} +9 -9
- package/dist/{chunk-ZABZIM2Y.cjs → chunk-FRL2ZN4O.cjs} +3 -3
- package/dist/{chunk-7Z536SPR.cjs → chunk-FW7RKWPY.cjs} +15 -1
- package/dist/{chunk-3MBKEF7Z.cjs → chunk-GMK4JGC2.cjs} +46 -46
- package/dist/{chunk-SZVPRP5E.cjs → chunk-GUKFMMDZ.cjs} +3 -3
- package/dist/{chunk-GN6LEJWY.cjs → chunk-HXTZZE3R.cjs} +253 -131
- package/dist/{chunk-2XZZHRRU.cjs → chunk-IELPVUPR.cjs} +18 -18
- package/dist/{chunk-64PF3UC7.cjs → chunk-INBFKUZA.cjs} +17 -17
- package/dist/{chunk-APOMNC7H.cjs → chunk-IUDBG3HJ.cjs} +3 -3
- package/dist/{chunk-4JHO2NVI.cjs → chunk-J2IXYCEH.cjs} +26 -10
- package/dist/{chunk-C4RYIDPU.cjs → chunk-JM2XA7VY.cjs} +28 -28
- package/dist/{chunk-GPXKG34G.cjs → chunk-JUEAZCD6.cjs} +46 -46
- package/dist/{chunk-2QAUQPGC.cjs → chunk-MYAPG3FQ.cjs} +21 -21
- package/dist/{chunk-GRHF5SWL.cjs → chunk-NFNSPLGC.cjs} +3 -3
- package/dist/{chunk-UDRVVCOC.cjs → chunk-Q6WUHYOG.cjs} +72 -72
- package/dist/{chunk-H3WTYAVR.cjs → chunk-RSJYTQEA.cjs} +30 -30
- package/dist/{chunk-MG3HJIGG.cjs → chunk-UAI4VMEF.cjs} +4 -4
- package/dist/{chunk-S5RMRQKT.cjs → chunk-UZPYYHF5.cjs} +18 -18
- package/dist/{chunk-DFTXZE7B.cjs → chunk-VBH2RCFM.cjs} +73 -73
- package/dist/{chunk-FNNDGOR3.cjs → chunk-WCK5T3UD.cjs} +43 -43
- package/dist/{chunk-TRZEFT2N.cjs → chunk-WI7EXAZT.cjs} +9 -5
- package/dist/{chunk-TKS25VKE.cjs → chunk-Z35PL3UR.cjs} +32 -32
- package/dist/{chunk-ENK75WN4.cjs → chunk-ZAO5SYBJ.cjs} +4 -4
- package/dist/{cloud-tenants-WE3H3VAW.cjs → cloud-tenants-PV63RZ73.cjs} +19 -19
- package/dist/components/case-studies/index.cjs +33 -33
- package/dist/components/chat/chat-nav-sidebar.d.ts.map +1 -1
- package/dist/components/chat/chat-nav-sidebar.js +17 -3
- package/dist/components/chat/index.cjs +13 -13
- package/dist/components/contact/index.cjs +20 -20
- package/dist/components/docs/index.cjs +23 -23
- package/dist/components/embeds/index.cjs +20 -20
- package/dist/components/faq/index.cjs +21 -21
- package/dist/components/features/index.cjs +19 -19
- package/dist/components/help-center-pages/index.cjs +120 -120
- package/dist/components/index.cjs +76 -76
- package/dist/components/meeting-scheduler/index.cjs +82 -82
- package/dist/components/navigation/account-popover.d.ts.map +1 -1
- package/dist/components/navigation/account-popover.js +26 -2
- package/dist/components/navigation/app-layout-side-panel.d.ts.map +1 -1
- package/dist/components/navigation/app-layout-side-panel.js +2 -9
- package/dist/components/navigation/index.cjs +22 -22
- package/dist/components/navigation/navigation-sidebar-grouped.d.ts.map +1 -1
- package/dist/components/navigation/navigation-sidebar-grouped.js +30 -6
- package/dist/components/navigation/navigation-sidebar-item.d.ts.map +1 -1
- package/dist/components/navigation/navigation-sidebar-item.js +14 -1
- package/dist/components/navigation/navigation-sidebar.d.ts.map +1 -1
- package/dist/components/navigation/navigation-sidebar.js +72 -3
- package/dist/components/onboarding-guides/index.cjs +22 -22
- package/dist/components/product-demo/index.cjs +30 -30
- package/dist/components/related-content/index.cjs +8 -8
- package/dist/components/tickets/index.cjs +24 -24
- package/dist/components/ui/index.cjs +19 -19
- package/dist/components/ui/panel-resize-handle.d.ts +27 -6
- package/dist/components/ui/panel-resize-handle.d.ts.map +1 -1
- package/dist/components/ui/panel-resize-handle.js +27 -3
- package/dist/{devices-ZBZN2RRG.cjs → devices-VECG5JNC.cjs} +20 -20
- package/dist/{embeddable-chat-RBC7F4TL.cjs → embeddable-chat-VRYAQQF6.cjs} +90 -90
- package/dist/hooks/index.cjs +11 -7
- package/dist/hooks/ui/index.d.ts +1 -0
- package/dist/hooks/ui/index.d.ts.map +1 -1
- package/dist/hooks/ui/index.js +1 -0
- package/dist/hooks/ui/use-clipped-label-tooltip.d.ts +14 -0
- package/dist/hooks/ui/use-clipped-label-tooltip.d.ts.map +1 -0
- package/dist/hooks/ui/use-clipped-label-tooltip.js +13 -0
- package/dist/hooks/ui/use-is-truncated.d.ts.map +1 -1
- package/dist/hooks/ui/use-is-truncated.js +1 -0
- package/dist/hooks/ui/use-media-query.d.ts.map +1 -1
- package/dist/hooks/ui/use-media-query.js +1 -0
- package/dist/hooks/ui/use-resizable-panel-size.d.ts +1 -0
- package/dist/hooks/ui/use-resizable-panel-size.d.ts.map +1 -1
- package/dist/hooks/ui/use-resizable-panel-size.js +5 -1
- package/dist/index.cjs +28 -24
- package/dist/{knowledge-2QNZGDFO.cjs → knowledge-YJSDJIXT.cjs} +20 -20
- package/dist/{logs-YPWTJVIH.cjs → logs-42JG3NZ5.cjs} +26 -26
- package/dist/{policies-BK7TUKAF.cjs → policies-D4QNVJ26.cjs} +23 -23
- package/dist/{remote-session-CN3G7JNR.cjs → remote-session-EE6477O3.cjs} +10 -10
- package/dist/{scripts-K7AOYWZE.cjs → scripts-4VFYBXBE.cjs} +26 -26
- package/dist/{software-update-UFN4SBMY.cjs → software-update-OSDZQ5CP.cjs} +23 -23
- package/dist/{tickets-board-PLYD2NSY.cjs → tickets-board-44HO3LR4.cjs} +10 -10
- package/dist/types/navigation.d.ts +36 -0
- package/dist/types/navigation.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/chat/chat-nav-sidebar.tsx +17 -4
- package/src/components/navigation/account-popover.tsx +31 -2
- package/src/components/navigation/app-layout-side-panel.tsx +2 -7
- package/src/components/navigation/navigation-sidebar-grouped.tsx +37 -6
- package/src/components/navigation/navigation-sidebar-item.tsx +18 -1
- package/src/components/navigation/navigation-sidebar.tsx +116 -7
- package/src/components/ui/panel-resize-handle.tsx +50 -8
- package/src/hooks/ui/index.ts +1 -0
- package/src/hooks/ui/use-clipped-label-tooltip.ts +20 -0
- package/src/hooks/ui/use-is-truncated.ts +2 -0
- package/src/hooks/ui/use-media-query.ts +2 -0
- package/src/hooks/ui/use-resizable-panel-size.ts +7 -1
- package/src/types/navigation.ts +37 -0
|
@@ -12,7 +12,7 @@ var _chunkOT6P57ZScjs = require('./chunk-OT6P57ZS.cjs');
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _chunkJ2IXYCEHcjs = require('./chunk-J2IXYCEH.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
@@ -99,7 +99,7 @@ var _chunkXIBCMGBWcjs = require('./chunk-XIBCMGBW.cjs');
|
|
|
99
99
|
|
|
100
100
|
|
|
101
101
|
|
|
102
|
-
var
|
|
102
|
+
var _chunkFW7RKWPYcjs = require('./chunk-FW7RKWPY.cjs');
|
|
103
103
|
|
|
104
104
|
|
|
105
105
|
var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
|
|
@@ -109,14 +109,14 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
|
|
|
109
109
|
|
|
110
110
|
|
|
111
111
|
|
|
112
|
-
var
|
|
112
|
+
var _chunkNFNSPLGCcjs = require('./chunk-NFNSPLGC.cjs');
|
|
113
113
|
|
|
114
114
|
|
|
115
115
|
var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
|
|
116
116
|
|
|
117
117
|
|
|
118
118
|
|
|
119
|
-
var
|
|
119
|
+
var _chunkCOWMXUHNcjs = require('./chunk-COWMXUHN.cjs');
|
|
120
120
|
|
|
121
121
|
|
|
122
122
|
var _chunkJQCQCE6Ucjs = require('./chunk-JQCQCE6U.cjs');
|
|
@@ -195,13 +195,13 @@ function TruncateText({
|
|
|
195
195
|
loading: loadingProp = false
|
|
196
196
|
}) {
|
|
197
197
|
const isMultiLine = lines > 1;
|
|
198
|
-
const { ref, isTruncated } =
|
|
198
|
+
const { ref, isTruncated } = _chunkCOWMXUHNcjs.useIsTruncated.call(void 0, children, { multiline: isMultiLine });
|
|
199
199
|
const loading = _chunk63A4GZMBcjs.useLoadingScope.call(void 0, ) && !children || loadingProp;
|
|
200
200
|
if (loading)
|
|
201
201
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: variant, lines, as, className: _chunk63A4GZMBcjs.cn.call(void 0, "w-3/4", triggerClassName) });
|
|
202
202
|
const clampClass = isMultiLine ? LINE_CLAMP_CLASS[lines] : "truncate block";
|
|
203
203
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
204
|
-
|
|
204
|
+
_chunkNFNSPLGCcjs.FloatingTooltip,
|
|
205
205
|
{
|
|
206
206
|
content: _nullishCoalesce(tooltip, () => ( children)),
|
|
207
207
|
side,
|
|
@@ -349,7 +349,7 @@ function AutocompleteInner(props, ref) {
|
|
|
349
349
|
};
|
|
350
350
|
const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
|
|
351
351
|
const [highlightedIndex, setHighlightedIndex] = _react.useState.call(void 0, -1);
|
|
352
|
-
const keyboardPadding =
|
|
352
|
+
const keyboardPadding = _chunkFW7RKWPYcjs.useKeyboardCollisionPadding.call(void 0, );
|
|
353
353
|
const containerRef = _react.useRef.call(void 0, null);
|
|
354
354
|
const hiddenTagsPopupRef = _react.useRef.call(void 0, null);
|
|
355
355
|
const isInvalid = invalid || !!error;
|
|
@@ -371,7 +371,7 @@ function AutocompleteInner(props, ref) {
|
|
|
371
371
|
textMeasureRef,
|
|
372
372
|
badgeRef,
|
|
373
373
|
inputRef
|
|
374
|
-
} =
|
|
374
|
+
} = _chunkFW7RKWPYcjs.useAutoLimitTags.call(void 0, {
|
|
375
375
|
count: multiple ? selectedOptions.length : 0,
|
|
376
376
|
limitTags: multiple ? wrapTags ? selectedOptions.length : limitTagsProp : 0,
|
|
377
377
|
placeholder: inputPlaceholder
|
|
@@ -590,7 +590,7 @@ function AutocompleteInner(props, ref) {
|
|
|
590
590
|
),
|
|
591
591
|
children: [
|
|
592
592
|
multiple && visibleTags.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
593
|
-
|
|
593
|
+
_chunkNFNSPLGCcjs.Tag,
|
|
594
594
|
{
|
|
595
595
|
variant: "outline",
|
|
596
596
|
className: wrapTags ? "max-w-full" : void 0,
|
|
@@ -790,7 +790,7 @@ function AutocompleteInner(props, ref) {
|
|
|
790
790
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", ref: containerRef, children: [
|
|
791
791
|
popover,
|
|
792
792
|
multiple && showHiddenTags && hiddenTagsCount > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
793
|
-
|
|
793
|
+
_chunkJ2IXYCEHcjs.HiddenTagsPopup,
|
|
794
794
|
{
|
|
795
795
|
ref: hiddenTagsPopupRef,
|
|
796
796
|
items: hiddenTags,
|
|
@@ -803,10 +803,10 @@ function AutocompleteInner(props, ref) {
|
|
|
803
803
|
}
|
|
804
804
|
}
|
|
805
805
|
),
|
|
806
|
-
multiple && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": "true", className:
|
|
806
|
+
multiple && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": "true", className: _chunkFW7RKWPYcjs.MEASURE_LAYER_CLASS, children: [
|
|
807
807
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: textMeasureRef, "aria-hidden": "true", className: "whitespace-nowrap text-h4", children: inputPlaceholder }),
|
|
808
808
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: measureRef, "aria-hidden": "true", className: "flex w-max gap-2", children: selectedOptions.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
809
|
-
|
|
809
|
+
_chunkNFNSPLGCcjs.Tag,
|
|
810
810
|
{
|
|
811
811
|
variant: "outline",
|
|
812
812
|
labelClassName: "max-w-[90px] truncate",
|
|
@@ -1298,13 +1298,13 @@ var ENTITY_IMAGE_SIZE = _chunk3TOWCFIKcjs.TILE_SIZE.entity;
|
|
|
1298
1298
|
var ENTITY_IMAGE_RADIUS_CLASS = "rounded-md";
|
|
1299
1299
|
function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
|
|
1300
1300
|
const held = _chunk63A4GZMBcjs.useLoadingScope.call(void 0, );
|
|
1301
|
-
const authedSrc =
|
|
1301
|
+
const authedSrc = _chunkCOWMXUHNcjs.useAuthedImageSrc.call(void 0, held ? void 0 : src);
|
|
1302
1302
|
const resolvedSrc = authedSrc;
|
|
1303
1303
|
const [failedSrc, setFailedSrc] = _react2.default.useState(null);
|
|
1304
1304
|
const imageFailed = resolvedSrc !== void 0 && failedSrc === resolvedSrc;
|
|
1305
1305
|
if (held) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityImageSkeleton, { sizeClassName, className });
|
|
1306
1306
|
const showFallback = imageFailed || !resolvedSrc;
|
|
1307
|
-
const initials =
|
|
1307
|
+
const initials = _chunkNFNSPLGCcjs.personInitials.call(void 0, _nullishCoalesce(fallbackText, () => ( alt)));
|
|
1308
1308
|
if (showFallback) {
|
|
1309
1309
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1310
1310
|
"div",
|
|
@@ -1397,10 +1397,10 @@ function TitleBlock({
|
|
|
1397
1397
|
const titleClass = titleSize === "h1" ? "text-h1" : "text-h2";
|
|
1398
1398
|
const titleOverflowClass = titleWrap ? "break-words" : "truncate";
|
|
1399
1399
|
const skeletonSize = TITLE_SKELETON_SIZE[titleSize];
|
|
1400
|
-
const { ref: titleRef, isTruncated: titleTruncated } =
|
|
1400
|
+
const { ref: titleRef, isTruncated: titleTruncated } = _chunkCOWMXUHNcjs.useIsTruncated.call(void 0,
|
|
1401
1401
|
titleLoading ? null : title
|
|
1402
1402
|
);
|
|
1403
|
-
const { ref: subtitleRef, isTruncated: subtitleTruncated } =
|
|
1403
|
+
const { ref: subtitleRef, isTruncated: subtitleTruncated } = _chunkCOWMXUHNcjs.useIsTruncated.call(void 0,
|
|
1404
1404
|
subtitleLoading ? null : subtitle
|
|
1405
1405
|
);
|
|
1406
1406
|
const titleNode = titleLoading && titleSkeletonLines && titleWrap ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLinesByBreakpointSkeleton, { as: "span", lines: titleSkeletonLines }) : titleLoading && titleSkeletonLines ? (
|
|
@@ -1466,7 +1466,7 @@ function TitleBlock({
|
|
|
1466
1466
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
|
|
1467
1467
|
(titleLoading || title) && (titleAdornment ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center gap-[var(--spacing-system-m)]", children: [
|
|
1468
1468
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1469
|
-
|
|
1469
|
+
_chunkNFNSPLGCcjs.FloatingTooltip,
|
|
1470
1470
|
{
|
|
1471
1471
|
content: title,
|
|
1472
1472
|
side: "bottom",
|
|
@@ -1483,12 +1483,12 @@ function TitleBlock({
|
|
|
1483
1483
|
}
|
|
1484
1484
|
),
|
|
1485
1485
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0", children: titleAdornment })
|
|
1486
|
-
] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1486
|
+
] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNFNSPLGCcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageTitle, { ref: titleRef, className: _chunk63A4GZMBcjs.cn.call(void 0, titleClass, "text-ods-text-primary", titleOverflowClass), children: titleNode }) })),
|
|
1487
1487
|
hasSubtitleRow && /* The NBSP is a pure spacer, reached only in `'always'` mode: an
|
|
1488
1488
|
empty `p` collapses to zero height (its only content would be
|
|
1489
1489
|
collapsible whitespace), which is exactly the shift that mode
|
|
1490
1490
|
exists to prevent. Hidden from AT — it carries no meaning. */
|
|
1491
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1491
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNFNSPLGCcjs.FloatingTooltip, { content: subtitle, side: "bottom", disabled: !subtitleTruncated, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1492
1492
|
"p",
|
|
1493
1493
|
{
|
|
1494
1494
|
ref: subtitleRef,
|
|
@@ -1506,7 +1506,7 @@ function TitleBlock({
|
|
|
1506
1506
|
) })
|
|
1507
1507
|
] })
|
|
1508
1508
|
] }) : title && (titleAdornment ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center gap-[var(--spacing-system-m)]", children: [
|
|
1509
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1509
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNFNSPLGCcjs.FloatingTooltip, { content: title, side: "bottom", disabled: !titleTruncated, triggerClassName: "min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1510
1510
|
PageTitle,
|
|
1511
1511
|
{
|
|
1512
1512
|
ref: titleRef,
|
|
@@ -1634,7 +1634,7 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
|
|
|
1634
1634
|
children: [
|
|
1635
1635
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex items-center", children: [
|
|
1636
1636
|
faces.map((viewer, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1637
|
-
|
|
1637
|
+
_chunkNFNSPLGCcjs.SquareAvatar,
|
|
1638
1638
|
{
|
|
1639
1639
|
variant: "round",
|
|
1640
1640
|
sizePx: 32,
|
|
@@ -1668,7 +1668,7 @@ function RemoteSessionViewers({ viewers, max = 4, className }) {
|
|
|
1668
1668
|
),
|
|
1669
1669
|
children: [
|
|
1670
1670
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1671
|
-
|
|
1671
|
+
_chunkNFNSPLGCcjs.SquareAvatar,
|
|
1672
1672
|
{
|
|
1673
1673
|
variant: "round",
|
|
1674
1674
|
sizePx: 24,
|
|
@@ -1714,7 +1714,7 @@ function RemoteSessionScope({ children, className }) {
|
|
|
1714
1714
|
function RemoteSessionOrgLogo({ name, logoUrl, sizePx, className }) {
|
|
1715
1715
|
if (logoUrl) {
|
|
1716
1716
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1717
|
-
|
|
1717
|
+
_chunkNFNSPLGCcjs.SquareAvatar,
|
|
1718
1718
|
{
|
|
1719
1719
|
variant: "square",
|
|
1720
1720
|
fit: "contain",
|
|
@@ -1824,7 +1824,7 @@ function RemoteAccessRequestCard({
|
|
|
1824
1824
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, RemoteSessionOrgLogo, { name: organizationName, logoUrl: party.organizationLogoUrl, sizePx: 64 }),
|
|
1825
1825
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col", children: [
|
|
1826
1826
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-primary text-h3", children: organizationName }),
|
|
1827
|
-
siteUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-secondary text-h4", children:
|
|
1827
|
+
siteUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full truncate text-ods-text-secondary text-h4", children: _chunkNFNSPLGCcjs.formatUrlForDisplay.call(void 0, siteUrl, { keepWww: true }) })
|
|
1828
1828
|
] }),
|
|
1829
1829
|
openableSite && onOpenSite && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { variant: "outline", size: "icon", "aria-label": "Open website", onClick: () => onOpenSite(openableSite), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEDVT7OAScjs.ExternalLinkIcon, { size: 24, color: "currentColor" }) })
|
|
1830
1830
|
] }),
|
|
@@ -1935,7 +1935,7 @@ function RemoteSessionSummary({
|
|
|
1935
1935
|
...dragHandlers,
|
|
1936
1936
|
children: [
|
|
1937
1937
|
technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1938
|
-
|
|
1938
|
+
_chunkNFNSPLGCcjs.SquareAvatar,
|
|
1939
1939
|
{
|
|
1940
1940
|
variant: "round",
|
|
1941
1941
|
sizePx: 48,
|
|
@@ -1989,7 +1989,7 @@ var RemoteSessionMinimizedChip = _react.forwardRef.call(void 0,
|
|
|
1989
1989
|
...dragHandlers,
|
|
1990
1990
|
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "flex flex-col overflow-hidden rounded-md border border-ods-border", children: [
|
|
1991
1991
|
technician ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1992
|
-
|
|
1992
|
+
_chunkNFNSPLGCcjs.SquareAvatar,
|
|
1993
1993
|
{
|
|
1994
1994
|
sizePx: 48,
|
|
1995
1995
|
src: _nullishCoalesce(party.technicianAvatarUrl, () => ( void 0)),
|
|
@@ -2141,7 +2141,7 @@ function RemoteSessionChatMessageRow({
|
|
|
2141
2141
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col", children: [
|
|
2142
2142
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-[var(--spacing-system-xs)]", children: [
|
|
2143
2143
|
isTechnician && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2144
|
-
|
|
2144
|
+
_chunkNFNSPLGCcjs.SquareAvatar,
|
|
2145
2145
|
{
|
|
2146
2146
|
variant: "round",
|
|
2147
2147
|
sizePx: 16,
|
|
@@ -2184,7 +2184,7 @@ function RemoteDesktopChatMessageRow({
|
|
|
2184
2184
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: MESSAGE_ROW_CLASS, "aria-hidden": loading || void 0, ..._chunk63A4GZMBcjs.loadingItemProps.call(void 0, props), children: [
|
|
2185
2185
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: MESSAGE_HEAD_CLASS, children: [
|
|
2186
2186
|
isTechnician && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2187
|
-
|
|
2187
|
+
_chunkNFNSPLGCcjs.SquareAvatar,
|
|
2188
2188
|
{
|
|
2189
2189
|
loading,
|
|
2190
2190
|
variant: "round",
|
|
@@ -2203,7 +2203,7 @@ function RemoteDesktopChatMessageRow({
|
|
|
2203
2203
|
),
|
|
2204
2204
|
loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", as: "span", className: "w-12 shrink-0" }) : (
|
|
2205
2205
|
// The time is in the viewer's zone, which a server render cannot know.
|
|
2206
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { suppressHydrationWarning: true, className: "shrink-0 text-ods-text-secondary text-h6", children:
|
|
2206
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { suppressHydrationWarning: true, className: "shrink-0 text-ods-text-secondary text-h6", children: _chunkJ2IXYCEHcjs.formatTime.call(void 0, sentAt) })
|
|
2207
2207
|
)
|
|
2208
2208
|
] }),
|
|
2209
2209
|
loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h4", className: "w-3/4" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-pre-wrap text-ods-text-primary text-h4", children: body })
|
|
@@ -2269,7 +2269,7 @@ function RemoteDesktopChatPanel({
|
|
|
2269
2269
|
message.id
|
|
2270
2270
|
)) }) }),
|
|
2271
2271
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2272
|
-
|
|
2272
|
+
_chunkJ2IXYCEHcjs.ChatInput,
|
|
2273
2273
|
{
|
|
2274
2274
|
placeholder: "Enter your Message...",
|
|
2275
2275
|
onSend,
|
|
@@ -2612,9 +2612,9 @@ function KeepRecordingModal({
|
|
|
2612
2612
|
if (!canKeep || isPending) return;
|
|
2613
2613
|
onConfirm({ reason, description: reason === "OTHER" ? trimmed : null });
|
|
2614
2614
|
};
|
|
2615
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2615
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
2616
2616
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
2617
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2617
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalTitle, { children: "Keep this recording" }) }),
|
|
2618
2618
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2619
2619
|
KeepNotice,
|
|
2620
2620
|
{
|
|
@@ -2652,7 +2652,7 @@ function KeepRecordingModal({
|
|
|
2652
2652
|
}
|
|
2653
2653
|
)
|
|
2654
2654
|
] }),
|
|
2655
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2655
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.ModalFooter, { children: [
|
|
2656
2656
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
2657
2657
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
2658
2658
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -2682,9 +2682,9 @@ function ReleaseKeepingModal({
|
|
|
2682
2682
|
isPending = false,
|
|
2683
2683
|
onConfirm
|
|
2684
2684
|
}) {
|
|
2685
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2685
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
2686
2686
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
2687
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2687
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalTitle, { children: "Release Keeping" }) }),
|
|
2688
2688
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[var(--spacing-system-xsf)] break-words text-ods-text-primary text-h4", children: [
|
|
2689
2689
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { children: [
|
|
2690
2690
|
"Kept by ",
|
|
@@ -2701,7 +2701,7 @@ function ReleaseKeepingModal({
|
|
|
2701
2701
|
] })
|
|
2702
2702
|
] }),
|
|
2703
2703
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeepNotice, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkILWSAV64cjs.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." }),
|
|
2704
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2704
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.ModalFooter, { children: [
|
|
2705
2705
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
2706
2706
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
2707
2707
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "accent", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Release Keeping" })
|
|
@@ -2743,9 +2743,9 @@ function AssignTicketModal({
|
|
|
2743
2743
|
if (ticketIds.length === 0 || isPending) return;
|
|
2744
2744
|
onConfirm(ticketIds);
|
|
2745
2745
|
};
|
|
2746
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2746
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
2747
2747
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
2748
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2748
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalTitle, { children: "Assign Ticket" }) }),
|
|
2749
2749
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2750
2750
|
Autocomplete,
|
|
2751
2751
|
{
|
|
@@ -2764,7 +2764,7 @@ function AssignTicketModal({
|
|
|
2764
2764
|
disabled: isPending
|
|
2765
2765
|
}
|
|
2766
2766
|
),
|
|
2767
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2767
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.ModalFooter, { children: [
|
|
2768
2768
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
2769
2769
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
2770
2770
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -2783,11 +2783,11 @@ function AssignTicketModal({
|
|
|
2783
2783
|
] });
|
|
2784
2784
|
}
|
|
2785
2785
|
function UnassignTicketModal({ isOpen, onClose, isPending = false, onConfirm }) {
|
|
2786
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2786
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.Modal, { isOpen, onClose: isPending ? () => {
|
|
2787
2787
|
} : onClose, className: "text-left md:max-w-[600px]", children: [
|
|
2788
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2788
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2IXYCEHcjs.ModalTitle, { children: "Unassign Ticket" }) }),
|
|
2789
2789
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full text-ods-text-primary text-h4", children: "This Ticket will no longer be linked to this remote session. The ticket itself stays as it is, and you can assign it again anytime." }),
|
|
2790
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
2790
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJ2IXYCEHcjs.ModalFooter, { children: [
|
|
2791
2791
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
|
|
2792
2792
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
|
|
2793
2793
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFCZAUK4Dcjs.Button, { type: "button", variant: "destructive", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Unassign" })
|
|
@@ -2868,7 +2868,7 @@ var STATUS_TAG = {
|
|
|
2868
2868
|
function RemoteSessionStatusTag({ status, className }) {
|
|
2869
2869
|
const { label, variant } = STATUS_TAG[status];
|
|
2870
2870
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
2871
|
-
|
|
2871
|
+
_chunkNFNSPLGCcjs.Tag,
|
|
2872
2872
|
{
|
|
2873
2873
|
label,
|
|
2874
2874
|
variant,
|
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
var _chunk24I6RFVUcjs = require('./chunk-24I6RFVU.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var _chunkEV6BPF47cjs = require('./chunk-EV6BPF47.cjs');
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _chunkUAI4VMEFcjs = require('./chunk-UAI4VMEF.cjs');
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
var _chunkYSDB6HGQcjs = require('./chunk-YSDB6HGQ.cjs');
|
|
@@ -89,7 +89,11 @@ function useResizablePanelSize({
|
|
|
89
89
|
},
|
|
90
90
|
[clampSize, storage]
|
|
91
91
|
);
|
|
92
|
-
|
|
92
|
+
const resetSize = _react.useCallback.call(void 0, () => {
|
|
93
|
+
setChosen({ storage, size: null });
|
|
94
|
+
_optionalChain([storage, 'optionalAccess', _9 => _9.clear, 'call', _10 => _10()]);
|
|
95
|
+
}, [storage]);
|
|
96
|
+
return { size, setSize, resetSize, clampSize };
|
|
93
97
|
}
|
|
94
98
|
|
|
95
99
|
// src/components/ui/drawer.tsx
|
|
@@ -268,7 +272,7 @@ var DrawerContent = _react.forwardRef.call(void 0,
|
|
|
268
272
|
...props,
|
|
269
273
|
children: [
|
|
270
274
|
applyInlineSize ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
271
|
-
|
|
275
|
+
_chunkEV6BPF47cjs.PanelResizeHandle,
|
|
272
276
|
{
|
|
273
277
|
variant: "overlay",
|
|
274
278
|
side: resolvedSide,
|
|
@@ -287,7 +291,7 @@ var DrawerContent = _react.forwardRef.call(void 0,
|
|
|
287
291
|
ref: panelRef,
|
|
288
292
|
className: _chunk63A4GZMBcjs.cn.call(void 0, drawerPanelVariants({ side, flush, size }), className, panelClassName),
|
|
289
293
|
style: { ...sizeStyle, ...panelStyle },
|
|
290
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3QXLD4Xcjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3QXLD4Xcjs.CollisionBoundaryContext.Provider, { value: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
294
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3QXLD4Xcjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkS3QXLD4Xcjs.CollisionBoundaryContext.Provider, { value: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUAI4VMEFcjs.ViewportBreakpoints, { children }) }) })
|
|
291
295
|
}
|
|
292
296
|
),
|
|
293
297
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setPortalHost, className: "contents" })
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunk7WKRMJI6cjs = require('./chunk-7WKRMJI6.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _chunkFHI4I3TQcjs = require('./chunk-FHI4I3TQ.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _chunkDYDQLS2Rcjs = require('./chunk-DYDQLS2R.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _chunkWCK5T3UDcjs = require('./chunk-WCK5T3UD.cjs');
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
var
|
|
21
|
+
var _chunkDGY5KEPYcjs = require('./chunk-DGY5KEPY.cjs');
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
|
26
26
|
|
|
27
|
-
var
|
|
27
|
+
var _chunkEV6BPF47cjs = require('./chunk-EV6BPF47.cjs');
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
var _chunk6CZVQ72Ccjs = require('./chunk-6CZVQ72C.cjs');
|
|
@@ -34,11 +34,11 @@ var _chunk6CZVQ72Ccjs = require('./chunk-6CZVQ72C.cjs');
|
|
|
34
34
|
var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
|
|
35
35
|
|
|
36
36
|
|
|
37
|
-
var
|
|
37
|
+
var _chunkCCRXBFNLcjs = require('./chunk-CCRXBFNL.cjs');
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
41
|
-
var
|
|
41
|
+
var _chunkRSJYTQEAcjs = require('./chunk-RSJYTQEA.cjs');
|
|
42
42
|
|
|
43
43
|
|
|
44
44
|
var _chunkTD4CC4KVcjs = require('./chunk-TD4CC4KV.cjs');
|
|
@@ -75,7 +75,7 @@ function OnboardingCatalogSectionsSkeleton() {
|
|
|
75
75
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }),
|
|
76
76
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: CATALOG_SECTION_COUNT_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-3" }) })
|
|
77
77
|
] }),
|
|
78
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: CATALOG_LIST_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63A4GZMBcjs.LoadingItems, { count: ONBOARDING_CATALOG_SKELETON_CARDS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-loading-item": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
78
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: CATALOG_LIST_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63A4GZMBcjs.LoadingItems, { count: ONBOARDING_CATALOG_SKELETON_CARDS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-loading-item": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSJYTQEAcjs.OnboardingGuideCard, { loading: true, size: "catalog" }) }) }) })
|
|
79
79
|
] }) });
|
|
80
80
|
}
|
|
81
81
|
function OnboardingGuidesCatalogView({
|
|
@@ -96,10 +96,10 @@ function OnboardingGuidesCatalogView({
|
|
|
96
96
|
const sectionValue = selfFetch ? _nullishCoalesce(searchParams.get("section"), () => ( "")) : initialSection;
|
|
97
97
|
const activeSection = sectionValue || "all";
|
|
98
98
|
const guidesQs = sectionValue ? `?section=${encodeURIComponent(sectionValue)}` : "";
|
|
99
|
-
const guidesRes =
|
|
99
|
+
const guidesRes = _chunkCCRXBFNLcjs.useSelfFetch.call(void 0,
|
|
100
100
|
selfFetch && guidesEndpoint ? `${guidesEndpoint}${guidesQs}` : null
|
|
101
101
|
);
|
|
102
|
-
const sectionsRes =
|
|
102
|
+
const sectionsRes = _chunkCCRXBFNLcjs.useSelfFetch.call(void 0, selfFetch && sectionsEndpoint ? sectionsEndpoint : null);
|
|
103
103
|
const guides = _react.useMemo.call(void 0, () => _nullishCoalesce(_nullishCoalesce(initialGuides, () => ( _optionalChain([guidesRes, 'access', _2 => _2.data, 'optionalAccess', _3 => _3.data]))), () => ( [])), [initialGuides, _optionalChain([guidesRes, 'access', _4 => _4.data, 'optionalAccess', _5 => _5.data])]);
|
|
104
104
|
const sections = _react.useMemo.call(void 0,
|
|
105
105
|
() => _nullishCoalesce(initialSections, () => ( (Array.isArray(sectionsRes.data) ? sectionsRes.data : []))),
|
|
@@ -143,25 +143,25 @@ function OnboardingGuidesCatalogView({
|
|
|
143
143
|
});
|
|
144
144
|
};
|
|
145
145
|
const source = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _6 => _6.source]), () => ( "openframe"));
|
|
146
|
-
const docSearch =
|
|
146
|
+
const docSearch = _chunkFHI4I3TQcjs.useDocSearch.call(void 0, {
|
|
147
147
|
source,
|
|
148
148
|
baseRoute: basePath,
|
|
149
149
|
onNavigate: (path) => router.push(path),
|
|
150
150
|
tableIds: ["onboarding-guides"]
|
|
151
151
|
});
|
|
152
152
|
const defaultRenderCard = (guide) => {
|
|
153
|
-
const cta =
|
|
153
|
+
const cta = _chunkDGY5KEPYcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _7 => _7.composeContentUrl]), {
|
|
154
154
|
type: "onboarding_guide",
|
|
155
155
|
slug: guide.slug,
|
|
156
156
|
basePath,
|
|
157
157
|
platforms: guide.onboarding_guide_platforms
|
|
158
158
|
});
|
|
159
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
159
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSJYTQEAcjs.OnboardingGuideCard, { guide, href: cta.href, targetPlatform: cta.targetPlatform, size: "catalog" });
|
|
160
160
|
};
|
|
161
161
|
const renderCardFn = _nullishCoalesce(renderCard, () => ( defaultRenderCard));
|
|
162
162
|
const preControls = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_CONTROLS_CLASS, children: [
|
|
163
163
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
164
|
-
|
|
164
|
+
_chunkFHI4I3TQcjs.DocSearchBar,
|
|
165
165
|
{
|
|
166
166
|
placeholder: "Search onboarding guides, releases, case studies\u2026",
|
|
167
167
|
query: docSearch.query,
|
|
@@ -173,7 +173,7 @@ function OnboardingGuidesCatalogView({
|
|
|
173
173
|
}
|
|
174
174
|
),
|
|
175
175
|
(loading || sections.length > 0) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
176
|
-
|
|
176
|
+
_chunkDYDQLS2Rcjs.FilterPillRow,
|
|
177
177
|
{
|
|
178
178
|
label: "Section",
|
|
179
179
|
selectedValue: activeSection,
|
|
@@ -184,7 +184,7 @@ function OnboardingGuidesCatalogView({
|
|
|
184
184
|
)
|
|
185
185
|
] });
|
|
186
186
|
if (!loading && selfFetch && guidesRes.error) {
|
|
187
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
187
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.LoadError, { message: "Failed to load onboarding guides.", onRetry: guidesRes.reload });
|
|
188
188
|
}
|
|
189
189
|
const view = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CATALOG_VIEW_CLASS, children: [
|
|
190
190
|
preControls,
|
|
@@ -200,7 +200,7 @@ function OnboardingGuidesCatalogView({
|
|
|
200
200
|
)
|
|
201
201
|
] });
|
|
202
202
|
if (!loading) return view;
|
|
203
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
203
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEV6BPF47cjs.LoadingFallback, { label: "Loading onboarding guides", children: view });
|
|
204
204
|
}
|
|
205
205
|
function OnboardingCatalogSections({
|
|
206
206
|
grouped,
|
|
@@ -304,7 +304,7 @@ function OnboardingGuideDetailView({
|
|
|
304
304
|
slug,
|
|
305
305
|
guideEndpoint,
|
|
306
306
|
related = [],
|
|
307
|
-
MarkdownRenderer =
|
|
307
|
+
MarkdownRenderer = _chunkDYDQLS2Rcjs.RichMarkdownRenderer,
|
|
308
308
|
renderRelatedCard,
|
|
309
309
|
backHref,
|
|
310
310
|
backLabel = "Back to Getting Started",
|
|
@@ -314,9 +314,9 @@ function OnboardingGuideDetailView({
|
|
|
314
314
|
}) {
|
|
315
315
|
const resolvedBackHref = _nullishCoalesce(backHref, () => ( basePath));
|
|
316
316
|
const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
|
|
317
|
-
const captions =
|
|
317
|
+
const captions = _chunkEV6BPF47cjs.useCaptions.call(void 0, );
|
|
318
318
|
const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
|
|
319
|
-
const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
319
|
+
const renderShell = (node) => shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.PageShell, { children: node }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: node });
|
|
320
320
|
const url = initialData ? null : slug && guideEndpoint ? guideEndpoint(slug) : null;
|
|
321
321
|
const scoped = _chunk63A4GZMBcjs.useLoadingScope.call(void 0, );
|
|
322
322
|
const {
|
|
@@ -324,7 +324,7 @@ function OnboardingGuideDetailView({
|
|
|
324
324
|
isLoading,
|
|
325
325
|
error,
|
|
326
326
|
reload
|
|
327
|
-
} =
|
|
327
|
+
} = _chunkCCRXBFNLcjs.useSelfFetch.call(void 0, scoped ? null : url, {
|
|
328
328
|
initialData
|
|
329
329
|
});
|
|
330
330
|
const { ref: videoWarmupRef } = _chunk6CZVQ72Ccjs.useVideoWarmup.call(void 0, {
|
|
@@ -334,7 +334,7 @@ function OnboardingGuideDetailView({
|
|
|
334
334
|
const backCfg = { label: backLabel, onClick: () => router.push(resolvedBackHref) };
|
|
335
335
|
const loading = scoped || !guide && isLoading;
|
|
336
336
|
if (!loading && (error || !guide)) {
|
|
337
|
-
return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
337
|
+
return renderShell(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.LoadError, { message: "Guide not found.", onRetry: reload }));
|
|
338
338
|
}
|
|
339
339
|
const view = _nullishCoalesce(guide, () => ( EMPTY_ONBOARDING_GUIDE));
|
|
340
340
|
const { captionsUrl, highlightCaptionsUrl } = captions.forEntity("onboarding_guide", view);
|
|
@@ -342,19 +342,19 @@ function OnboardingGuideDetailView({
|
|
|
342
342
|
// worst), so it's the terminal fallback — no trailing `|| undefined` needed.
|
|
343
343
|
_chunkAPNONOHYcjs.buildOgPlaceholderUrl.call(void 0, _optionalChain([runtime, 'optionalAccess', _11 => _11.endpoints]), view.title, { aspect: "wide" });
|
|
344
344
|
const defaultRenderRelatedCard = (g) => {
|
|
345
|
-
const cta =
|
|
345
|
+
const cta = _chunkDGY5KEPYcjs.resolveContentHref.call(void 0, _optionalChain([runtime, 'optionalAccess', _12 => _12.composeContentUrl]), {
|
|
346
346
|
type: "onboarding_guide",
|
|
347
347
|
slug: g.slug,
|
|
348
348
|
basePath,
|
|
349
349
|
platforms: g.onboarding_guide_platforms
|
|
350
350
|
});
|
|
351
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
351
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSJYTQEAcjs.OnboardingGuideCard, { guide: g, href: cta.href, targetPlatform: cta.targetPlatform });
|
|
352
352
|
};
|
|
353
353
|
const renderRelatedCardFn = _nullishCoalesce(renderRelatedCard, () => ( defaultRenderRelatedCard));
|
|
354
|
-
const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
355
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
354
|
+
const page = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWCK5T3UDcjs.PageLayout, { title: view.title, loading, titleSize: "h1", titleWrap: true, backButton: backCfg, children: [
|
|
355
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDYDQLS2Rcjs.EntityTagBadges, { tags: view.onboarding_guide_tags }),
|
|
356
356
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
357
|
-
|
|
357
|
+
_chunkRSJYTQEAcjs.EntityAuthorCard,
|
|
358
358
|
{
|
|
359
359
|
author: view.author,
|
|
360
360
|
authorHref,
|
|
@@ -370,7 +370,7 @@ function OnboardingGuideDetailView({
|
|
|
370
370
|
),
|
|
371
371
|
!loading && (view.main_video_url || view.youtube_url) && // A guide's video is optional: the loading state leaves it out.
|
|
372
372
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: videoWarmupRef, "data-loading-optional": "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
373
|
-
|
|
373
|
+
_chunkEV6BPF47cjs.EntityVideoSection,
|
|
374
374
|
{
|
|
375
375
|
mainVideoUrl: view.main_video_url,
|
|
376
376
|
youtubeUrl: view.youtube_url || void 0,
|
|
@@ -387,7 +387,7 @@ function OnboardingGuideDetailView({
|
|
|
387
387
|
) }),
|
|
388
388
|
(loading || view.content) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: BODY_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MarkdownRenderer, { content: _nullishCoalesce(view.content, () => ( "")) }) }),
|
|
389
389
|
loading ? null : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "contents", "data-loading-optional": "", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
390
|
-
|
|
390
|
+
_chunkEV6BPF47cjs.VideoBitesStrip,
|
|
391
391
|
{
|
|
392
392
|
bites: _nullishCoalesce(view.video_bites, () => ( [])),
|
|
393
393
|
filterPublished: true,
|
|
@@ -397,7 +397,7 @@ function OnboardingGuideDetailView({
|
|
|
397
397
|
}
|
|
398
398
|
) }),
|
|
399
399
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
400
|
-
|
|
400
|
+
_chunk7WKRMJI6cjs.ArticleAuthorByline,
|
|
401
401
|
{
|
|
402
402
|
author: _nullishCoalesce(_optionalChain([view, 'access', _13 => _13.author, 'optionalAccess', _14 => _14.full_name]), () => ( null)),
|
|
403
403
|
avatar: _optionalChain([view, 'access', _15 => _15.author, 'optionalAccess', _16 => _16.avatar_url]),
|
|
@@ -410,7 +410,7 @@ function OnboardingGuideDetailView({
|
|
|
410
410
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, RelatedGuides, { section: view.section, related, renderCard: renderRelatedCardFn }),
|
|
411
411
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: relatedContent }, "related-content")
|
|
412
412
|
] });
|
|
413
|
-
return renderShell(loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
413
|
+
return renderShell(loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEV6BPF47cjs.LoadingFallback, { label: "Loading the guide", children: page }) : page);
|
|
414
414
|
}
|
|
415
415
|
|
|
416
416
|
// src/components/onboarding-guides/hooks/use-onboarding-guides.ts
|