@flamingo-stack/openframe-frontend-core 0.0.781 → 0.0.783
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/case-study-card-WYZPBDDM.cjs +23 -0
- package/dist/{chunk-RJX33Y4Q.cjs → chunk-3INHO6GP.cjs} +22 -22
- package/dist/{chunk-TH5X2BXK.cjs → chunk-3PKORICR.cjs} +115 -115
- package/dist/{chunk-JHDPEYZH.cjs → chunk-4DKPNN2A.cjs} +17 -17
- package/dist/{chunk-L4XOCV7S.cjs → chunk-4DQ4CNAG.cjs} +10 -10
- package/dist/{chunk-HTSRCFXP.cjs → chunk-4MQASMIU.cjs} +7 -7
- package/dist/{chunk-3VINTJPE.cjs → chunk-5WMRVMXH.cjs} +5 -5
- package/dist/{chunk-OHXB6HUX.cjs → chunk-5XAWVXNI.cjs} +320 -320
- package/dist/{chunk-HLZUBJPL.cjs → chunk-62TMGBRO.cjs} +197 -197
- package/dist/{chunk-B6EQVH7D.cjs → chunk-6NEWJ6I2.cjs} +51 -51
- package/dist/{chunk-FWJ5YECN.cjs → chunk-7OJMOG34.cjs} +546 -544
- package/dist/{chunk-63OCO2G5.cjs → chunk-A3UZFFR3.cjs} +4 -4
- package/dist/{chunk-XHJI7R4J.cjs → chunk-AFSVWR3X.cjs} +46 -46
- package/dist/{chunk-LDGR5VCK.cjs → chunk-APO7GMZQ.cjs} +4 -4
- package/dist/{chunk-PID7LUDP.cjs → chunk-BAJB3JF3.cjs} +31 -31
- package/dist/{chunk-T7SDYBST.cjs → chunk-BE4OUWTA.cjs} +54 -54
- package/dist/{chunk-ZV6RQNXE.cjs → chunk-CBKXU77H.cjs} +46 -46
- package/dist/{chunk-IYU2ZH2J.cjs → chunk-CS5SZJFV.cjs} +2 -2
- package/dist/{chunk-Q7HXTF2C.cjs → chunk-DYF6XB27.cjs} +4 -4
- package/dist/{chunk-AKCBLZAO.cjs → chunk-E2ZZOYSM.cjs} +74 -62
- package/dist/{chunk-57NE7SHG.cjs → chunk-EFCWHAYC.cjs} +8 -8
- package/dist/{chunk-KWV23THO.cjs → chunk-EHQ2UGT4.cjs} +14 -14
- package/dist/{chunk-DJTPDK3W.cjs → chunk-F2FFJWOQ.cjs} +4 -4
- package/dist/{chunk-CDBFQVPA.cjs → chunk-FLS6DZEN.cjs} +46 -43
- package/dist/{chunk-VZKAAXU3.cjs → chunk-FS7CBRF4.cjs} +23 -23
- package/dist/{chunk-X6TXMWBV.cjs → chunk-H3RHAN6B.cjs} +61 -61
- package/dist/{chunk-HPGCUYAZ.cjs → chunk-KRXHRL3W.cjs} +110 -110
- package/dist/{chunk-D46WFWWI.cjs → chunk-LGISRUGF.cjs} +41 -39
- package/dist/{chunk-2OYKOHFK.cjs → chunk-LUWYWYNC.cjs} +2 -2
- package/dist/{chunk-N6YCOBLK.cjs → chunk-MGEUZRNQ.cjs} +101 -9
- package/dist/{chunk-YEJWNHD3.cjs → chunk-MKF6XX5A.cjs} +63 -63
- package/dist/{chunk-3IHGS44W.cjs → chunk-N2SVJJLU.cjs} +5 -5
- package/dist/{chunk-TZ6MTHUC.cjs → chunk-N5TPRCSS.cjs} +60 -60
- package/dist/{chunk-YNDH72VU.cjs → chunk-NNNRN4OF.cjs} +14 -14
- package/dist/{chunk-JQWYXC2E.cjs → chunk-ODDUGLYF.cjs} +110 -110
- package/dist/{chunk-T4ZVKEDP.cjs → chunk-OMTH355I.cjs} +3 -3
- package/dist/{chunk-OFX6XEVN.cjs → chunk-PQSTPJQQ.cjs} +13 -13
- package/dist/{chunk-YKJ4JN6T.cjs → chunk-RL45AU2C.cjs} +42 -42
- package/dist/{chunk-DIY4SJZI.cjs → chunk-RT6QATX4.cjs} +19 -19
- package/dist/{chunk-ODZ5XGWA.cjs → chunk-THOGSAFH.cjs} +2076 -2052
- package/dist/{chunk-UONQCE5N.cjs → chunk-TS6TISIF.cjs} +209 -208
- package/dist/{chunk-SMEX3BWO.cjs → chunk-UPQMFK5B.cjs} +7 -7
- package/dist/{chunk-5PBWAF2D.cjs → chunk-URFAMWCA.cjs} +44 -44
- package/dist/{chunk-VDTLVFCV.cjs → chunk-WHNI4QTG.cjs} +13 -13
- package/dist/{chunk-EYNQE2XN.cjs → chunk-WS7IDGEL.cjs} +6 -6
- package/dist/{chunk-QD7SKYCQ.cjs → chunk-WSBWP7IW.cjs} +3 -3
- package/dist/{chunk-RYIWADIB.cjs → chunk-XAA5LUHC.cjs} +12 -12
- package/dist/{chunk-XYKVOBIP.cjs → chunk-XKDJ5ISQ.cjs} +3 -3
- package/dist/{chunk-A7FSNBNV.cjs → chunk-YU23M33V.cjs} +173 -172
- package/dist/{chunk-ZPYFPLPD.cjs → chunk-YXZOP726.cjs} +10 -10
- package/dist/{chunk-4XDYSGRL.cjs → chunk-ZFOMRALU.cjs} +17 -17
- package/dist/{chunk-AFJEUBDS.cjs → chunk-ZJS45HQZ.cjs} +29 -29
- package/dist/{cloud-tenants-UAFVHKX7.cjs → cloud-tenants-QYW3MPPP.cjs} +32 -32
- package/dist/components/calendar.cjs +10 -10
- package/dist/components/case-studies/index.cjs +52 -52
- package/dist/components/category-card.d.ts.map +1 -1
- package/dist/components/category-card.js +1 -0
- package/dist/components/chat/ask-display.js +2 -2
- package/dist/components/chat/chat-context-memory-bar.js +2 -2
- package/dist/components/chat/chat-context-picker.d.ts.map +1 -1
- package/dist/components/chat/chat-context-picker.js +4 -2
- package/dist/components/chat/chat-input.d.ts.map +1 -1
- package/dist/components/chat/chat-input.js +2 -1
- package/dist/components/chat/chat-nav-sidebar.d.ts.map +1 -1
- package/dist/components/chat/chat-nav-sidebar.js +12 -1
- package/dist/components/chat/embeddable-chat.js +120 -98
- package/dist/components/chat/guide-mode-banner.js +1 -1
- package/dist/components/chat/index.cjs +26 -26
- package/dist/components/chat/mingo-welcome.js +1 -1
- package/dist/components/contact/index.cjs +33 -33
- package/dist/components/docs/index.cjs +36 -36
- package/dist/components/embeds/index.cjs +33 -33
- package/dist/components/faq/index.cjs +34 -34
- package/dist/components/features/capability-explorer.d.ts.map +1 -1
- package/dist/components/features/capability-explorer.js +11 -1
- package/dist/components/features/command-box.js +1 -1
- package/dist/components/features/devices/devices-grid-filters.d.ts.map +1 -1
- package/dist/components/features/devices/devices-grid-filters.js +15 -4
- package/dist/components/features/filters-dropdown.d.ts.map +1 -1
- package/dist/components/features/filters-dropdown.js +6 -5
- package/dist/components/features/index.cjs +32 -32
- package/dist/components/features/model-token-rates.js +1 -1
- package/dist/components/features/notifications/notification-drawer.d.ts.map +1 -1
- package/dist/components/features/notifications/notification-drawer.js +1 -0
- package/dist/components/features/notifications/notification-tile.js +1 -1
- package/dist/components/features/paths-display.js +1 -1
- package/dist/components/features/remote-session/remote-session-events.d.ts.map +1 -1
- package/dist/components/features/remote-session/remote-session-events.js +1 -0
- package/dist/components/features/scripts/schedule-form/schedule-script-picker-card.js +1 -1
- package/dist/components/features/scripts/schedule-form/schedule-timing-fields.js +1 -1
- package/dist/components/features/select-button.js +0 -1
- package/dist/components/features/tags-selector.js +1 -1
- package/dist/components/help-center-pages/index.cjs +163 -163
- package/dist/components/index.cjs +205 -204
- package/dist/components/loading/loading-region.d.ts.map +1 -1
- package/dist/components/loading/loading-region.js +2 -2
- package/dist/components/meeting-scheduler/index.cjs +187 -187
- package/dist/components/navigation/index.cjs +35 -35
- package/dist/components/navigation/mobile-burger-menu.d.ts.map +1 -1
- package/dist/components/navigation/mobile-burger-menu.js +2 -1
- package/dist/components/navigation/multi-level-navigation.d.ts.map +1 -1
- package/dist/components/navigation/multi-level-navigation.js +4 -2
- package/dist/components/navigation/navigation-sidebar-item.js +3 -3
- package/dist/components/onboarding-guides/index.cjs +35 -35
- package/dist/components/product-demo/index.cjs +45 -45
- package/dist/components/related-content/index.cjs +17 -17
- package/dist/components/tickets/index.cjs +39 -39
- package/dist/components/ui/allowed-domains-input.d.ts.map +1 -1
- package/dist/components/ui/allowed-domains-input.js +1 -0
- package/dist/components/ui/button/button-styles.d.ts +12 -4
- package/dist/components/ui/button/button-styles.d.ts.map +1 -1
- package/dist/components/ui/button/button-styles.js +99 -7
- package/dist/components/ui/button/button.d.ts +1 -1
- package/dist/components/ui/button/button.d.ts.map +1 -1
- package/dist/components/ui/button/button.js +3 -0
- package/dist/components/ui/file-manager/file-manager-breadcrumb.d.ts.map +1 -1
- package/dist/components/ui/file-manager/file-manager-breadcrumb.js +1 -0
- package/dist/components/ui/file-manager/index.cjs +56 -55
- package/dist/components/ui/file-upload.d.ts.map +1 -1
- package/dist/components/ui/file-upload.js +5 -3
- package/dist/components/ui/hidden-tags-popup.js +1 -1
- package/dist/components/ui/hover-dropdown.js +1 -1
- package/dist/components/ui/index.cjs +32 -32
- package/dist/components/ui/info-card.js +1 -1
- package/dist/components/ui/info-section.d.ts.map +1 -1
- package/dist/components/ui/info-section.js +1 -0
- package/dist/components/ui/loading-scope.d.ts.map +1 -1
- package/dist/components/ui/loading-scope.js +2 -2
- package/dist/components/ui/modal-v2.js +1 -1
- package/dist/components/ui/organization-card.d.ts.map +1 -1
- package/dist/components/ui/organization-card.js +2 -1
- package/dist/components/ui/page-actions.d.ts +2 -2
- package/dist/components/ui/page-actions.d.ts.map +1 -1
- package/dist/components/ui/password-input.js +1 -1
- package/dist/components/ui/service-card.js +3 -3
- package/dist/components/ui/tab-selector.d.ts.map +1 -1
- package/dist/components/ui/tab-selector.js +3 -3
- package/dist/components/ui/test-run.d.ts.map +1 -1
- package/dist/components/ui/test-run.js +2 -1
- package/dist/components/ui/textarea.d.ts.map +1 -1
- package/dist/components/ui/textarea.js +2 -1
- package/dist/components/ui/ticket-attachments-list.d.ts.map +1 -1
- package/dist/components/ui/ticket-attachments-list.js +3 -2
- package/dist/components/ui/ticket-info-section.d.ts.map +1 -1
- package/dist/components/ui/ticket-info-section.js +1 -0
- package/dist/components/ui/ticket-note-card.d.ts.map +1 -1
- package/dist/components/ui/ticket-note-card.js +6 -4
- package/dist/components/ui/ticket-status-config-row.d.ts.map +1 -1
- package/dist/components/ui/ticket-status-config-row.js +1 -10
- package/dist/components/ui/toaster.js +1 -1
- package/dist/components/vendor-display-button.js +1 -1
- package/dist/{devices-TDKCKWRP.cjs → devices-DMMMEO2B.cjs} +33 -33
- package/dist/embed-shims/index.cjs +4 -4
- package/dist/embed-shims/next-image.cjs +4 -4
- package/dist/{embeddable-chat-HEL4Z2FL.cjs → embeddable-chat-OSSPL7L4.cjs} +226 -204
- package/dist/hooks/index.cjs +10 -10
- package/dist/index.cjs +48 -48
- package/dist/{knowledge-A5KJ4CAD.cjs → knowledge-XQQXVV6C.cjs} +33 -33
- package/dist/{logs-6WRBPIMM.cjs → logs-BHKMDCBP.cjs} +41 -41
- package/dist/{policies-ICRXHW3H.cjs → policies-5IY7QUED.cjs} +36 -36
- package/dist/{remote-session-MEV5JL2Z.cjs → remote-session-IEOWFBF7.cjs} +17 -17
- package/dist/{scripts-AZVCZE6C.cjs → scripts-ZQXRBGVK.cjs} +39 -39
- package/dist/{software-update-4ZBCGJGA.cjs → software-update-RGFRYL3N.cjs} +36 -36
- package/dist/{tickets-board-BJPQD3HE.cjs → tickets-board-EYKLSB36.cjs} +17 -17
- package/dist/{video-file-player-DETXW4OJ.cjs → video-file-player-ZU666VUY.cjs} +14 -14
- package/package.json +1 -1
- package/src/components/category-card.tsx +2 -0
- package/src/components/chat/ask-display.tsx +2 -2
- package/src/components/chat/chat-context-memory-bar.tsx +2 -2
- package/src/components/chat/chat-context-picker.tsx +4 -2
- package/src/components/chat/chat-input.tsx +3 -1
- package/src/components/chat/chat-nav-sidebar.tsx +10 -1
- package/src/components/chat/embeddable-chat.tsx +21 -4
- package/src/components/chat/guide-mode-banner.tsx +1 -1
- package/src/components/chat/mingo-welcome.tsx +1 -1
- package/src/components/features/capability-explorer.tsx +8 -1
- package/src/components/features/command-box.tsx +1 -1
- package/src/components/features/devices/devices-grid-filters.tsx +8 -1
- package/src/components/features/filters-dropdown.tsx +6 -1
- package/src/components/features/model-token-rates.tsx +1 -1
- package/src/components/features/notifications/notification-drawer.tsx +1 -0
- package/src/components/features/notifications/notification-tile.tsx +1 -1
- package/src/components/features/paths-display.tsx +1 -1
- package/src/components/features/remote-session/remote-session-events.tsx +2 -0
- package/src/components/features/scripts/schedule-form/schedule-script-picker-card.tsx +1 -1
- package/src/components/features/scripts/schedule-form/schedule-timing-fields.tsx +1 -1
- package/src/components/features/select-button.tsx +2 -2
- package/src/components/features/tags-selector.tsx +1 -1
- package/src/components/loading/loading-region.tsx +4 -1
- package/src/components/navigation/mobile-burger-menu.tsx +3 -1
- package/src/components/navigation/multi-level-navigation.tsx +6 -2
- package/src/components/navigation/navigation-sidebar-item.tsx +5 -5
- package/src/components/ui/allowed-domains-input.tsx +1 -0
- package/src/components/ui/button/button-styles.ts +106 -9
- package/src/components/ui/button/button.tsx +3 -0
- package/src/components/ui/file-manager/file-manager-breadcrumb.tsx +1 -0
- package/src/components/ui/file-upload.tsx +5 -3
- package/src/components/ui/hidden-tags-popup.tsx +1 -1
- package/src/components/ui/hover-dropdown.tsx +1 -1
- package/src/components/ui/info-card.tsx +1 -1
- package/src/components/ui/info-section.tsx +2 -0
- package/src/components/ui/loading-scope.tsx +2 -1
- package/src/components/ui/modal-v2.tsx +1 -1
- package/src/components/ui/organization-card.tsx +3 -1
- package/src/components/ui/page-actions.tsx +14 -2
- package/src/components/ui/password-input.tsx +1 -1
- package/src/components/ui/service-card.tsx +3 -3
- package/src/components/ui/tab-selector.tsx +5 -3
- package/src/components/ui/test-run.tsx +2 -1
- package/src/components/ui/textarea.tsx +3 -1
- package/src/components/ui/ticket-attachments-list.tsx +3 -2
- package/src/components/ui/ticket-info-section.tsx +1 -0
- package/src/components/ui/ticket-note-card.tsx +6 -4
- package/src/components/ui/ticket-status-config-row.tsx +1 -6
- package/src/components/ui/toaster.tsx +1 -1
- package/src/components/vendor-display-button.tsx +1 -1
- package/dist/case-study-card-CYJ3JXU6.cjs +0 -23
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _chunkDYF6XB27cjs = require('./chunk-DYF6XB27.cjs');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
@@ -12,22 +12,22 @@ var _chunkQ7HXTF2Ccjs = require('./chunk-Q7HXTF2C.cjs');
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
var
|
|
15
|
+
var _chunk4MQASMIUcjs = require('./chunk-4MQASMIU.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var _chunkF2FFJWOQcjs = require('./chunk-F2FFJWOQ.cjs');
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
23
|
var _chunkNTPX5GXIcjs = require('./chunk-NTPX5GXI.cjs');
|
|
24
24
|
|
|
25
25
|
|
|
26
|
-
var
|
|
26
|
+
var _chunkCS5SZJFVcjs = require('./chunk-CS5SZJFV.cjs');
|
|
27
27
|
|
|
28
28
|
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var _chunk5WMRVMXHcjs = require('./chunk-5WMRVMXH.cjs');
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
|
|
@@ -38,14 +38,14 @@ var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
|
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
|
|
41
|
-
var
|
|
41
|
+
var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
|
|
42
42
|
|
|
43
43
|
|
|
44
|
-
var
|
|
44
|
+
var _chunkFLS6DZENcjs = require('./chunk-FLS6DZEN.cjs');
|
|
45
45
|
|
|
46
46
|
|
|
47
47
|
|
|
48
|
-
var
|
|
48
|
+
var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
|
|
49
49
|
|
|
50
50
|
|
|
51
51
|
var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
|
|
@@ -119,7 +119,7 @@ var filePlayerLoad = null;
|
|
|
119
119
|
var filePlayerListeners = /* @__PURE__ */ new Set();
|
|
120
120
|
function loadFilePlayer() {
|
|
121
121
|
if (filePlayer || filePlayerLoad) return;
|
|
122
|
-
filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-
|
|
122
|
+
filePlayerLoad = Promise.resolve().then(() => _interopRequireWildcard(require("./video-file-player-ZU666VUY.cjs"))).then((module) => {
|
|
123
123
|
filePlayer = module.default;
|
|
124
124
|
for (const listener of filePlayerListeners) listener();
|
|
125
125
|
}).catch(() => void 0).finally(() => {
|
|
@@ -141,9 +141,9 @@ var PosterBox = _react.forwardRef.call(void 0, function PosterBoxView({ poster,
|
|
|
141
141
|
{
|
|
142
142
|
ref,
|
|
143
143
|
"aria-hidden": "true",
|
|
144
|
-
className:
|
|
144
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0, "relative overflow-hidden", className),
|
|
145
145
|
style: fill ? { width: "100%", height: "100%" } : void 0,
|
|
146
|
-
children: poster ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
146
|
+
children: poster ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5WMRVMXHcjs.next_image_default, { src: poster, alt: "", fill: true, sizes: "100vw", priority, unoptimized: true, className: "object-cover" }) : null
|
|
147
147
|
}
|
|
148
148
|
);
|
|
149
149
|
});
|
|
@@ -196,7 +196,7 @@ function extractYouTubeId(url) {
|
|
|
196
196
|
}
|
|
197
197
|
function Video(props) {
|
|
198
198
|
const { ref: nearRef, isNear } = _chunkNTPX5GXIcjs.useNearViewport.call(void 0, );
|
|
199
|
-
const loading =
|
|
199
|
+
const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
|
|
200
200
|
const url = props.url;
|
|
201
201
|
const layout = _nullishCoalesce(props.layout, () => ( "native"));
|
|
202
202
|
if (loading && !url || props.loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VideoSkeleton, { layout, className: props.className });
|
|
@@ -225,7 +225,7 @@ function Video(props) {
|
|
|
225
225
|
className: props.className,
|
|
226
226
|
minimalControls: props.minimalControls,
|
|
227
227
|
muted: props.muted,
|
|
228
|
-
...
|
|
228
|
+
..._chunk4MQASMIUcjs.pickYouTube.call(void 0, props)
|
|
229
229
|
}
|
|
230
230
|
) : "firstFrameOnly" in props && props.firstFrameOnly ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
231
231
|
FirstFramePreview,
|
|
@@ -242,7 +242,7 @@ function Video(props) {
|
|
|
242
242
|
poster: props.poster,
|
|
243
243
|
priority: props.priority,
|
|
244
244
|
muted: props.muted,
|
|
245
|
-
...
|
|
245
|
+
..._chunk4MQASMIUcjs.pickFilePlayback.call(void 0, props),
|
|
246
246
|
className: props.className
|
|
247
247
|
}
|
|
248
248
|
);
|
|
@@ -257,7 +257,7 @@ function resolveKind(props, url) {
|
|
|
257
257
|
return isYouTubeUrl(url) ? "youtube" : "file";
|
|
258
258
|
}
|
|
259
259
|
function VideoSkeleton({ layout = "native", className }) {
|
|
260
|
-
return wrapWithLayout(/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
260
|
+
return wrapWithLayout(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { variant: "rectangular", className: _chunkMGEUZRNQcjs.cn.call(void 0, "h-full w-full", className) }), layout);
|
|
261
261
|
}
|
|
262
262
|
function wrapWithLayout(inner, layout) {
|
|
263
263
|
switch (layout) {
|
|
@@ -407,7 +407,7 @@ function YouTubeFacadeInner({
|
|
|
407
407
|
if (!payload) return;
|
|
408
408
|
if (payload.event === "onError") {
|
|
409
409
|
setFailed(true);
|
|
410
|
-
|
|
410
|
+
_chunk4MQASMIUcjs.reportPlaybackFailure.call(void 0, { kind: "youtube", src: videoId, reason: "error", errorCode: payload.errorCode });
|
|
411
411
|
return;
|
|
412
412
|
}
|
|
413
413
|
if (payload.event !== "infoDelivery") return;
|
|
@@ -445,7 +445,7 @@ function YouTubeFacadeInner({
|
|
|
445
445
|
const wrapperClass = `relative w-full ${_nullishCoalesce(className, () => ( ""))}`;
|
|
446
446
|
const wrapperStyle = { paddingBottom: "56.25%" };
|
|
447
447
|
if (activated && failed) {
|
|
448
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
448
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.VideoErrorOverlay, { onRetry: retry, watchOnYouTubeId: videoId }) });
|
|
449
449
|
}
|
|
450
450
|
if (activated) {
|
|
451
451
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -463,7 +463,7 @@ function YouTubeFacadeInner({
|
|
|
463
463
|
) });
|
|
464
464
|
}
|
|
465
465
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: wrapperClass, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
466
|
-
|
|
466
|
+
_chunkFLS6DZENcjs.Button,
|
|
467
467
|
{
|
|
468
468
|
variant: "card",
|
|
469
469
|
type: "button",
|
|
@@ -482,14 +482,14 @@ function YouTubeFacadeInner({
|
|
|
482
482
|
height: 720,
|
|
483
483
|
loading: "lazy",
|
|
484
484
|
onError: handlePosterError,
|
|
485
|
-
...
|
|
485
|
+
..._chunk5WMRVMXHcjs.fetchPriorityProp.call(void 0, priority),
|
|
486
486
|
decoding: priority ? "sync" : "async",
|
|
487
487
|
className: "absolute inset-0 h-full w-full object-cover"
|
|
488
488
|
}
|
|
489
489
|
)
|
|
490
490
|
] }),
|
|
491
491
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 flex items-center justify-center bg-ods-bg bg-opacity-20 transition-opacity duration-200 group-hover:bg-opacity-30", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
492
|
-
|
|
492
|
+
_chunk4MQASMIUcjs.VideoPlayBadge,
|
|
493
493
|
{
|
|
494
494
|
size: "lg",
|
|
495
495
|
className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
|
|
@@ -524,7 +524,7 @@ function VideoHoverPreviewSurface({
|
|
|
524
524
|
onEnded,
|
|
525
525
|
className
|
|
526
526
|
}) {
|
|
527
|
-
const previewUrl =
|
|
527
|
+
const previewUrl = _chunk4MQASMIUcjs.toMuxPreviewUrl.call(void 0, url);
|
|
528
528
|
const gateControlled = playerMounted !== void 0;
|
|
529
529
|
const rootElRef = _react.useRef.call(void 0, null);
|
|
530
530
|
const [isNear, setIsNear] = _react.useState.call(void 0, false);
|
|
@@ -541,9 +541,9 @@ function VideoHoverPreviewSurface({
|
|
|
541
541
|
const showMedia = continuation || (gateControlled ? playerMounted : isNear);
|
|
542
542
|
const { src: posterSrc, onError: onPosterError } = useCoverImageFallback(posterUrl);
|
|
543
543
|
const facadeSkipped = preload === "none" && !posterSrc;
|
|
544
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className:
|
|
544
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className: _chunkMGEUZRNQcjs.cn.call(void 0, "absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
545
545
|
posterSrc ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
546
|
-
|
|
546
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
547
547
|
{
|
|
548
548
|
src: posterSrc,
|
|
549
549
|
alt: "",
|
|
@@ -555,7 +555,7 @@ function VideoHoverPreviewSurface({
|
|
|
555
555
|
className: "object-cover"
|
|
556
556
|
}
|
|
557
557
|
) : facadeSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Video, { kind: "file", url: previewUrl, firstFrameOnly: true, layout: "fill", fit }),
|
|
558
|
-
badge === "play" && !active && !continuation && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
558
|
+
badge === "play" && !active && !continuation && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
|
|
559
559
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
560
560
|
"div",
|
|
561
561
|
{
|
|
@@ -597,35 +597,35 @@ function EntityIcon({
|
|
|
597
597
|
size = 20,
|
|
598
598
|
className
|
|
599
599
|
}) {
|
|
600
|
-
const identity =
|
|
601
|
-
const held =
|
|
600
|
+
const identity = _chunkDYF6XB27cjs.useAgentIdentityIcon.call(void 0, _optionalChain([icon, 'optionalAccess', _19 => _19.url]) ? null : _optionalChain([icon, 'optionalAccess', _20 => _20.name]));
|
|
601
|
+
const held = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
|
|
602
602
|
if (held) {
|
|
603
603
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
604
|
-
|
|
604
|
+
_chunkNNNRN4OFcjs.UnifiedSkeleton,
|
|
605
605
|
{
|
|
606
606
|
as: "span",
|
|
607
607
|
width: size,
|
|
608
608
|
height: size,
|
|
609
|
-
className:
|
|
609
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0, "inline-block shrink-0 rounded-md", className)
|
|
610
610
|
}
|
|
611
611
|
);
|
|
612
612
|
}
|
|
613
613
|
if (!_optionalChain([icon, 'optionalAccess', _21 => _21.url]) && _optionalChain([identity, 'optionalAccess', _22 => _22.url])) {
|
|
614
614
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
615
|
-
|
|
615
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
616
616
|
{
|
|
617
617
|
src: identity.url,
|
|
618
618
|
alt: "",
|
|
619
619
|
width: size,
|
|
620
620
|
height: size,
|
|
621
|
-
className:
|
|
621
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkDYF6XB27cjs.AGENT_PICTURE_CLASS, className),
|
|
622
622
|
unoptimized: true
|
|
623
623
|
}
|
|
624
624
|
);
|
|
625
625
|
}
|
|
626
626
|
if (_optionalChain([icon, 'optionalAccess', _23 => _23.url])) {
|
|
627
627
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
628
|
-
|
|
628
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
629
629
|
{
|
|
630
630
|
src: icon.url,
|
|
631
631
|
alt: "",
|
|
@@ -637,8 +637,8 @@ function EntityIcon({
|
|
|
637
637
|
}
|
|
638
638
|
);
|
|
639
639
|
}
|
|
640
|
-
const Glyph =
|
|
641
|
-
const agentColor = identity ? { color:
|
|
640
|
+
const Glyph = _chunkCS5SZJFVcjs.resolveIcon.call(void 0, _nullishCoalesce(_nullishCoalesce(_optionalChain([identity, 'optionalAccess', _24 => _24.name]), () => ( _optionalChain([icon, 'optionalAccess', _25 => _25.name]))), () => ( void 0)));
|
|
641
|
+
const agentColor = identity ? { color: _chunkDYF6XB27cjs.AGENT_GLYPH_COLOR } : {};
|
|
642
642
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Glyph, { size, className, ...agentColor, ..._nullishCoalesce(_optionalChain([identity, 'optionalAccess', _26 => _26.props]), () => ( {})), ..._nullishCoalesce(_optionalChain([icon, 'optionalAccess', _27 => _27.props]), () => ( {})) });
|
|
643
643
|
}
|
|
644
644
|
|
|
@@ -654,7 +654,7 @@ var Card = _react.forwardRef.call(void 0,
|
|
|
654
654
|
"div",
|
|
655
655
|
{
|
|
656
656
|
ref,
|
|
657
|
-
className:
|
|
657
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0,
|
|
658
658
|
// `border` with NO color token resolves to `currentColor` — on a dark card
|
|
659
659
|
// with light text that paints a WHITE outline. Every ODS surface borders
|
|
660
660
|
// on `--color-border`; say so.
|
|
@@ -667,21 +667,21 @@ var Card = _react.forwardRef.call(void 0,
|
|
|
667
667
|
)
|
|
668
668
|
);
|
|
669
669
|
Card.displayName = "Card";
|
|
670
|
-
var CardHeader = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className:
|
|
670
|
+
var CardHeader = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className), ...props }));
|
|
671
671
|
CardHeader.displayName = "CardHeader";
|
|
672
|
-
var CardTitle = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className:
|
|
672
|
+
var CardTitle = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "text-h2", className), ...props }));
|
|
673
673
|
CardTitle.displayName = "CardTitle";
|
|
674
|
-
var CardDescription = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className:
|
|
674
|
+
var CardDescription = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "text-muted-foreground text-h6", className), ...props }));
|
|
675
675
|
CardDescription.displayName = "CardDescription";
|
|
676
|
-
var CardContent = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className:
|
|
676
|
+
var CardContent = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "p-6 pt-0", className), ...props }));
|
|
677
677
|
CardContent.displayName = "CardContent";
|
|
678
|
-
var CardFooter = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className:
|
|
678
|
+
var CardFooter = _react.forwardRef.call(void 0, ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex items-center p-6 pt-0", className), ...props }));
|
|
679
679
|
CardFooter.displayName = "CardFooter";
|
|
680
680
|
function CardHorizontal({ icon, title, description, className = "", borderLeft = true }) {
|
|
681
681
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
682
682
|
"div",
|
|
683
683
|
{
|
|
684
|
-
className:
|
|
684
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0,
|
|
685
685
|
"flex min-h-[80px] w-full flex-row items-center gap-3 bg-ods-card p-4 content-md:gap-4 content-md:p-6",
|
|
686
686
|
borderLeft ? "border-l border-ods-border" : "",
|
|
687
687
|
className
|
|
@@ -713,7 +713,7 @@ var COMPACT_CARD_OUTER = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg bo
|
|
|
713
713
|
var COMPACT_CARD_OUTER_STATIC = "my-1.5 flex items-start gap-3 w-full p-2 rounded-lg border border-ods-border bg-ods-card no-underline cursor-default";
|
|
714
714
|
var COMPACT_CARD_SKELETON_OUTER = "my-1.5 flex w-full items-start gap-3 rounded-lg border border-ods-border bg-ods-card p-2";
|
|
715
715
|
var COMPACT_CARD_IMAGE_SLOT = "relative block shrink-0 self-start w-14 h-14 aspect-square overflow-hidden rounded-md bg-ods-bg";
|
|
716
|
-
var COMPACT_CARD_SKELETON_IMAGE_SLOT = `block ${
|
|
716
|
+
var COMPACT_CARD_SKELETON_IMAGE_SLOT = `block ${_chunkNNNRN4OFcjs.TILE_SIZE.thumb} ${_chunkNNNRN4OFcjs.MEDIA_ASPECT.square} shrink-0 self-start rounded-md`;
|
|
717
717
|
var COMPACT_CARD_ICON_SLOT = "flex h-14 w-14 aspect-square shrink-0 self-start items-center justify-center rounded-md bg-ods-bg text-ods-accent";
|
|
718
718
|
var COMPACT_CARD_TEXT_COL = "flex min-w-0 flex-1 flex-col gap-0.5 min-h-14";
|
|
719
719
|
var COMPACT_CARD_TITLE_ROW = "flex items-center min-w-0 h-5";
|
|
@@ -804,10 +804,10 @@ function generationTierFromLabel(label) {
|
|
|
804
804
|
}
|
|
805
805
|
function StatusBadgeSkeleton({ variant, className }) {
|
|
806
806
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
807
|
-
|
|
807
|
+
_chunkNNNRN4OFcjs.UnifiedSkeleton,
|
|
808
808
|
{
|
|
809
809
|
as: "span",
|
|
810
|
-
className:
|
|
810
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0,
|
|
811
811
|
statusBadgeVariants({ variant, colorScheme: null }),
|
|
812
812
|
"box-content h-[1lh] w-12 border-transparent",
|
|
813
813
|
className
|
|
@@ -827,7 +827,7 @@ function StatusBadge({
|
|
|
827
827
|
staticText = false,
|
|
828
828
|
...props
|
|
829
829
|
}) {
|
|
830
|
-
const inScope =
|
|
830
|
+
const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
|
|
831
831
|
const loading = inScope && !staticText || !!loadingProp;
|
|
832
832
|
if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadgeSkeleton, { variant, className });
|
|
833
833
|
const genStyle = gen != null ? {
|
|
@@ -846,7 +846,7 @@ function StatusBadge({
|
|
|
846
846
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
847
847
|
"span",
|
|
848
848
|
{
|
|
849
|
-
className:
|
|
849
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0, statusBadgeVariants({ variant, colorScheme: gen != null ? void 0 : colorScheme }), className),
|
|
850
850
|
style: genStyle ? { ...genStyle, ...style } : style,
|
|
851
851
|
...props,
|
|
852
852
|
children: renderText()
|
|
@@ -866,19 +866,19 @@ function CompactCardSkeleton({
|
|
|
866
866
|
trailingIcon = false,
|
|
867
867
|
className
|
|
868
868
|
}) {
|
|
869
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className:
|
|
870
|
-
slot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
869
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, COMPACT_CARD_SKELETON_OUTER, className), "aria-hidden": true, children: [
|
|
870
|
+
slot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: _nullishCoalesce(slotClassName, () => ( COMPACT_CARD_SKELETON_IMAGE_SLOT)) }),
|
|
871
871
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: COMPACT_CARD_TEXT_COL, children: [
|
|
872
872
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: titleBadges.length > 0 ? COMPACT_CARD_TITLE_WRAP_ROW : COMPACT_CARD_TITLE_ROW, children: [
|
|
873
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
873
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "inherit", className: _chunkMGEUZRNQcjs.cn.call(void 0, COMPACT_CARD_TITLE_TYPE, titleWidth) }),
|
|
874
874
|
titleBadges.map((width, i) => (
|
|
875
875
|
// The compact cards' title badges are `StatusBadge variant="button"` stamps: their own skeleton.
|
|
876
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadge, { loading: true, text: "", variant: "button", className:
|
|
876
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusBadge, { loading: true, text: "", variant: "button", className: _chunkMGEUZRNQcjs.cn.call(void 0, "shrink-0", width) }, i)
|
|
877
877
|
))
|
|
878
878
|
] }),
|
|
879
879
|
rows.map(
|
|
880
|
-
(row, i) => (_nullishCoalesce(row.lines, () => ( 1))) > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
881
|
-
row.width && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
880
|
+
(row, i) => (_nullishCoalesce(row.lines, () => ( 1))) > 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "h6", lines: row.lines, className: row.width }, i) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, COMPACT_CARD_META_ROW_BOX, row.after ? "gap-2" : void 0), children: [
|
|
881
|
+
row.width && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { as: "span", type: "h6", className: row.width }),
|
|
882
882
|
row.after
|
|
883
883
|
] }, i)
|
|
884
884
|
)
|
|
@@ -891,16 +891,16 @@ function ActivityRowSkeleton({
|
|
|
891
891
|
trailingWidths,
|
|
892
892
|
className
|
|
893
893
|
}) {
|
|
894
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className:
|
|
894
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex min-w-0 items-center gap-3", className), children: [
|
|
895
895
|
lead,
|
|
896
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
897
|
-
trailingWidths.map((width, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
896
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: "h-3 w-2/3 flex-1 rounded" }),
|
|
897
|
+
trailingWidths.map((width, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: _chunkMGEUZRNQcjs.cn.call(void 0, "h-3 shrink-0 rounded", width) }, i))
|
|
898
898
|
] });
|
|
899
899
|
}
|
|
900
900
|
|
|
901
901
|
// src/components/chat/entity-cards/content-card-frame.tsx
|
|
902
902
|
|
|
903
|
-
var CONTENT_CARD_FRAME_CLASS =
|
|
903
|
+
var CONTENT_CARD_FRAME_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0,
|
|
904
904
|
"group isolate overflow-hidden rounded-2xl",
|
|
905
905
|
"border border-ods-border bg-transparent",
|
|
906
906
|
"transition-[border-color,box-shadow] duration-300 ease-out",
|
|
@@ -908,7 +908,7 @@ var CONTENT_CARD_FRAME_CLASS = _chunkN6YCOBLKcjs.cn.call(void 0,
|
|
|
908
908
|
);
|
|
909
909
|
var CONTENT_CARD_SKELETON_FRAME_CLASS = "overflow-hidden rounded-2xl border border-ods-border bg-transparent";
|
|
910
910
|
function ContentCardFrame({ as: Tag = "article", className, children, ...rest }) {
|
|
911
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tag, { className:
|
|
911
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tag, { className: _chunkMGEUZRNQcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, Tag === "a" && "no-underline", className), ...rest, children });
|
|
912
912
|
}
|
|
913
913
|
|
|
914
914
|
// src/components/chat/entity-cards/entity-portrait-card.tsx
|
|
@@ -919,7 +919,7 @@ var PORTRAIT_BODY = "flex h-full flex-col gap-6 p-6";
|
|
|
919
919
|
var PORTRAIT_MEDIA = "relative flex aspect-[1200/630] w-full shrink-0 items-center justify-center overflow-hidden rounded-sm";
|
|
920
920
|
var PORTRAIT_TITLE_ZONE = "flex h-[72px] shrink-0 flex-col justify-center gap-1.5";
|
|
921
921
|
var PORTRAIT_TITLE_LEADING = "leading-6";
|
|
922
|
-
var PORTRAIT_TITLE =
|
|
922
|
+
var PORTRAIT_TITLE = _chunkMGEUZRNQcjs.cn.call(void 0, "break-words text-ods-text-primary text-h4", PORTRAIT_TITLE_LEADING);
|
|
923
923
|
var PORTRAIT_FOOTER = "flex h-[60px] shrink-0 items-center";
|
|
924
924
|
var PORTRAIT_PERSON_ROW = "flex w-full min-w-0 items-center gap-3";
|
|
925
925
|
var PORTRAIT_PERSON_TEXT = "flex min-w-0 flex-col";
|
|
@@ -938,7 +938,7 @@ function EntityPortraitCard({
|
|
|
938
938
|
className,
|
|
939
939
|
loading: loadingProp
|
|
940
940
|
}) {
|
|
941
|
-
const loading =
|
|
941
|
+
const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || !!loadingProp;
|
|
942
942
|
const { src, onError: onMediaError } = useCoverImageFallback(imageUrl, placeholderUrl);
|
|
943
943
|
const [measured, setMeasured] = _react.useState.call(void 0, null);
|
|
944
944
|
const isWide = _optionalChain([measured, 'optionalAccess', _28 => _28.src]) === src ? measured.isWide : null;
|
|
@@ -948,20 +948,20 @@ function EntityPortraitCard({
|
|
|
948
948
|
setMeasured({ src, isWide: img.naturalWidth / img.naturalHeight >= MIN_WIDE_RATIO });
|
|
949
949
|
}
|
|
950
950
|
};
|
|
951
|
-
const edgeColor =
|
|
951
|
+
const edgeColor = _chunkF2FFJWOQcjs.useImageEdgeColor.call(void 0, isWide === false ? src : null, "var(--color-bg-surface)");
|
|
952
952
|
if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EntityPortraitCardSkeleton, { typeLabel, className });
|
|
953
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className:
|
|
953
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkMGEUZRNQcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunkMGEUZRNQcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, PORTRAIT_BODY), children: [
|
|
954
954
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
955
955
|
"div",
|
|
956
956
|
{
|
|
957
|
-
className:
|
|
957
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0, PORTRAIT_MEDIA, "bg-ods-bg transition-colors duration-300"),
|
|
958
958
|
style: isWide === false ? { backgroundColor: edgeColor } : void 0,
|
|
959
959
|
children: src && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
960
|
-
|
|
960
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
961
961
|
{
|
|
962
962
|
src,
|
|
963
963
|
alt: imageAlt,
|
|
964
|
-
className:
|
|
964
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0, "h-full w-full", isWide === false ? "object-contain" : "object-cover"),
|
|
965
965
|
sizes: "(min-width: 800px) 400px, 100vw",
|
|
966
966
|
fill: true,
|
|
967
967
|
priority,
|
|
@@ -984,12 +984,12 @@ function EntityPortraitCard({
|
|
|
984
984
|
className: "self-start"
|
|
985
985
|
}
|
|
986
986
|
),
|
|
987
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className:
|
|
987
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _chunkMGEUZRNQcjs.cn.call(void 0, PORTRAIT_TITLE, typeLabel ? "line-clamp-2" : "line-clamp-3", titleClassName), children: title })
|
|
988
988
|
] }),
|
|
989
989
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: PORTRAIT_FOOTER, children: person && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_ROW, children: [
|
|
990
990
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
|
|
991
991
|
person.avatarUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
992
|
-
|
|
992
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
993
993
|
{
|
|
994
994
|
src: person.avatarUrl,
|
|
995
995
|
alt: person.name,
|
|
@@ -1005,7 +1005,7 @@ function EntityPortraitCard({
|
|
|
1005
1005
|
"data-loading-optional": true,
|
|
1006
1006
|
className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg",
|
|
1007
1007
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1008
|
-
|
|
1008
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
1009
1009
|
{
|
|
1010
1010
|
src: person.iconOverlayUrl,
|
|
1011
1011
|
alt: "",
|
|
@@ -1026,8 +1026,8 @@ function EntityPortraitCard({
|
|
|
1026
1026
|
] }) });
|
|
1027
1027
|
}
|
|
1028
1028
|
function EntityPortraitCardSkeleton({ typeLabel, className }) {
|
|
1029
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className:
|
|
1030
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1029
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunkMGEUZRNQcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, PORTRAIT_BODY), children: [
|
|
1030
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: _chunkMGEUZRNQcjs.cn.call(void 0, PORTRAIT_MEDIA, "rounded-sm") }),
|
|
1031
1031
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_TITLE_ZONE, children: [
|
|
1032
1032
|
typeLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1033
1033
|
StatusBadge,
|
|
@@ -1040,13 +1040,13 @@ function EntityPortraitCardSkeleton({ typeLabel, className }) {
|
|
|
1040
1040
|
className: "self-start"
|
|
1041
1041
|
}
|
|
1042
1042
|
),
|
|
1043
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1043
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h4", lines: typeLabel ? 2 : 3, className: _chunkMGEUZRNQcjs.cn.call(void 0, "w-full", PORTRAIT_TITLE_LEADING) })
|
|
1044
1044
|
] }),
|
|
1045
1045
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: PORTRAIT_FOOTER, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: PORTRAIT_PERSON_ROW, children: [
|
|
1046
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1047
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className:
|
|
1048
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1049
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1046
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
|
|
1047
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, PORTRAIT_PERSON_TEXT, "gap-0"), children: [
|
|
1048
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-32" }),
|
|
1049
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-24" })
|
|
1050
1050
|
] })
|
|
1051
1051
|
] }) })
|
|
1052
1052
|
] }) });
|
|
@@ -1123,7 +1123,7 @@ function useEntityCardPlaceholder({
|
|
|
1123
1123
|
siteName = "",
|
|
1124
1124
|
aspect = "wide"
|
|
1125
1125
|
}) {
|
|
1126
|
-
const derived =
|
|
1126
|
+
const derived = _chunkF2FFJWOQcjs.useOgPlaceholderUrl.call(void 0, { title, siteName, aspect });
|
|
1127
1127
|
return placeholderUrl !== void 0 ? placeholderUrl : derived;
|
|
1128
1128
|
}
|
|
1129
1129
|
|
|
@@ -1133,17 +1133,17 @@ var CASE_STUDY_RESULT_STACK = "flex h-full flex-col gap-5 p-6";
|
|
|
1133
1133
|
var CASE_STUDY_RESULT_METRIC_BOX = "flex h-[112px] shrink-0 flex-col justify-start gap-1 overflow-hidden";
|
|
1134
1134
|
var CASE_STUDY_RESULT_FOOTER_BOX = "mt-auto flex h-[60px] shrink-0 items-center justify-between gap-3 border-t border-ods-border pt-4";
|
|
1135
1135
|
var CASE_STUDY_DEFAULT_BODY = "flex flex-col gap-6 p-6";
|
|
1136
|
-
var CASE_STUDY_COVER = `relative ${
|
|
1136
|
+
var CASE_STUDY_COVER = `relative ${_chunkNNNRN4OFcjs.MEDIA_ASPECT.og} w-full shrink-0 overflow-hidden rounded-sm`;
|
|
1137
1137
|
var CASE_STUDY_TITLE_ZONE = "flex h-[72px] shrink-0 items-center";
|
|
1138
1138
|
var CASE_STUDY_PERSON_ZONE = "flex h-[60px] shrink-0 items-center";
|
|
1139
1139
|
var CASE_STUDY_PERSON_ROW = "flex w-full min-w-0 items-center gap-3";
|
|
1140
1140
|
var CASE_STUDY_PERSON_TEXT = "min-w-0 flex-1";
|
|
1141
1141
|
var CASE_STUDY_MENU_FRAME = "group/card group flex min-w-0 flex-col gap-[var(--spacing-system-sf)] rounded-xl border border-ods-border bg-ods-bg p-[var(--spacing-system-mf)] text-ods-text-primary transition-colors hover:bg-ods-bg-hover focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent";
|
|
1142
1142
|
var CASE_STUDY_MENU_SKELETON_FRAME = "flex min-w-0 flex-col gap-[var(--spacing-system-sf)] rounded-xl border border-ods-border bg-ods-bg p-[var(--spacing-system-mf)]";
|
|
1143
|
-
var CASE_STUDY_MENU_MEDIA = `relative block ${
|
|
1143
|
+
var CASE_STUDY_MENU_MEDIA = `relative block ${_chunkNNNRN4OFcjs.MEDIA_ASPECT.video} w-full shrink-0 overflow-hidden rounded-md`;
|
|
1144
1144
|
var CASE_STUDY_MENU_MSP_ROW = "flex items-center gap-[var(--spacing-system-xsf)] text-ods-text-secondary text-h6";
|
|
1145
1145
|
var MSP_ICON_PX = 20;
|
|
1146
|
-
var MSP_ICON_CLASS = `${
|
|
1146
|
+
var MSP_ICON_CLASS = `${_chunkNNNRN4OFcjs.ICON_SIZE.md} shrink-0 rounded`;
|
|
1147
1147
|
var CASE_STUDY_TYPE_LABEL = "Case Study";
|
|
1148
1148
|
function headlineMetric(study) {
|
|
1149
1149
|
const metric = _optionalChain([study, 'access', _32 => _32.metrics, 'optionalAccess', _33 => _33[0]]);
|
|
@@ -1153,7 +1153,7 @@ function CaseStudyPersonRow({ study }) {
|
|
|
1153
1153
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_ROW, children: [
|
|
1154
1154
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative h-12 w-12 shrink-0", children: [
|
|
1155
1155
|
_optionalChain([study, 'access', _35 => _35.user, 'optionalAccess', _36 => _36.avatar_url]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1156
|
-
|
|
1156
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
1157
1157
|
{
|
|
1158
1158
|
src: study.user.avatar_url,
|
|
1159
1159
|
alt: _optionalChain([study, 'access', _37 => _37.user, 'optionalAccess', _38 => _38.full_name]) || "User",
|
|
@@ -1164,7 +1164,7 @@ function CaseStudyPersonRow({ study }) {
|
|
|
1164
1164
|
}
|
|
1165
1165
|
) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-12 items-center justify-center rounded-full border border-ods-border bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h4", children: (_optionalChain([study, 'access', _39 => _39.user, 'optionalAccess', _40 => _40.full_name]) || "A").charAt(0).toUpperCase() }) }),
|
|
1166
1166
|
_optionalChain([study, 'access', _41 => _41.msp, 'optionalAccess', _42 => _42.icon_url]) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute -bottom-1 -right-1 flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-ods-text-primary ring-1 ring-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1167
|
-
|
|
1167
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
1168
1168
|
{
|
|
1169
1169
|
src: study.msp.icon_url,
|
|
1170
1170
|
alt: study.msp.name || "MSP",
|
|
@@ -1189,10 +1189,10 @@ function CaseStudyPersonRow({ study }) {
|
|
|
1189
1189
|
}
|
|
1190
1190
|
function CaseStudyPersonRowSkeleton() {
|
|
1191
1191
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_PERSON_ZONE, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_ROW, children: [
|
|
1192
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1192
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.MediaSkeleton.Avatar, { size: "md", className: "shrink-0" }),
|
|
1193
1193
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_PERSON_TEXT, children: [
|
|
1194
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1195
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1194
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-2/3" }),
|
|
1195
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-1/2" })
|
|
1196
1196
|
] })
|
|
1197
1197
|
] }) });
|
|
1198
1198
|
}
|
|
@@ -1215,36 +1215,36 @@ function CaseStudyCardSkeleton({
|
|
|
1215
1215
|
);
|
|
1216
1216
|
}
|
|
1217
1217
|
if (size === "result") {
|
|
1218
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className:
|
|
1218
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_RESULT_STACK, className), "aria-hidden": true, children: [
|
|
1219
1219
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRowSkeleton, {}),
|
|
1220
1220
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_METRIC_BOX, "data-testid": "case-study-result-skeleton-metric", children: [
|
|
1221
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1222
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1221
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h1", className: "w-1/3" }),
|
|
1222
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-3/4" })
|
|
1223
1223
|
] }),
|
|
1224
1224
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: [
|
|
1225
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1225
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-2/3" }),
|
|
1226
1226
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "shrink-0 text-ods-accent text-h6", children: "Read" })
|
|
1227
1227
|
] })
|
|
1228
1228
|
] });
|
|
1229
1229
|
}
|
|
1230
1230
|
if (size === "menu") {
|
|
1231
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className:
|
|
1232
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1231
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, CASE_STUDY_MENU_SKELETON_FRAME, className), "aria-hidden": true, children: [
|
|
1232
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: CASE_STUDY_MENU_MEDIA }),
|
|
1233
1233
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_MENU_MSP_ROW, children: [
|
|
1234
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1235
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1234
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: MSP_ICON_CLASS }),
|
|
1235
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-28" })
|
|
1236
1236
|
] }),
|
|
1237
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1238
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1239
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1237
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", lines: 2, className: "w-full" }),
|
|
1238
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-3/4" }),
|
|
1239
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "mt-auto w-28" })
|
|
1240
1240
|
] });
|
|
1241
1241
|
}
|
|
1242
1242
|
if (size === "sm") {
|
|
1243
1243
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CompactCardSkeleton, { rows: [{ width: "w-1/2" }, { width: "w-11/12" }], className });
|
|
1244
1244
|
}
|
|
1245
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className:
|
|
1246
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1247
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_TITLE_ZONE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1245
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "block h-full", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunkMGEUZRNQcjs.cn.call(void 0, CONTENT_CARD_SKELETON_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
|
|
1246
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: _chunkMGEUZRNQcjs.cn.call(void 0, CASE_STUDY_COVER, "rounded-sm") }),
|
|
1247
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CASE_STUDY_TITLE_ZONE, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) }),
|
|
1248
1248
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRowSkeleton, {})
|
|
1249
1249
|
] }) });
|
|
1250
1250
|
}
|
|
@@ -1256,7 +1256,7 @@ function caseStudyHighlight(study) {
|
|
|
1256
1256
|
return bite ? { url: bite.url, posterUrl: _nullishCoalesce(bite.thumbnail_url, () => ( null)) } : null;
|
|
1257
1257
|
}
|
|
1258
1258
|
function CaseStudyCard(props) {
|
|
1259
|
-
const inScope =
|
|
1259
|
+
const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
|
|
1260
1260
|
if (inScope || props.loading) {
|
|
1261
1261
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyCardSkeleton, { size: props.size, showTypeBadge: props.showTypeBadge, className: props.className });
|
|
1262
1262
|
}
|
|
@@ -1290,9 +1290,9 @@ function LoadedCaseStudyCard({
|
|
|
1290
1290
|
});
|
|
1291
1291
|
const coverImage = study.featured_image || placeholderUrl || null;
|
|
1292
1292
|
if (size === "sm") {
|
|
1293
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className:
|
|
1293
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkMGEUZRNQcjs.cn.call(void 0, COMPACT_CARD_OUTER, className), children: [
|
|
1294
1294
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: COMPACT_CARD_IMAGE_SLOT, children: coverImage ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1295
|
-
|
|
1295
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
1296
1296
|
{
|
|
1297
1297
|
src: coverImage,
|
|
1298
1298
|
alt: `${_optionalChain([study, 'access', _49 => _49.msp, 'optionalAccess', _50 => _50.name]) || study.title} cover`,
|
|
@@ -1326,9 +1326,9 @@ function LoadedCaseStudyCard({
|
|
|
1326
1326
|
onPointerLeave: () => setHovered(false),
|
|
1327
1327
|
onFocus: () => setHovered(true),
|
|
1328
1328
|
onBlur: () => setHovered(false),
|
|
1329
|
-
className:
|
|
1329
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0, CASE_STUDY_MENU_FRAME, className),
|
|
1330
1330
|
children: [
|
|
1331
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className:
|
|
1331
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "pointer-events-none bg-ods-bg", CASE_STUDY_MENU_MEDIA), children: videoUrl ? (
|
|
1332
1332
|
// The shared hover surface, filled the way the walkthrough card fills
|
|
1333
1333
|
// its own 16:9 slot (`cover`): an upright cut is cropped to the slot,
|
|
1334
1334
|
// never letterboxed. Sound on hover, muted when the browser blocks it.
|
|
@@ -1345,7 +1345,7 @@ function LoadedCaseStudyCard({
|
|
|
1345
1345
|
)
|
|
1346
1346
|
) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
1347
1347
|
(_nullishCoalesce(poster, () => ( placeholderUrl))) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1348
|
-
|
|
1348
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
1349
1349
|
{
|
|
1350
1350
|
src: _nullishCoalesce(_nullishCoalesce(poster, () => ( placeholderUrl)), () => ( "")),
|
|
1351
1351
|
alt: "",
|
|
@@ -1356,7 +1356,7 @@ function LoadedCaseStudyCard({
|
|
|
1356
1356
|
onError: hideOnError
|
|
1357
1357
|
}
|
|
1358
1358
|
),
|
|
1359
|
-
hasAnyVideo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1359
|
+
hasAnyVideo && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4MQASMIUcjs.CardHoverPlay, { size: "md" })
|
|
1360
1360
|
] }) }),
|
|
1361
1361
|
_optionalChain([study, 'access', _57 => _57.msp, 'optionalAccess', _58 => _58.name]) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: CASE_STUDY_MENU_MSP_ROW, children: [
|
|
1362
1362
|
study.msp.icon_url && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -1364,7 +1364,7 @@ function LoadedCaseStudyCard({
|
|
|
1364
1364
|
{
|
|
1365
1365
|
icon: { url: study.msp.icon_url },
|
|
1366
1366
|
size: MSP_ICON_PX,
|
|
1367
|
-
className:
|
|
1367
|
+
className: _chunkMGEUZRNQcjs.cn.call(void 0, MSP_ICON_CLASS, "object-contain")
|
|
1368
1368
|
}
|
|
1369
1369
|
),
|
|
1370
1370
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 truncate", children: study.msp.name })
|
|
@@ -1379,15 +1379,15 @@ function LoadedCaseStudyCard({
|
|
|
1379
1379
|
if (size === "result") {
|
|
1380
1380
|
const metric = headlineMetric(study);
|
|
1381
1381
|
if (!metric) return null;
|
|
1382
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className:
|
|
1382
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkMGEUZRNQcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunkMGEUZRNQcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_RESULT_STACK), children: [
|
|
1383
1383
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, CaseStudyPersonRow, { study }),
|
|
1384
1384
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_METRIC_BOX, "data-testid": "case-study-metric", children: [
|
|
1385
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className:
|
|
1385
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "truncate text-h1", accentClassName), children: metric.value }),
|
|
1386
1386
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 text-ods-text-secondary text-h4", children: metric.label })
|
|
1387
1387
|
] }),
|
|
1388
1388
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CASE_STUDY_RESULT_FOOTER_BOX, children: [
|
|
1389
1389
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "line-clamp-2 min-w-0 text-ods-text-secondary text-h6", children: study.title }),
|
|
1390
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className:
|
|
1390
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "shrink-0 text-h6", accentClassName), children: "Read" })
|
|
1391
1391
|
] })
|
|
1392
1392
|
] }) });
|
|
1393
1393
|
}
|
|
@@ -1413,9 +1413,9 @@ function LoadedCaseStudyCard({
|
|
|
1413
1413
|
}
|
|
1414
1414
|
);
|
|
1415
1415
|
}
|
|
1416
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className:
|
|
1417
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className:
|
|
1418
|
-
|
|
1416
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkV45KLJQPcjs.next_link_default, { href, target, rel, className: _chunkMGEUZRNQcjs.cn.call(void 0, "block h-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Card, { className: _chunkMGEUZRNQcjs.cn.call(void 0, CONTENT_CARD_FRAME_CLASS, CASE_STUDY_DEFAULT_BODY), children: [
|
|
1417
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, CASE_STUDY_COVER, "bg-ods-bg"), children: coverImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1418
|
+
_chunk5WMRVMXHcjs.next_image_default,
|
|
1419
1419
|
{
|
|
1420
1420
|
src: coverImage,
|
|
1421
1421
|
alt: _optionalChain([study, 'access', _71 => _71.msp, 'optionalAccess', _72 => _72.name]) || study.title,
|