@flamingo-stack/openframe-frontend-core 0.0.691-snapshot.20261001154617 → 0.0.691
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-RLNNV46K.js → chunk-4HZXOQRM.js} +2 -2
- package/dist/{chunk-FTK3S57R.cjs → chunk-4N2JOPAQ.cjs} +13 -13
- package/dist/{chunk-FTK3S57R.cjs.map → chunk-4N2JOPAQ.cjs.map} +1 -1
- package/dist/{chunk-WTYQCT4A.cjs → chunk-5N2ZSB42.cjs} +10 -10
- package/dist/{chunk-WTYQCT4A.cjs.map → chunk-5N2ZSB42.cjs.map} +1 -1
- package/dist/{chunk-A5NHAHV6.js → chunk-6Z26ZMR4.js} +2 -2
- package/dist/{chunk-Z7QCNCBN.js → chunk-7WYWPELF.js} +5 -5
- package/dist/{chunk-RTKF5AYA.cjs → chunk-BXAGR3PO.cjs} +3 -3
- package/dist/{chunk-RTKF5AYA.cjs.map → chunk-BXAGR3PO.cjs.map} +1 -1
- package/dist/{chunk-KDCIYRZV.cjs → chunk-BXE2RZEV.cjs} +17 -17
- package/dist/{chunk-KDCIYRZV.cjs.map → chunk-BXE2RZEV.cjs.map} +1 -1
- package/dist/{chunk-X5XFKI6N.js → chunk-CMYDGVTZ.js} +2 -2
- package/dist/{chunk-EXWS2QSD.cjs → chunk-CWXRZVDI.cjs} +50 -588
- package/dist/chunk-CWXRZVDI.cjs.map +1 -0
- package/dist/{chunk-PKZGXRU2.js → chunk-DC3G4XGP.js} +3 -3
- package/dist/{chunk-CG7OWW7X.cjs → chunk-DDWLF2JV.cjs} +4 -4
- package/dist/{chunk-CG7OWW7X.cjs.map → chunk-DDWLF2JV.cjs.map} +1 -1
- package/dist/{chunk-ZAV2F4VX.js → chunk-DZMDG7PC.js} +2 -2
- package/dist/{chunk-KQZMM3QJ.cjs → chunk-ESFPY5FF.cjs} +51 -51
- package/dist/{chunk-KQZMM3QJ.cjs.map → chunk-ESFPY5FF.cjs.map} +1 -1
- package/dist/{chunk-AVAZ6BD6.js → chunk-FNMQ2J44.js} +2 -2
- package/dist/{chunk-DKJDO7YM.cjs → chunk-H54RDLVC.cjs} +18 -18
- package/dist/{chunk-DKJDO7YM.cjs.map → chunk-H54RDLVC.cjs.map} +1 -1
- package/dist/{chunk-RK47E3PP.js → chunk-JSG7WZKV.js} +2 -2
- package/dist/{chunk-CKO6NKNE.js → chunk-KMW2PXBU.js} +212 -750
- package/dist/chunk-KMW2PXBU.js.map +1 -0
- package/dist/{chunk-MCNQKS6I.js → chunk-KVDLL4LU.js} +2 -2
- package/dist/{chunk-5XPK2QGU.cjs → chunk-LCENRN2N.cjs} +3 -3
- package/dist/{chunk-5XPK2QGU.cjs.map → chunk-LCENRN2N.cjs.map} +1 -1
- package/dist/{chunk-IQTQIBZ3.js → chunk-MJI5GVT7.js} +4 -4
- package/dist/{chunk-DUURFYGS.cjs → chunk-N4S7RBUM.cjs} +3 -3
- package/dist/{chunk-DUURFYGS.cjs.map → chunk-N4S7RBUM.cjs.map} +1 -1
- package/dist/{chunk-7BNWMOPM.cjs → chunk-SA4KQCNB.cjs} +36 -36
- package/dist/{chunk-7BNWMOPM.cjs.map → chunk-SA4KQCNB.cjs.map} +1 -1
- package/dist/{chunk-LYQULSK4.js → chunk-TSNGVWQO.js} +5 -5
- package/dist/{chunk-F6LXGP6S.cjs → chunk-WZYIAKIH.cjs} +3 -3
- package/dist/{chunk-F6LXGP6S.cjs.map → chunk-WZYIAKIH.cjs.map} +1 -1
- package/dist/{chunk-TXFGG47A.js → chunk-XBYF4SGD.js} +2 -2
- package/dist/{chunk-Q25VYAEL.cjs → chunk-Y3BC7TOJ.cjs} +17 -17
- package/dist/{chunk-Q25VYAEL.cjs.map → chunk-Y3BC7TOJ.cjs.map} +1 -1
- package/dist/{chunk-ATREVNIN.cjs → chunk-Y3Q76RAA.cjs} +33 -33
- package/dist/{chunk-ATREVNIN.cjs.map → chunk-Y3Q76RAA.cjs.map} +1 -1
- package/dist/{chunk-LYJJH4D6.js → chunk-Y7ZQZOE6.js} +2 -2
- package/dist/{chunk-TEIHEFXP.js → chunk-Z5FHXCXF.js} +4 -4
- package/dist/{chunk-CKUPANVU.cjs → chunk-ZLYLHP64.cjs} +4 -4
- package/dist/{chunk-CKUPANVU.cjs.map → chunk-ZLYLHP64.cjs.map} +1 -1
- package/dist/components/case-studies/index.cjs +11 -11
- package/dist/components/case-studies/index.js +2 -2
- package/dist/components/contact/index.cjs +3 -3
- package/dist/components/contact/index.js +2 -2
- package/dist/components/docs/index.cjs +6 -6
- package/dist/components/docs/index.js +5 -5
- package/dist/components/embeds/index.cjs +3 -3
- package/dist/components/embeds/index.js +2 -2
- package/dist/components/faq/index.cjs +3 -3
- package/dist/components/faq/index.js +2 -2
- package/dist/components/features/index.cjs +2 -34
- package/dist/components/features/index.cjs.map +1 -1
- package/dist/components/features/index.d.ts +0 -1
- package/dist/components/features/index.d.ts.map +1 -1
- package/dist/components/features/index.js +1 -33
- package/dist/components/help-center-pages/index.cjs +49 -49
- package/dist/components/help-center-pages/index.js +13 -13
- package/dist/components/index.cjs +32 -64
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +12 -44
- package/dist/components/index.js.map +1 -1
- package/dist/components/meeting-scheduler/index.cjs +22 -22
- package/dist/components/meeting-scheduler/index.js +1 -1
- package/dist/components/navigation/index.cjs +5 -5
- package/dist/components/navigation/index.js +4 -4
- package/dist/components/onboarding-guides/index.cjs +5 -5
- package/dist/components/onboarding-guides/index.js +4 -4
- package/dist/components/tickets/index.cjs +6 -6
- package/dist/components/tickets/index.js +5 -5
- package/dist/components/ui/index.cjs +2 -2
- package/dist/components/ui/index.js +1 -1
- package/dist/index.cjs +6 -38
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +5 -37
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/features/index.ts +0 -1
- package/dist/chunk-CKO6NKNE.js.map +0 -1
- package/dist/chunk-EXWS2QSD.cjs.map +0 -1
- package/dist/components/features/remote-session/index.d.ts +0 -13
- package/dist/components/features/remote-session/index.d.ts.map +0 -1
- package/dist/components/features/remote-session/remote-access-request-card.d.ts +0 -19
- package/dist/components/features/remote-session/remote-access-request-card.d.ts.map +0 -1
- package/dist/components/features/remote-session/remote-session-block.d.ts +0 -41
- package/dist/components/features/remote-session/remote-session-block.d.ts.map +0 -1
- package/dist/components/features/remote-session/remote-session-chat-panel.d.ts +0 -23
- package/dist/components/features/remote-session/remote-session-chat-panel.d.ts.map +0 -1
- package/dist/components/features/remote-session/remote-session-dialog.d.ts +0 -15
- package/dist/components/features/remote-session/remote-session-dialog.d.ts.map +0 -1
- package/dist/components/features/remote-session/remote-session-overlay.d.ts +0 -12
- package/dist/components/features/remote-session/remote-session-overlay.d.ts.map +0 -1
- package/dist/components/features/remote-session/remote-session-parts.d.ts +0 -34
- package/dist/components/features/remote-session/remote-session-parts.d.ts.map +0 -1
- package/dist/components/features/remote-session/types.d.ts +0 -33
- package/dist/components/features/remote-session/types.d.ts.map +0 -1
- package/src/components/features/__tests__/remote-session.test.tsx +0 -97
- package/src/components/features/remote-session/index.ts +0 -36
- package/src/components/features/remote-session/remote-access-request-card.tsx +0 -102
- package/src/components/features/remote-session/remote-session-block.tsx +0 -182
- package/src/components/features/remote-session/remote-session-chat-panel.tsx +0 -178
- package/src/components/features/remote-session/remote-session-dialog.tsx +0 -77
- package/src/components/features/remote-session/remote-session-overlay.tsx +0 -33
- package/src/components/features/remote-session/remote-session-parts.tsx +0 -138
- package/src/components/features/remote-session/types.ts +0 -41
- package/src/stories/RemoteSessionAccessRequest.stories.tsx +0 -71
- package/src/stories/RemoteSessionBlock.stories.tsx +0 -164
- package/src/stories/RemoteSessionDialog.stories.tsx +0 -49
- package/src/stories/RemoteSessionIndicator.stories.tsx +0 -44
- /package/dist/{chunk-RLNNV46K.js.map → chunk-4HZXOQRM.js.map} +0 -0
- /package/dist/{chunk-A5NHAHV6.js.map → chunk-6Z26ZMR4.js.map} +0 -0
- /package/dist/{chunk-Z7QCNCBN.js.map → chunk-7WYWPELF.js.map} +0 -0
- /package/dist/{chunk-X5XFKI6N.js.map → chunk-CMYDGVTZ.js.map} +0 -0
- /package/dist/{chunk-PKZGXRU2.js.map → chunk-DC3G4XGP.js.map} +0 -0
- /package/dist/{chunk-ZAV2F4VX.js.map → chunk-DZMDG7PC.js.map} +0 -0
- /package/dist/{chunk-AVAZ6BD6.js.map → chunk-FNMQ2J44.js.map} +0 -0
- /package/dist/{chunk-RK47E3PP.js.map → chunk-JSG7WZKV.js.map} +0 -0
- /package/dist/{chunk-MCNQKS6I.js.map → chunk-KVDLL4LU.js.map} +0 -0
- /package/dist/{chunk-IQTQIBZ3.js.map → chunk-MJI5GVT7.js.map} +0 -0
- /package/dist/{chunk-LYQULSK4.js.map → chunk-TSNGVWQO.js.map} +0 -0
- /package/dist/{chunk-TXFGG47A.js.map → chunk-XBYF4SGD.js.map} +0 -0
- /package/dist/{chunk-LYJJH4D6.js.map → chunk-Y7ZQZOE6.js.map} +0 -0
- /package/dist/{chunk-TEIHEFXP.js.map → chunk-Z5FHXCXF.js.map} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
useOptionalTicketLive
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-KVDLL4LU.js";
|
|
5
5
|
import {
|
|
6
6
|
AppLayoutDrawerContainerContext,
|
|
7
7
|
AppLayoutDrawerCoordinationContext,
|
|
@@ -13,7 +13,7 @@ import {
|
|
|
13
13
|
UnreadDot,
|
|
14
14
|
buildTicketOpenHref,
|
|
15
15
|
useOptionalNotifications
|
|
16
|
-
} from "./chunk-
|
|
16
|
+
} from "./chunk-KMW2PXBU.js";
|
|
17
17
|
import {
|
|
18
18
|
useFocusTrap,
|
|
19
19
|
useLocalStorage
|
|
@@ -1918,4 +1918,4 @@ export {
|
|
|
1918
1918
|
MobileBurgerMenu,
|
|
1919
1919
|
AppLayout
|
|
1920
1920
|
};
|
|
1921
|
-
//# sourceMappingURL=chunk-
|
|
1921
|
+
//# sourceMappingURL=chunk-DC3G4XGP.js.map
|
|
@@ -5,7 +5,7 @@ var _chunkUSKQURNFcjs = require('./chunk-USKQURNF.cjs');
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _chunkCWXRZVDIcjs = require('./chunk-CWXRZVDI.cjs');
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
var _chunkLNKLB7GMcjs = require('./chunk-LNKLB7GM.cjs');
|
|
@@ -334,7 +334,7 @@ function FaqDocumentPage({
|
|
|
334
334
|
label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _16 => _16.label]), () => ( "Back to home")),
|
|
335
335
|
onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _17 => _17.href]), () => ( "/")))
|
|
336
336
|
};
|
|
337
|
-
const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
337
|
+
const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCWXRZVDIcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
338
338
|
FaqSection,
|
|
339
339
|
{
|
|
340
340
|
initialFaqs,
|
|
@@ -347,7 +347,7 @@ function FaqDocumentPage({
|
|
|
347
347
|
minResults
|
|
348
348
|
}
|
|
349
349
|
) });
|
|
350
|
-
return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
350
|
+
return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCWXRZVDIcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
|
|
351
351
|
}
|
|
352
352
|
|
|
353
353
|
|
|
@@ -355,4 +355,4 @@ function FaqDocumentPage({
|
|
|
355
355
|
|
|
356
356
|
|
|
357
357
|
exports.FaqAccordion = FaqAccordion; exports.FaqSection = FaqSection; exports.FaqDocumentPage = FaqDocumentPage;
|
|
358
|
-
//# sourceMappingURL=chunk-
|
|
358
|
+
//# sourceMappingURL=chunk-DDWLF2JV.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-CG7OWW7X.cjs","../src/components/faq/faq-section.tsx","../src/components/faq-accordion.tsx","../src/components/faq/json-ld.ts","../src/components/faq/faq-document-page.tsx"],"names":["useState","jsx"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-CG7OWW7X.cjs","sourcesContent":[null,"'use client';\n\nimport type React from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useScrollToHash } from '../../hooks/use-scroll-to-hash';\nimport { useSelfFetch } from '../../hooks/use-self-fetch';\nimport type { Faq } from '../../types/faq';\nimport { cn } from '../../utils/cn';\nimport { serializeJsonLd } from '../../utils/common';\nimport { faqSectionSlug, parseFaqHash, type FaqHashTarget } from '../../utils/faq-anchor';\nimport { navigateSamePageHash, STICKY_HEADER_OFFSET_PX } from '../../utils/same-page-hash-nav';\nimport { buildSuggestionUrl } from '../../utils/suggestion-url';\nimport { FaqAccordion, type FaqItem } from '../faq-accordion';\nimport { SECTION_HEADING_CLASS } from '../layout/page-heading';\nimport { buildFaqJsonLdFromFaqs, type FaqSchemaOptions } from './json-ld';\n\nexport interface FaqSectionProps {\n /**\n * SSR hydrate. When provided, the hook skips the first client fetch (per\n * useSelfFetch contract). The consuming server page resolves FAQs then drills\n * them into this prop — the lib never re-fetches what the host already gated on.\n */\n initialFaqs?: Faq[];\n /** Both required together for entity-attached FAQs; partial → bare /api/faqs. */\n entityType?: string;\n entityId?: number | string;\n /**\n * Heading node above the grouped list. `undefined` → default\n * `<h2>`\"Frequently Asked Questions\". `null` → no heading (the host page\n * owns the `<h1>`, as the standalone /faqs surface does). A React node lets a\n * platform drill its own <PageHeading> without the lib referencing platform\n * state. Also drives category nesting so the document outline stays correct:\n * `null` → categories render `<h2>` (directly under the page `<h1>`);\n * otherwise categories render `<h3>` beneath this heading.\n */\n heading?: React.ReactNode | null;\n /** Inject FAQPage schema.org JSON-LD as a <script>. Off by default so embeds\n * don't emit duplicate schema. */\n emitJsonLd?: boolean;\n /** Overrides for the JSON-LD's name/description/url. */\n jsonLd?: FaqSchemaOptions;\n className?: string;\n /** Maps to /api/faqs `?count=` (the 5-tier fill target). Absent → param\n * not sent (server default applies). */\n minResults?: number;\n /** Fetch-URL prefix for third-party embeds / reverse proxies\n * ('' = same-origin relative). */\n apiBaseUrl?: string;\n}\n\nconst DEFAULT_HEADING_TEXT = 'Frequently Asked Questions';\n\n/** URL composition shared with RelatedContentSection (`buildSuggestionUrl`)\n * — byte-identical to the historical `buildFaqsUrl` output when\n * `minResults`/`apiBaseUrl` are absent. */\nfunction buildFaqsUrl(entityType?: string, entityId?: number | string, minResults?: number, apiBaseUrl = ''): string {\n return buildSuggestionUrl('/api/faqs', { apiBaseUrl, entityType, entityId, count: minResults });\n}\n\ninterface FaqGroup {\n /** null → the uncategorized bucket: no heading, no jump pill, rendered last. */\n section: string | null;\n slug: string | null;\n items: FaqItem[];\n}\n\n/** Group FAQs by `faq.section`, preserving the server's first-seen\n * (display_order) order for BOTH the section order and the rows within each\n * section. The uncategorized bucket (blank/missing section) sinks to the end\n * since it renders without a heading. Items carry NO badge here — the `<h2>`\n * IS the category, so a per-row chip would be redundant. */\nfunction groupFaqsBySection(faqs: Faq[]): FaqGroup[] {\n // A Map iterates in insertion order, which is exactly the first-seen section\n // order this function promises — so the Map IS the ordering, and no parallel\n // array of names (plus a lookup that has to assert the key back) is needed.\n const byName = new Map<string, FaqGroup>();\n let uncategorized: FaqGroup | null = null;\n for (const faq of faqs) {\n const item: FaqItem = { id: faq.id, question: faq.question, answer: faq.answer };\n const name = faq.section?.trim();\n if (!name) {\n if (!uncategorized) uncategorized = { section: null, slug: null, items: [] };\n uncategorized.items.push(item);\n continue;\n }\n let group = byName.get(name);\n if (!group) {\n group = { section: name, slug: faqSectionSlug(name), items: [] };\n byName.set(name, group);\n }\n group.items.push(item);\n }\n const groups = [...byName.values()];\n if (uncategorized) groups.push(uncategorized);\n return groups;\n}\n\n/** Map key for the uncategorized bucket — `group.slug` is null for it, so\n * every per-group map (default-open ids, accordion keys) uses this sentinel\n * to keep the lookup typed. */\nconst UNCATEGORIZED_KEY = '__uncategorized__';\nconst groupKey = (g: FaqGroup): string => g.slug ?? UNCATEGORIZED_KEY;\n\n/**\n * Grouped FAQ layout: a category jump-nav above stacked `<h2>` category\n * sections (each its own accordion). Isolated into its own component so the\n * scroll-spy hooks only mount in grouped mode — `FaqSection`'s own hooks stay\n * unconditional.\n *\n * The pills are real `<a href=\"#slug\">` anchors (crawlable in-page links,\n * deep-linkable, work without JS); the click handler upgrades the jump to the\n * cancellation-proof `scrollElementIntoView` tween and syncs the URL hash.\n */\nfunction GroupedFaqList({\n groups,\n categoryHeadingAs,\n}: {\n groups: FaqGroup[];\n /** Heading tag for each category, so the document outline nests correctly\n * under whatever owns the heading above this block: `h2` on the standalone\n * page (the page owns the `<h1>`), `h3` beneath an embed's `<h2>` title.\n * The VISUAL is `SECTION_HEADING_CLASS` either way, so categories look\n * identical on every surface. */\n categoryHeadingAs: 'h2' | 'h3';\n}) {\n const CategoryHeading = categoryHeadingAs;\n const navGroups = useMemo(() => groups.filter(g => g.slug), [groups]);\n const [activeSlug, setActiveSlug] = useState<string | null>(navGroups[0]?.slug ?? null);\n // Identity-stable key for the section set so the observer re-binds only when\n // the categories actually change (not on every parent re-render).\n const slugKey = navGroups.map(g => g.slug).join('|');\n // Latest `navGroups` for the scroll-spy observer below, which re-observes on\n // `slugKey` (the section SET) and must not re-run when the array is merely\n // rebuilt with the same slugs.\n const navGroupsRef = useRef(navGroups);\n useEffect(() => {\n navGroupsRef.current = navGroups;\n });\n\n // Scroll-spy: mark the pill for the category currently at the top of the\n // viewport. rootMargin drops the trigger line just below the sticky header\n // and ignores the bottom ~55% so \"active\" is the section being read, not the\n // next one peeking in.\n useEffect(() => {\n if (navGroupsRef.current.length < 2) return undefined;\n const tops = new Map<string, number>();\n const observer = new IntersectionObserver(\n entries => {\n for (const entry of entries) {\n const id = (entry.target as HTMLElement).id;\n if (entry.isIntersecting) tops.set(id, entry.boundingClientRect.top);\n else tops.delete(id);\n }\n let bestId: string | null = null;\n let bestTop = Number.POSITIVE_INFINITY;\n for (const [id, top] of tops) {\n if (top < bestTop) {\n bestTop = top;\n bestId = id;\n }\n }\n if (bestId) setActiveSlug(bestId);\n },\n { rootMargin: `-${STICKY_HEADER_OFFSET_PX}px 0px -55% 0px`, threshold: 0 },\n );\n for (const group of navGroupsRef.current) {\n const el = group.slug ? document.getElementById(group.slug) : null;\n if (el) observer.observe(el);\n }\n return () => observer.disconnect();\n // slugKey encodes the section set; re-observe only when it changes.\n }, [slugKey]);\n\n // ─── Hash dispatch — `/faqs#faq-item-<id>` or `/faqs#faq-<section-slug>` ──\n // Tracks the current hash so:\n // 1. an item-kind hash seeds `defaultOpenIds` on the matching accordion\n // (auto-expands the cited question);\n // 2. either kind triggers the cancellation-proof tween scroll with the\n // sticky-header offset (native browser hash scroll runs once, ignores\n // our offset — re-running the tween puts the target in the right spot).\n // Listens to `hashchange` so back/forward replays the same behavior. SSR-\n // safe: initial null state matches the server render; the first effect\n // tick on the client updates it.\n const [hashTarget, setHashTarget] = useState<FaqHashTarget | null>(null);\n useEffect(() => {\n const refresh = () => setHashTarget(parseFaqHash(window.location.hash));\n refresh();\n window.addEventListener('hashchange', refresh);\n return () => window.removeEventListener('hashchange', refresh);\n }, []);\n\n // Per-group default-open set when the hash points at an item. The map key\n // matches `groupKey(group)` so the render-time lookup is O(1) per group.\n const defaultOpenByGroupKey = useMemo(() => {\n if (hashTarget?.kind !== 'item') return null;\n const targetId = hashTarget.rawId;\n const result = new Map<string, (string | number)[]>();\n for (const group of groups) {\n const hit = group.items.find(i => String(i.id) === targetId);\n if (hit) result.set(groupKey(group), [hit.id]);\n }\n return result.size > 0 ? result : null;\n }, [groups, hashTarget]);\n\n // Accordion is uncontrolled — `defaultOpenIds` is only consumed at mount,\n // so a new item hash needs a remount to honor it. Keying off the item-id\n // suffix triggers exactly the remount we need (and stays stable when the\n // hash points at a section, so category navigation never disturbs the\n // accordion's open state).\n const accordionKeySuffix = hashTarget?.kind === 'item' ? `item:${hashTarget.rawId}` : 'default';\n\n // Unified scroll-to-hash: rAF-polls for the target row (outlasts the SWR self-fetch\n // + Radix accordion expand) and re-fires on `hashchange` — including the synthetic\n // event `navigateSamePageHash` dispatches for a SOFT same-page chat-card nav (a\n // host-router `pushState` fires no `hashchange`). The ready-dep keys off BOTH the\n // loaded `groups` (so a deep-link / refresh scrolls once the self-fetched list\n // mounts) AND `hashTarget` (so a soft nav re-runs the scroll AFTER the re-render\n // that remounts + opens the cited row, landing on its FINAL expanded position\n // instead of racing the uncontrolled accordion's key-remount — the bare-`hashchange`\n // listener alone fires before the remount and lands on the stale closed position).\n const scrollDep =\n `${groups.length}|` +\n (hashTarget?.kind === 'item'\n ? `item:${hashTarget.rawId}`\n : hashTarget?.kind === 'section'\n ? `section:${hashTarget.slug}`\n : 'none');\n useScrollToHash(scrollDep, { headerOffset: STICKY_HEADER_OFFSET_PX });\n\n // A section hash also lights up its category pill; item hashes leave the pills\n // untouched so deep-linking a question never disturbs scroll-spy state.\n //\n // Adjusted while rendering (React's prop-sync pattern) rather than from an\n // effect: the pills below read `activeSlug` in THIS render, so an effect\n // painted the OLD pill lit and then re-rendered to move the highlight. The\n // initial value matches `hashTarget`'s own initial `null`, so a mount is a\n // no-op here exactly as the effect's first run was.\n const [pillSyncedHash, setPillSyncedHash] = useState(hashTarget);\n if (pillSyncedHash !== hashTarget) {\n setPillSyncedHash(hashTarget);\n if (hashTarget?.kind === 'section') setActiveSlug(hashTarget.slug);\n }\n\n // Category pill click. `navigateSamePageHash` owns the entire transition:\n // replaceState → synthetic `hashchange` → `scrollElementIntoView` tween\n // with `STICKY_HEADER_OFFSET_PX` so the section heading lands BELOW the\n // sticky category nav on the FIRST tween (covers the same-target\n // re-click case, where the `hashTarget` effect at L214 is a no-op\n // because the state reference is equal). For DIFFERENT-target clicks\n // the helper's synthetic `hashchange` re-fires that effect, which\n // re-scrolls with the same offset and cancels this tween (singleton)\n // — both paths land at the same position. The effect is still\n // required for back/forward + direct URL edits, where the helper\n // isn't in the call chain.\n //\n // `history: 'replace'` matches the pre-helper behavior: category pills\n // are a TOC, not a navigation step, so the Back button leaves the\n // FAQ page in one step regardless of how many categories the user\n // clicked through.\n const handleJump = useCallback((e: React.MouseEvent<HTMLAnchorElement>, slug: string) => {\n e.preventDefault();\n navigateSamePageHash('#' + slug, {\n headerOffset: STICKY_HEADER_OFFSET_PX,\n history: 'replace',\n });\n }, []);\n\n return (\n <div className=\"space-y-8\">\n {navGroups.length > 1 && (\n <nav aria-label=\"FAQ categories\" className=\"flex flex-wrap gap-2\">\n {navGroups.map(group => {\n const isActive = group.slug === activeSlug;\n return (\n <a\n key={group.slug}\n href={`#${group.slug}`}\n aria-current={isActive ? 'true' : undefined}\n onClick={e => handleJump(e, group.slug as string)}\n className={cn(\n 'rounded-full border px-4 py-2 transition-colors text-h6',\n isActive\n ? 'border-ods-text-primary bg-ods-card text-ods-text-primary'\n : 'border-ods-border bg-ods-card text-ods-text-secondary hover:border-ods-text-secondary hover:text-ods-text-primary',\n )}\n >\n {group.section}\n </a>\n );\n })}\n </nav>\n )}\n <div className=\"space-y-10\">\n {groups.map(group => {\n const key = groupKey(group);\n return (\n <section key={key} id={group.slug ?? undefined} className=\"scroll-mt-24 space-y-4\">\n {group.section && <CategoryHeading className={SECTION_HEADING_CLASS}>{group.section}</CategoryHeading>}\n <FaqAccordion\n // Re-key on item-hash changes so the remount picks up the new\n // `defaultOpenIds` (the accordion is uncontrolled). Stable for\n // section hashes — category navigation doesn't disturb state.\n key={`${key}:${accordionKeySuffix}`}\n items={group.items}\n defaultOpenIds={defaultOpenByGroupKey?.get(key)}\n />\n </section>\n );\n })}\n </div>\n </div>\n );\n}\n\nfunction FaqSkeleton() {\n return (\n <div className=\"animate-pulse space-y-8\">\n <div className=\"h-12 w-2/3 rounded bg-ods-border md:h-14\" />\n <div className=\"w-full divide-y divide-ods-border overflow-hidden rounded-md border border-ods-border bg-transparent\">\n {Array.from({ length: 8 }).map((_, idx) => (\n <div key={idx} className=\"flex items-center justify-between gap-6 px-6 py-4 md:gap-10\">\n <div className=\"h-6 w-5/6 rounded bg-ods-border\" />\n <div className=\"size-6 rounded bg-ods-border\" />\n </div>\n ))}\n </div>\n </div>\n );\n}\n\ninterface FaqsResponse {\n faqs: Faq[];\n}\n\n/**\n * The FAQ display surface — ONE rendering on every host: the list grouped by\n * `faq.section` (each category a heading + its own accordion, with a category\n * jump-nav once there are 2+ categories). There is no flat/ungrouped mode and\n * no page-vs-embedded shell fork; the standalone /faqs page and every embed\n * render through this single path, so they cannot drift.\n *\n * - Standalone /faqs page: pass `initialFaqs` (SSR) + `heading={null}` (the\n * page owns the <h1>) + `emitJsonLd` with `jsonLd` overrides for SEO.\n * - Per-entity embed: pass `entityType` + `entityId` (no `initialFaqs`); the\n * hook self-fetches `GET /api/faqs`, and `heading` is this block's own <h2>.\n *\n * CONTRACT: the consuming app MUST implement `GET /api/faqs`. On a fetch error\n * (or zero FAQs) the component renders nothing so the host page isn't\n * disfigured. The host always supplies the page shell — this renders a bare\n * <section>.\n */\nexport function FaqSection({\n initialFaqs,\n entityType,\n entityId,\n heading,\n emitJsonLd = false,\n jsonLd,\n className,\n minResults,\n apiBaseUrl = '',\n}: FaqSectionProps) {\n const url = buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl);\n // Memoized — useSelfFetch re-syncs on [initialData]; a fresh per-render\n // wrapper object would setState-loop under re-rendering parents.\n const initialData = useMemo<FaqsResponse | undefined>(\n () => (initialFaqs ? { faqs: initialFaqs } : undefined),\n [initialFaqs],\n );\n const { data, isLoading, error } = useSelfFetch<FaqsResponse>(url, { initialData });\n\n // Memoised because the `??` fallback minted a NEW array on every\n // render, which made the memo below re-run every time — i.e. do nothing.\n const faqs = useMemo(() => data?.faqs ?? [], [data?.faqs]);\n // Grouped before the early returns so the hook order stays stable.\n const groups = useMemo(() => (faqs.length > 0 ? groupFaqsBySection(faqs) : []), [faqs]);\n\n // `undefined` → default <h2> title; `null` → the host page owns the <h1>, so\n // no title renders here. `heading === null` also makes the category headings\n // <h2> (directly under the page <h1>); otherwise they nest as <h3>.\n const headingNode =\n heading === undefined ? <h2 className={SECTION_HEADING_CLASS}>{DEFAULT_HEADING_TEXT}</h2> : heading;\n\n // Degrade silently — never show an error banner or an empty section shell\n // where FAQs would be (host pages and the standalone surface both rely on it).\n if (error) return null;\n if (!isLoading && faqs.length === 0) return null;\n if (isLoading && faqs.length === 0) {\n return (\n <div className={className}>\n <FaqSkeleton />\n </div>\n );\n }\n\n const schema = emitJsonLd ? buildFaqJsonLdFromFaqs(faqs, jsonLd) : null;\n\n return (\n <>\n <section className={className ?? 'space-y-10'}>\n {headingNode}\n <GroupedFaqList groups={groups} categoryHeadingAs={heading === null ? 'h2' : 'h3'} />\n </section>\n {schema && (\n <script\n type=\"application/ld+json\"\n // serializeJsonLd, NOT raw JSON.stringify — FAQ answers are\n // admin-entered; an embedded \"</script>\" must not break the tag.\n dangerouslySetInnerHTML={{ __html: serializeJsonLd(schema) }}\n />\n )}\n </>\n );\n}\n","'use client';\n\nimport { useState } from 'react';\nimport { cn } from '../utils/cn';\nimport { faqItemAnchor } from '../utils/faq-anchor';\nimport { Chevron02DownIcon } from './icons-v2-generated/arrows/chevron-02-down-icon';\n\nexport interface FaqItem {\n id: number | string;\n question: string;\n answer: string;\n}\n\ninterface FaqAccordionProps {\n items: FaqItem[];\n defaultOpenIds?: (number | string)[];\n}\n\nexport function FaqAccordion({ items, defaultOpenIds = [] }: FaqAccordionProps) {\n const [openSet, setOpenSet] = useState<Set<string | number>>(new Set(defaultOpenIds));\n\n const toggle = (id: string | number) => {\n setOpenSet(prev => {\n const next = new Set(prev);\n if (next.has(id)) next.delete(id);\n else next.add(id);\n return next;\n });\n };\n\n return (\n <div className=\"divide-y divide-ods-border overflow-hidden rounded-md border border-ods-border bg-transparent\">\n {items.map(item => {\n const isOpen = openSet.has(item.id);\n\n return (\n <div\n key={item.id}\n // Per-row anchor — chat citation chips (`/faqs#faq-item-<id>`) land\n // here via native browser hash scroll AND via `FaqSection`'s tween\n // dispatch. `scroll-mt-24` keeps the row header below the 96px\n // sticky nav offset (matches `<section>`'s scroll-margin for\n // category anchors).\n id={faqItemAnchor(item.id)}\n className=\"scroll-mt-24 transition-colors hover:bg-ods-bg-hover\"\n >\n {/* Header */}\n <div\n role=\"button\"\n tabIndex={0}\n onClick={() => toggle(item.id)}\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n toggle(item.id);\n }\n }}\n aria-expanded={isOpen}\n className=\"flex w-full cursor-pointer items-center gap-6 px-6 py-4 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus md:gap-10\"\n >\n <h3 className=\"min-w-0 flex-1 break-words\">{item.question}</h3>\n <Chevron02DownIcon\n aria-hidden=\"true\"\n size={24}\n className={cn(\n 'shrink-0 text-ods-text-primary transition-transform duration-300',\n isOpen && 'rotate-180',\n )}\n />\n </div>\n {/* Content wrapper. Collapses with the grid 1fr->0fr transition the\n rest of the design system uses (see AnnouncementBar) rather than\n an animated max-height: measuring `scrollHeight` needed a hook\n PER ROW, which meant calling hooks inside `items.map` — the hook\n order then changed whenever `items` did. Grid needs no\n measurement, and it animates correctly when an answer's height\n changes after mount. */}\n <div\n className=\"grid transition-[grid-template-rows,opacity] duration-300 ease-in-out motion-reduce:transition-none\"\n style={{ gridTemplateRows: isOpen ? '1fr' : '0fr', opacity: isOpen ? 1 : 0 }}\n >\n {/* break-words: FAQ answers render as plain text, so a long URL or\n token has no wrap opportunity — and the row is overflow-hidden,\n which would CLIP it past the viewport on mobile. Mirrors the\n markdown-renderer overflow-wrap fix. */}\n <div className=\"overflow-hidden\">\n <div className=\"break-words px-6 pb-4 text-ods-text-primary text-h4\">{item.answer}</div>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n );\n}\n","/**\n * Pure FAQ JSON-LD builder. No React, no client-only deps — safe to import from\n * Server Components via the `./components/faq` subpath export. (Do NOT import\n * through the root `./components` barrel — that barrel is `\"use client\"` and\n * dragging it into a Server Component would force the client graph into the\n * server.)\n *\n * The hub used to harcode `name`/`description` here for OpenMSP; in the lib we\n * accept overrides so every embedder can supply its own platform branding.\n */\nimport type { Faq } from '../../types/faq';\n\nexport interface FaqSchemaOptions {\n name?: string;\n description?: string;\n url?: string;\n}\n\nconst DEFAULT_NAME = 'Frequently Asked Questions';\nconst DEFAULT_DESCRIPTION = 'Answers to common questions.';\n\nexport function baseFaqSchema(opts: FaqSchemaOptions = {}) {\n return {\n '@context': 'https://schema.org',\n '@type': 'FAQPage',\n name: opts.name ?? DEFAULT_NAME,\n description: opts.description ?? DEFAULT_DESCRIPTION,\n ...(opts.url ? { url: opts.url } : {}),\n } as const;\n}\n\nexport function buildFaqJsonLdFromFaqs(faqs: Faq[], opts: FaqSchemaOptions = {}) {\n return {\n ...baseFaqSchema(opts),\n mainEntity: faqs.map(faq => ({\n '@type': 'Question',\n name: faq.question,\n acceptedAnswer: {\n '@type': 'Answer',\n text: faq.answer,\n },\n })),\n } as const;\n}\n","'use client';\n\n/**\n * FaqDocumentPage — the full `/faqs` page with chrome, so embedders drop in\n * ONE component instead of hand-assembling `PageShell` + `PageLayout` around\n * the bare `<FaqSection>`. Mirrors `LegalDocumentPage` / `DevSectionPage`: the\n * page-level layout lives in the lib, the host page is a thin wrapper that\n * passes only config + the SSR-resolved data.\n *\n * HERO: the title + subtitle route through the canonical (frozen) `PageLayout`\n * `TitleBlock` with `titleSize=\"h1\"` — the unified Help Center header (the\n * `TitleBlock` element is always an `<h1>`; `titleSize` only sets its typography,\n * here `text-h1`). The page owns that `<h1>`, so `<FaqSection heading={null}>`\n * nests its category headings as `<h2>`/`<h3>` (the SEO-recommended FAQ document\n * outline).\n *\n * DATA: pass `initialFaqs` (SSR-resolved, platform-scoped) so `FaqSection`\n * skips its client self-fetch — the standalone page's static platform-only\n * contract. Omit it for embeds that want the self-fetching `/api/faqs`\n * suggestion-fill instead.\n */\n\nimport { useRouter } from '../../embed-shims/next-navigation';\nimport type { Faq } from '../../types/faq';\nimport { PageShell, PageLayout } from '../ui';\nimport { FaqSection } from './faq-section';\nimport type { FaqSchemaOptions } from './json-ld';\n\nexport interface FaqDocumentPageProps {\n /** Page title (frozen `PageLayout` `TitleBlock`). Default \"Frequently Asked Questions\". */\n title?: string;\n /** Subtitle under the title. */\n subtitle?: string;\n /** Back-button config — same pattern as `DevSectionPage` / `LegalDocumentPage`.\n * Pass `false` to hide. Default `{ label: 'Back to home', href: '/' }`. */\n backButton?: { label?: string; href?: string } | false;\n /** Render the standalone `<PageShell>` (own `<main>` + bg + max-width). Default\n * true. Pass false when the host layout already provides the page container\n * (e.g. openframe-frontend's `AppLayout` `<main>`) — only the padding box\n * renders, avoiding a nested `<main>`. */\n shell?: boolean;\n /** SSR-hydrate `FaqSection` (skips the client fetch — the platform-only\n * contract for the standalone page). Omit for self-fetching embeds. */\n initialFaqs?: Faq[];\n /** Emit FAQPage schema.org JSON-LD (forwarded to `FaqSection`). Off by\n * default so embeds don't emit duplicate schema. */\n emitJsonLd?: boolean;\n /** JSON-LD name/description/url overrides (forwarded to `FaqSection`). */\n jsonLd?: FaqSchemaOptions;\n /** Base URL `FaqSection` appends `/api/faqs` to (reverse-proxy embedders). */\n apiBaseUrl?: string;\n /** Optional entity scoping forwarded to `FaqSection`. */\n entityType?: string;\n entityId?: number | string;\n /** Minimum FAQ count before the section renders (forwarded to `FaqSection`). */\n minResults?: number;\n}\n\nexport function FaqDocumentPage({\n title = 'Frequently Asked Questions',\n subtitle,\n backButton,\n initialFaqs,\n emitJsonLd,\n jsonLd,\n apiBaseUrl,\n entityType,\n entityId,\n minResults,\n shell = true,\n}: FaqDocumentPageProps) {\n const router = useRouter();\n\n // Back-button config — mirrors LegalDocumentPage / DevSectionPage. Hide\n // entirely when the caller passes `false` (embed-mode where the host owns\n // nav chrome).\n const backCfg =\n backButton === false\n ? undefined\n : {\n label: backButton?.label ?? 'Back to home',\n onClick: () => router.push(backButton?.href ?? '/'),\n };\n\n const inner = (\n <PageLayout title={title} subtitle={subtitle} backButton={backCfg} titleSize=\"h1\" titleWrap>\n <FaqSection\n initialFaqs={initialFaqs}\n heading={null}\n emitJsonLd={emitJsonLd}\n jsonLd={jsonLd}\n apiBaseUrl={apiBaseUrl}\n entityType={entityType}\n entityId={entityId}\n minResults={minResults}\n />\n </PageLayout>\n );\n\n return shell ? <PageShell>{inner}</PageShell> : <div className=\"page-shell-content\">{inner}</div>;\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-DDWLF2JV.cjs","../src/components/faq/faq-section.tsx","../src/components/faq-accordion.tsx","../src/components/faq/json-ld.ts","../src/components/faq/faq-document-page.tsx"],"names":["useState","jsx"],"mappings":"AAAA,6rBAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;AChCA,8BAAkE;ADkClE;AACA;AEpCA;AA6CY,+CAAA;AA7BL,SAAS,YAAA,CAAa,EAAE,KAAA,EAAO,eAAA,EAAiB,CAAC,EAAE,CAAA,EAAsB;AAC9E,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,EAAA,EAAI,6BAAA,IAAmC,GAAA,CAAI,cAAc,CAAC,CAAA;AAEpF,EAAA,MAAM,OAAA,EAAS,CAAC,EAAA,EAAA,GAAwB;AACtC,IAAA,UAAA,CAAW,CAAA,IAAA,EAAA,GAAQ;AACjB,MAAA,MAAM,KAAA,EAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,MAAA,GAAA,CAAI,IAAA,CAAK,GAAA,CAAI,EAAE,CAAA,EAAG,IAAA,CAAK,MAAA,CAAO,EAAE,CAAA;AAAA,MAAA,KAC3B,IAAA,CAAK,GAAA,CAAI,EAAE,CAAA;AAChB,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,uBACE,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,+FAAA,EACZ,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,EAAA,GAAQ;AACjB,IAAA,MAAM,OAAA,EAAS,OAAA,CAAQ,GAAA,CAAI,IAAA,CAAK,EAAE,CAAA;AAElC,IAAA,uBACE,8BAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAOC,EAAA,EAAI,6CAAA,IAAc,CAAK,EAAE,CAAA;AAAA,QACzB,SAAA,EAAU,sDAAA;AAAA,QAGV,QAAA,EAAA;AAAA,0BAAA,8BAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,QAAA,EAAU,CAAA;AAAA,cACV,OAAA,EAAS,CAAA,EAAA,GAAM,MAAA,CAAO,IAAA,CAAK,EAAE,CAAA;AAAA,cAC7B,SAAA,EAAW,CAAA,CAAA,EAAA,GAAK;AACd,gBAAA,GAAA,CAAI,CAAA,CAAE,IAAA,IAAQ,QAAA,GAAW,CAAA,CAAE,IAAA,IAAQ,GAAA,EAAK;AACtC,kBAAA,CAAA,CAAE,cAAA,CAAe,CAAA;AACjB,kBAAA,MAAA,CAAO,IAAA,CAAK,EAAE,CAAA;AAAA,gBAChB;AAAA,cACF,CAAA;AAAA,cACA,eAAA,EAAe,MAAA;AAAA,cACf,SAAA,EAAU,qMAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAA,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAA,IAAA,CAAK,SAAA,CAAS,CAAA;AAAA,gCAC1D,6BAAA;AAAA,kBAAC,mCAAA;AAAA,kBAAA;AAAA,oBACC,aAAA,EAAY,MAAA;AAAA,oBACZ,IAAA,EAAM,EAAA;AAAA,oBACN,SAAA,EAAW,kCAAA;AAAA,sBACT,kEAAA;AAAA,sBACA,OAAA,GAAU;AAAA,oBACZ;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,CAAA;AAAA,0BAQA,6BAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,qGAAA;AAAA,cACV,KAAA,EAAO,EAAE,gBAAA,EAAkB,OAAA,EAAS,MAAA,EAAQ,KAAA,EAAO,OAAA,EAAS,OAAA,EAAS,EAAA,EAAI,EAAE,CAAA;AAAA,cAM3E,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,qDAAA,EAAuD,QAAA,EAAA,IAAA,CAAK,OAAA,CAAO,EAAA,CACpF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,MAnDK,IAAA,CAAK;AAAA,IAoDZ,CAAA;AAAA,EAEJ,CAAC,EAAA,CACH,CAAA;AAEJ;AFSA;AACA;AGtFA,IAAM,aAAA,EAAe,4BAAA;AACrB,IAAM,oBAAA,EAAsB,8BAAA;AAErB,SAAS,aAAA,CAAc,KAAA,EAAyB,CAAC,CAAA,EAAG;AACzD,EAAA,OAAO;AAAA,IACL,UAAA,EAAY,oBAAA;AAAA,IACZ,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,mBAAM,IAAA,CAAK,IAAA,UAAQ,cAAA;AAAA,IACnB,WAAA,mBAAa,IAAA,CAAK,WAAA,UAAe,qBAAA;AAAA,IACjC,GAAI,IAAA,CAAK,IAAA,EAAM,EAAE,GAAA,EAAK,IAAA,CAAK,IAAI,EAAA,EAAI,CAAC;AAAA,EACtC,CAAA;AACF;AAEO,SAAS,sBAAA,CAAuB,IAAA,EAAa,KAAA,EAAyB,CAAC,CAAA,EAAG;AAC/E,EAAA,OAAO;AAAA,IACL,GAAG,aAAA,CAAc,IAAI,CAAA;AAAA,IACrB,UAAA,EAAY,IAAA,CAAK,GAAA,CAAI,CAAA,GAAA,EAAA,GAAA,CAAQ;AAAA,MAC3B,OAAA,EAAS,UAAA;AAAA,MACT,IAAA,EAAM,GAAA,CAAI,QAAA;AAAA,MACV,cAAA,EAAgB;AAAA,QACd,OAAA,EAAS,QAAA;AAAA,QACT,IAAA,EAAM,GAAA,CAAI;AAAA,MACZ;AAAA,IACF,CAAA,CAAE;AAAA,EACJ,CAAA;AACF;AHsFA;AACA;ACgJc;AAhOd,IAAM,qBAAA,EAAuB,4BAAA;AAK7B,SAAS,YAAA,CAAa,UAAA,EAAqB,QAAA,EAA4B,UAAA,EAAqB,WAAA,EAAa,EAAA,EAAY;AACnH,EAAA,OAAO,kDAAA,WAAmB,EAAa,EAAE,UAAA,EAAY,UAAA,EAAY,QAAA,EAAU,KAAA,EAAO,WAAW,CAAC,CAAA;AAChG;AAcA,SAAS,kBAAA,CAAmB,IAAA,EAAyB;AAInD,EAAA,MAAM,OAAA,kBAAS,IAAI,GAAA,CAAsB,CAAA;AACzC,EAAA,IAAI,cAAA,EAAiC,IAAA;AACrC,EAAA,IAAA,CAAA,MAAW,IAAA,GAAO,IAAA,EAAM;AACtB,IAAA,MAAM,KAAA,EAAgB,EAAE,EAAA,EAAI,GAAA,CAAI,EAAA,EAAI,QAAA,EAAU,GAAA,CAAI,QAAA,EAAU,MAAA,EAAQ,GAAA,CAAI,OAAO,CAAA;AAC/E,IAAA,MAAM,KAAA,kBAAO,GAAA,qBAAI,OAAA,6BAAS,IAAA,mBAAK,GAAA;AAC/B,IAAA,GAAA,CAAI,CAAC,IAAA,EAAM;AACT,MAAA,GAAA,CAAI,CAAC,aAAA,EAAe,cAAA,EAAgB,EAAE,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,KAAA,EAAO,CAAC,EAAE,CAAA;AAC3E,MAAA,aAAA,CAAc,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAC7B,MAAA,QAAA;AAAA,IACF;AACA,IAAA,IAAI,MAAA,EAAQ,MAAA,CAAO,GAAA,CAAI,IAAI,CAAA;AAC3B,IAAA,GAAA,CAAI,CAAC,KAAA,EAAO;AACV,MAAA,MAAA,EAAQ,EAAE,OAAA,EAAS,IAAA,EAAM,IAAA,EAAM,8CAAA,IAAmB,CAAA,EAAG,KAAA,EAAO,CAAC,EAAE,CAAA;AAC/D,MAAA,MAAA,CAAO,GAAA,CAAI,IAAA,EAAM,KAAK,CAAA;AAAA,IACxB;AACA,IAAA,KAAA,CAAM,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA;AAAA,EACvB;AACA,EAAA,MAAM,OAAA,EAAS,CAAC,GAAG,MAAA,CAAO,MAAA,CAAO,CAAC,CAAA;AAClC,EAAA,GAAA,CAAI,aAAA,EAAe,MAAA,CAAO,IAAA,CAAK,aAAa,CAAA;AAC5C,EAAA,OAAO,MAAA;AACT;AAKA,IAAM,kBAAA,EAAoB,mBAAA;AAC1B,IAAM,SAAA,EAAW,CAAC,CAAA,EAAA,oBAAwB,CAAA,CAAE,IAAA,UAAQ,mBAAA;AAYpD,SAAS,cAAA,CAAe;AAAA,EACtB,MAAA;AAAA,EACA;AACF,CAAA,EAQG;AACD,EAAA,MAAM,gBAAA,EAAkB,iBAAA;AACxB,EAAA,MAAM,UAAA,EAAY,4BAAA,CAAQ,EAAA,GAAM,MAAA,CAAO,MAAA,CAAO,CAAA,CAAA,EAAA,GAAK,CAAA,CAAE,IAAI,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AACpE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,EAAA,EAAIA,6BAAAA,iCAAwB,SAAA,qBAAU,CAAC,CAAA,6BAAG,MAAA,UAAQ,MAAI,CAAA;AAGtF,EAAA,MAAM,QAAA,EAAU,SAAA,CAAU,GAAA,CAAI,CAAA,CAAA,EAAA,GAAK,CAAA,CAAE,IAAI,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAInD,EAAA,MAAM,aAAA,EAAe,2BAAA,SAAgB,CAAA;AACrC,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,YAAA,CAAa,QAAA,EAAU,SAAA;AAAA,EACzB,CAAC,CAAA;AAMD,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,GAAA,CAAI,YAAA,CAAa,OAAA,CAAQ,OAAA,EAAS,CAAA,EAAG,OAAO,KAAA,CAAA;AAC5C,IAAA,MAAM,KAAA,kBAAO,IAAI,GAAA,CAAoB,CAAA;AACrC,IAAA,MAAM,SAAA,EAAW,IAAI,oBAAA;AAAA,MACnB,CAAA,OAAA,EAAA,GAAW;AACT,QAAA,IAAA,CAAA,MAAW,MAAA,GAAS,OAAA,EAAS;AAC3B,UAAA,MAAM,GAAA,EAAM,KAAA,CAAM,MAAA,CAAuB,EAAA;AACzC,UAAA,GAAA,CAAI,KAAA,CAAM,cAAA,EAAgB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,KAAA,CAAM,kBAAA,CAAmB,GAAG,CAAA;AAAA,UAAA,KAC9D,IAAA,CAAK,MAAA,CAAO,EAAE,CAAA;AAAA,QACrB;AACA,QAAA,IAAI,OAAA,EAAwB,IAAA;AAC5B,QAAA,IAAI,QAAA,EAAU,MAAA,CAAO,iBAAA;AACrB,QAAA,IAAA,CAAA,MAAW,CAAC,EAAA,EAAI,GAAG,EAAA,GAAK,IAAA,EAAM;AAC5B,UAAA,GAAA,CAAI,IAAA,EAAM,OAAA,EAAS;AACjB,YAAA,QAAA,EAAU,GAAA;AACV,YAAA,OAAA,EAAS,EAAA;AAAA,UACX;AAAA,QACF;AACA,QAAA,GAAA,CAAI,MAAA,EAAQ,aAAA,CAAc,MAAM,CAAA;AAAA,MAClC,CAAA;AAAA,MACA,EAAE,UAAA,EAAY,CAAA,CAAA,EAAI,yCAAuB,CAAA,eAAA,CAAA,EAAmB,SAAA,EAAW,EAAE;AAAA,IAC3E,CAAA;AACA,IAAA,IAAA,CAAA,MAAW,MAAA,GAAS,YAAA,CAAa,OAAA,EAAS;AACxC,MAAA,MAAM,GAAA,EAAK,KAAA,CAAM,KAAA,EAAO,QAAA,CAAS,cAAA,CAAe,KAAA,CAAM,IAAI,EAAA,EAAI,IAAA;AAC9D,MAAA,GAAA,CAAI,EAAA,EAAI,QAAA,CAAS,OAAA,CAAQ,EAAE,CAAA;AAAA,IAC7B;AACA,IAAA,OAAO,CAAA,EAAA,GAAM,QAAA,CAAS,UAAA,CAAW,CAAA;AAAA,EAEnC,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAYZ,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,EAAA,EAAIA,6BAAAA,IAAmC,CAAA;AACvE,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,QAAA,EAAU,CAAA,EAAA,GAAM,aAAA,CAAc,4CAAA,MAAa,CAAO,QAAA,CAAS,IAAI,CAAC,CAAA;AACtE,IAAA,OAAA,CAAQ,CAAA;AACR,IAAA,MAAA,CAAO,gBAAA,CAAiB,YAAA,EAAc,OAAO,CAAA;AAC7C,IAAA,OAAO,CAAA,EAAA,GAAM,MAAA,CAAO,mBAAA,CAAoB,YAAA,EAAc,OAAO,CAAA;AAAA,EAC/D,CAAA,EAAG,CAAC,CAAC,CAAA;AAIL,EAAA,MAAM,sBAAA,EAAwB,4BAAA,CAAQ,EAAA,GAAM;AAC1C,IAAA,GAAA,iBAAI,UAAA,6BAAY,OAAA,IAAS,MAAA,EAAQ,OAAO,IAAA;AACxC,IAAA,MAAM,SAAA,EAAW,UAAA,CAAW,KAAA;AAC5B,IAAA,MAAM,OAAA,kBAAS,IAAI,GAAA,CAAiC,CAAA;AACpD,IAAA,IAAA,CAAA,MAAW,MAAA,GAAS,MAAA,EAAQ;AAC1B,MAAA,MAAM,IAAA,EAAM,KAAA,CAAM,KAAA,CAAM,IAAA,CAAK,CAAA,CAAA,EAAA,GAAK,MAAA,CAAO,CAAA,CAAE,EAAE,EAAA,IAAM,QAAQ,CAAA;AAC3D,MAAA,GAAA,CAAI,GAAA,EAAK,MAAA,CAAO,GAAA,CAAI,QAAA,CAAS,KAAK,CAAA,EAAG,CAAC,GAAA,CAAI,EAAE,CAAC,CAAA;AAAA,IAC/C;AACA,IAAA,OAAO,MAAA,CAAO,KAAA,EAAO,EAAA,EAAI,OAAA,EAAS,IAAA;AAAA,EACpC,CAAA,EAAG,CAAC,MAAA,EAAQ,UAAU,CAAC,CAAA;AAOvB,EAAA,MAAM,mBAAA,kBAAqB,UAAA,6BAAY,OAAA,IAAS,OAAA,EAAS,CAAA,KAAA,EAAQ,UAAA,CAAW,KAAK,CAAA,EAAA;AAcnE,EAAA;AAIsD,EAAA;AAUL,EAAA;AAC5B,EAAA;AACL,IAAA;AACqC,IAAA;AACnE,EAAA;AAkByF,EAAA;AACtE,IAAA;AACgB,IAAA;AACjB,MAAA;AACL,MAAA;AACV,IAAA;AACE,EAAA;AAIA,EAAA;AACiB,IAAA;AAEoB,MAAA;AAE9BC,MAAAA;AAAC,QAAA;AAAA,QAAA;AAEqB,UAAA;AACc,UAAA;AACc,UAAA;AACrC,UAAA;AACT,YAAA;AAEI,YAAA;AAEN,UAAA;AAEO,UAAA;AAAA,QAAA;AAXI,QAAA;AAYb,MAAA;AAGN,IAAA;AAGY,oBAAA;AACgB,MAAA;AAEwB,MAAA;AACA,QAAA;AAC9CA,wBAAAA;AAAC,UAAA;AAAA,UAAA;AAKc,YAAA;AACiC,YAAA;AAAA,UAAA;AAFb,UAAA;AAGnC,QAAA;AACF,MAAA;AAGN,IAAA;AACF,EAAA;AAEJ;AAEuB;AAGjB,EAAA;AAAe,oBAAA;AACA,oBAAA;AAGwC,sBAAA;AACH,sBAAA;AAGpD,IAAA;AACF,EAAA;AAEJ;AAuB2B;AACzB,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACa,EAAA;AACb,EAAA;AACA,EAAA;AACA,EAAA;AACa,EAAA;AACK;AACmD,EAAA;AAGjD,EAAA;AAC2B,IAAA;AACjC,IAAA;AACd,EAAA;AACkF,EAAA;AAIzB,EAAA;AAEwB,EAAA;AAMxC,EAAA;AAIvB,EAAA;AAC0B,EAAA;AACR,EAAA;AAG7B,IAAA;AAGP,EAAA;AAEmE,EAAA;AAI/D,EAAA;AACG,oBAAA;AAAA,MAAA;AAC8D,sBAAA;AACjE,IAAA;AAEEA,IAAAA;AAAC,MAAA;AAAA,MAAA;AACM,QAAA;AAGsD,QAAA;AAAA,MAAA;AAC7D,IAAA;AAEJ,EAAA;AAEJ;ADlGoF;AACA;AItO9E;AA5B0B;AACtB,EAAA;AACR,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACQ,EAAA;AACe;AACE,EAAA;AAQnB,EAAA;AAC8B,IAAA;AACsB,IAAA;AACpD,EAAA;AAGsD,EAAA;AACvD,IAAA;AAAA,IAAA;AACC,MAAA;AACS,MAAA;AACT,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAG8C,EAAA;AAClD;AJ2PoF;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-DDWLF2JV.cjs","sourcesContent":[null,"'use client';\n\nimport type React from 'react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useScrollToHash } from '../../hooks/use-scroll-to-hash';\nimport { useSelfFetch } from '../../hooks/use-self-fetch';\nimport type { Faq } from '../../types/faq';\nimport { cn } from '../../utils/cn';\nimport { serializeJsonLd } from '../../utils/common';\nimport { faqSectionSlug, parseFaqHash, type FaqHashTarget } from '../../utils/faq-anchor';\nimport { navigateSamePageHash, STICKY_HEADER_OFFSET_PX } from '../../utils/same-page-hash-nav';\nimport { buildSuggestionUrl } from '../../utils/suggestion-url';\nimport { FaqAccordion, type FaqItem } from '../faq-accordion';\nimport { SECTION_HEADING_CLASS } from '../layout/page-heading';\nimport { buildFaqJsonLdFromFaqs, type FaqSchemaOptions } from './json-ld';\n\nexport interface FaqSectionProps {\n /**\n * SSR hydrate. When provided, the hook skips the first client fetch (per\n * useSelfFetch contract). The consuming server page resolves FAQs then drills\n * them into this prop — the lib never re-fetches what the host already gated on.\n */\n initialFaqs?: Faq[];\n /** Both required together for entity-attached FAQs; partial → bare /api/faqs. */\n entityType?: string;\n entityId?: number | string;\n /**\n * Heading node above the grouped list. `undefined` → default\n * `<h2>`\"Frequently Asked Questions\". `null` → no heading (the host page\n * owns the `<h1>`, as the standalone /faqs surface does). A React node lets a\n * platform drill its own <PageHeading> without the lib referencing platform\n * state. Also drives category nesting so the document outline stays correct:\n * `null` → categories render `<h2>` (directly under the page `<h1>`);\n * otherwise categories render `<h3>` beneath this heading.\n */\n heading?: React.ReactNode | null;\n /** Inject FAQPage schema.org JSON-LD as a <script>. Off by default so embeds\n * don't emit duplicate schema. */\n emitJsonLd?: boolean;\n /** Overrides for the JSON-LD's name/description/url. */\n jsonLd?: FaqSchemaOptions;\n className?: string;\n /** Maps to /api/faqs `?count=` (the 5-tier fill target). Absent → param\n * not sent (server default applies). */\n minResults?: number;\n /** Fetch-URL prefix for third-party embeds / reverse proxies\n * ('' = same-origin relative). */\n apiBaseUrl?: string;\n}\n\nconst DEFAULT_HEADING_TEXT = 'Frequently Asked Questions';\n\n/** URL composition shared with RelatedContentSection (`buildSuggestionUrl`)\n * — byte-identical to the historical `buildFaqsUrl` output when\n * `minResults`/`apiBaseUrl` are absent. */\nfunction buildFaqsUrl(entityType?: string, entityId?: number | string, minResults?: number, apiBaseUrl = ''): string {\n return buildSuggestionUrl('/api/faqs', { apiBaseUrl, entityType, entityId, count: minResults });\n}\n\ninterface FaqGroup {\n /** null → the uncategorized bucket: no heading, no jump pill, rendered last. */\n section: string | null;\n slug: string | null;\n items: FaqItem[];\n}\n\n/** Group FAQs by `faq.section`, preserving the server's first-seen\n * (display_order) order for BOTH the section order and the rows within each\n * section. The uncategorized bucket (blank/missing section) sinks to the end\n * since it renders without a heading. Items carry NO badge here — the `<h2>`\n * IS the category, so a per-row chip would be redundant. */\nfunction groupFaqsBySection(faqs: Faq[]): FaqGroup[] {\n // A Map iterates in insertion order, which is exactly the first-seen section\n // order this function promises — so the Map IS the ordering, and no parallel\n // array of names (plus a lookup that has to assert the key back) is needed.\n const byName = new Map<string, FaqGroup>();\n let uncategorized: FaqGroup | null = null;\n for (const faq of faqs) {\n const item: FaqItem = { id: faq.id, question: faq.question, answer: faq.answer };\n const name = faq.section?.trim();\n if (!name) {\n if (!uncategorized) uncategorized = { section: null, slug: null, items: [] };\n uncategorized.items.push(item);\n continue;\n }\n let group = byName.get(name);\n if (!group) {\n group = { section: name, slug: faqSectionSlug(name), items: [] };\n byName.set(name, group);\n }\n group.items.push(item);\n }\n const groups = [...byName.values()];\n if (uncategorized) groups.push(uncategorized);\n return groups;\n}\n\n/** Map key for the uncategorized bucket — `group.slug` is null for it, so\n * every per-group map (default-open ids, accordion keys) uses this sentinel\n * to keep the lookup typed. */\nconst UNCATEGORIZED_KEY = '__uncategorized__';\nconst groupKey = (g: FaqGroup): string => g.slug ?? UNCATEGORIZED_KEY;\n\n/**\n * Grouped FAQ layout: a category jump-nav above stacked `<h2>` category\n * sections (each its own accordion). Isolated into its own component so the\n * scroll-spy hooks only mount in grouped mode — `FaqSection`'s own hooks stay\n * unconditional.\n *\n * The pills are real `<a href=\"#slug\">` anchors (crawlable in-page links,\n * deep-linkable, work without JS); the click handler upgrades the jump to the\n * cancellation-proof `scrollElementIntoView` tween and syncs the URL hash.\n */\nfunction GroupedFaqList({\n groups,\n categoryHeadingAs,\n}: {\n groups: FaqGroup[];\n /** Heading tag for each category, so the document outline nests correctly\n * under whatever owns the heading above this block: `h2` on the standalone\n * page (the page owns the `<h1>`), `h3` beneath an embed's `<h2>` title.\n * The VISUAL is `SECTION_HEADING_CLASS` either way, so categories look\n * identical on every surface. */\n categoryHeadingAs: 'h2' | 'h3';\n}) {\n const CategoryHeading = categoryHeadingAs;\n const navGroups = useMemo(() => groups.filter(g => g.slug), [groups]);\n const [activeSlug, setActiveSlug] = useState<string | null>(navGroups[0]?.slug ?? null);\n // Identity-stable key for the section set so the observer re-binds only when\n // the categories actually change (not on every parent re-render).\n const slugKey = navGroups.map(g => g.slug).join('|');\n // Latest `navGroups` for the scroll-spy observer below, which re-observes on\n // `slugKey` (the section SET) and must not re-run when the array is merely\n // rebuilt with the same slugs.\n const navGroupsRef = useRef(navGroups);\n useEffect(() => {\n navGroupsRef.current = navGroups;\n });\n\n // Scroll-spy: mark the pill for the category currently at the top of the\n // viewport. rootMargin drops the trigger line just below the sticky header\n // and ignores the bottom ~55% so \"active\" is the section being read, not the\n // next one peeking in.\n useEffect(() => {\n if (navGroupsRef.current.length < 2) return undefined;\n const tops = new Map<string, number>();\n const observer = new IntersectionObserver(\n entries => {\n for (const entry of entries) {\n const id = (entry.target as HTMLElement).id;\n if (entry.isIntersecting) tops.set(id, entry.boundingClientRect.top);\n else tops.delete(id);\n }\n let bestId: string | null = null;\n let bestTop = Number.POSITIVE_INFINITY;\n for (const [id, top] of tops) {\n if (top < bestTop) {\n bestTop = top;\n bestId = id;\n }\n }\n if (bestId) setActiveSlug(bestId);\n },\n { rootMargin: `-${STICKY_HEADER_OFFSET_PX}px 0px -55% 0px`, threshold: 0 },\n );\n for (const group of navGroupsRef.current) {\n const el = group.slug ? document.getElementById(group.slug) : null;\n if (el) observer.observe(el);\n }\n return () => observer.disconnect();\n // slugKey encodes the section set; re-observe only when it changes.\n }, [slugKey]);\n\n // ─── Hash dispatch — `/faqs#faq-item-<id>` or `/faqs#faq-<section-slug>` ──\n // Tracks the current hash so:\n // 1. an item-kind hash seeds `defaultOpenIds` on the matching accordion\n // (auto-expands the cited question);\n // 2. either kind triggers the cancellation-proof tween scroll with the\n // sticky-header offset (native browser hash scroll runs once, ignores\n // our offset — re-running the tween puts the target in the right spot).\n // Listens to `hashchange` so back/forward replays the same behavior. SSR-\n // safe: initial null state matches the server render; the first effect\n // tick on the client updates it.\n const [hashTarget, setHashTarget] = useState<FaqHashTarget | null>(null);\n useEffect(() => {\n const refresh = () => setHashTarget(parseFaqHash(window.location.hash));\n refresh();\n window.addEventListener('hashchange', refresh);\n return () => window.removeEventListener('hashchange', refresh);\n }, []);\n\n // Per-group default-open set when the hash points at an item. The map key\n // matches `groupKey(group)` so the render-time lookup is O(1) per group.\n const defaultOpenByGroupKey = useMemo(() => {\n if (hashTarget?.kind !== 'item') return null;\n const targetId = hashTarget.rawId;\n const result = new Map<string, (string | number)[]>();\n for (const group of groups) {\n const hit = group.items.find(i => String(i.id) === targetId);\n if (hit) result.set(groupKey(group), [hit.id]);\n }\n return result.size > 0 ? result : null;\n }, [groups, hashTarget]);\n\n // Accordion is uncontrolled — `defaultOpenIds` is only consumed at mount,\n // so a new item hash needs a remount to honor it. Keying off the item-id\n // suffix triggers exactly the remount we need (and stays stable when the\n // hash points at a section, so category navigation never disturbs the\n // accordion's open state).\n const accordionKeySuffix = hashTarget?.kind === 'item' ? `item:${hashTarget.rawId}` : 'default';\n\n // Unified scroll-to-hash: rAF-polls for the target row (outlasts the SWR self-fetch\n // + Radix accordion expand) and re-fires on `hashchange` — including the synthetic\n // event `navigateSamePageHash` dispatches for a SOFT same-page chat-card nav (a\n // host-router `pushState` fires no `hashchange`). The ready-dep keys off BOTH the\n // loaded `groups` (so a deep-link / refresh scrolls once the self-fetched list\n // mounts) AND `hashTarget` (so a soft nav re-runs the scroll AFTER the re-render\n // that remounts + opens the cited row, landing on its FINAL expanded position\n // instead of racing the uncontrolled accordion's key-remount — the bare-`hashchange`\n // listener alone fires before the remount and lands on the stale closed position).\n const scrollDep =\n `${groups.length}|` +\n (hashTarget?.kind === 'item'\n ? `item:${hashTarget.rawId}`\n : hashTarget?.kind === 'section'\n ? `section:${hashTarget.slug}`\n : 'none');\n useScrollToHash(scrollDep, { headerOffset: STICKY_HEADER_OFFSET_PX });\n\n // A section hash also lights up its category pill; item hashes leave the pills\n // untouched so deep-linking a question never disturbs scroll-spy state.\n //\n // Adjusted while rendering (React's prop-sync pattern) rather than from an\n // effect: the pills below read `activeSlug` in THIS render, so an effect\n // painted the OLD pill lit and then re-rendered to move the highlight. The\n // initial value matches `hashTarget`'s own initial `null`, so a mount is a\n // no-op here exactly as the effect's first run was.\n const [pillSyncedHash, setPillSyncedHash] = useState(hashTarget);\n if (pillSyncedHash !== hashTarget) {\n setPillSyncedHash(hashTarget);\n if (hashTarget?.kind === 'section') setActiveSlug(hashTarget.slug);\n }\n\n // Category pill click. `navigateSamePageHash` owns the entire transition:\n // replaceState → synthetic `hashchange` → `scrollElementIntoView` tween\n // with `STICKY_HEADER_OFFSET_PX` so the section heading lands BELOW the\n // sticky category nav on the FIRST tween (covers the same-target\n // re-click case, where the `hashTarget` effect at L214 is a no-op\n // because the state reference is equal). For DIFFERENT-target clicks\n // the helper's synthetic `hashchange` re-fires that effect, which\n // re-scrolls with the same offset and cancels this tween (singleton)\n // — both paths land at the same position. The effect is still\n // required for back/forward + direct URL edits, where the helper\n // isn't in the call chain.\n //\n // `history: 'replace'` matches the pre-helper behavior: category pills\n // are a TOC, not a navigation step, so the Back button leaves the\n // FAQ page in one step regardless of how many categories the user\n // clicked through.\n const handleJump = useCallback((e: React.MouseEvent<HTMLAnchorElement>, slug: string) => {\n e.preventDefault();\n navigateSamePageHash('#' + slug, {\n headerOffset: STICKY_HEADER_OFFSET_PX,\n history: 'replace',\n });\n }, []);\n\n return (\n <div className=\"space-y-8\">\n {navGroups.length > 1 && (\n <nav aria-label=\"FAQ categories\" className=\"flex flex-wrap gap-2\">\n {navGroups.map(group => {\n const isActive = group.slug === activeSlug;\n return (\n <a\n key={group.slug}\n href={`#${group.slug}`}\n aria-current={isActive ? 'true' : undefined}\n onClick={e => handleJump(e, group.slug as string)}\n className={cn(\n 'rounded-full border px-4 py-2 transition-colors text-h6',\n isActive\n ? 'border-ods-text-primary bg-ods-card text-ods-text-primary'\n : 'border-ods-border bg-ods-card text-ods-text-secondary hover:border-ods-text-secondary hover:text-ods-text-primary',\n )}\n >\n {group.section}\n </a>\n );\n })}\n </nav>\n )}\n <div className=\"space-y-10\">\n {groups.map(group => {\n const key = groupKey(group);\n return (\n <section key={key} id={group.slug ?? undefined} className=\"scroll-mt-24 space-y-4\">\n {group.section && <CategoryHeading className={SECTION_HEADING_CLASS}>{group.section}</CategoryHeading>}\n <FaqAccordion\n // Re-key on item-hash changes so the remount picks up the new\n // `defaultOpenIds` (the accordion is uncontrolled). Stable for\n // section hashes — category navigation doesn't disturb state.\n key={`${key}:${accordionKeySuffix}`}\n items={group.items}\n defaultOpenIds={defaultOpenByGroupKey?.get(key)}\n />\n </section>\n );\n })}\n </div>\n </div>\n );\n}\n\nfunction FaqSkeleton() {\n return (\n <div className=\"animate-pulse space-y-8\">\n <div className=\"h-12 w-2/3 rounded bg-ods-border md:h-14\" />\n <div className=\"w-full divide-y divide-ods-border overflow-hidden rounded-md border border-ods-border bg-transparent\">\n {Array.from({ length: 8 }).map((_, idx) => (\n <div key={idx} className=\"flex items-center justify-between gap-6 px-6 py-4 md:gap-10\">\n <div className=\"h-6 w-5/6 rounded bg-ods-border\" />\n <div className=\"size-6 rounded bg-ods-border\" />\n </div>\n ))}\n </div>\n </div>\n );\n}\n\ninterface FaqsResponse {\n faqs: Faq[];\n}\n\n/**\n * The FAQ display surface — ONE rendering on every host: the list grouped by\n * `faq.section` (each category a heading + its own accordion, with a category\n * jump-nav once there are 2+ categories). There is no flat/ungrouped mode and\n * no page-vs-embedded shell fork; the standalone /faqs page and every embed\n * render through this single path, so they cannot drift.\n *\n * - Standalone /faqs page: pass `initialFaqs` (SSR) + `heading={null}` (the\n * page owns the <h1>) + `emitJsonLd` with `jsonLd` overrides for SEO.\n * - Per-entity embed: pass `entityType` + `entityId` (no `initialFaqs`); the\n * hook self-fetches `GET /api/faqs`, and `heading` is this block's own <h2>.\n *\n * CONTRACT: the consuming app MUST implement `GET /api/faqs`. On a fetch error\n * (or zero FAQs) the component renders nothing so the host page isn't\n * disfigured. The host always supplies the page shell — this renders a bare\n * <section>.\n */\nexport function FaqSection({\n initialFaqs,\n entityType,\n entityId,\n heading,\n emitJsonLd = false,\n jsonLd,\n className,\n minResults,\n apiBaseUrl = '',\n}: FaqSectionProps) {\n const url = buildFaqsUrl(entityType, entityId, minResults, apiBaseUrl);\n // Memoized — useSelfFetch re-syncs on [initialData]; a fresh per-render\n // wrapper object would setState-loop under re-rendering parents.\n const initialData = useMemo<FaqsResponse | undefined>(\n () => (initialFaqs ? { faqs: initialFaqs } : undefined),\n [initialFaqs],\n );\n const { data, isLoading, error } = useSelfFetch<FaqsResponse>(url, { initialData });\n\n // Memoised because the `??` fallback minted a NEW array on every\n // render, which made the memo below re-run every time — i.e. do nothing.\n const faqs = useMemo(() => data?.faqs ?? [], [data?.faqs]);\n // Grouped before the early returns so the hook order stays stable.\n const groups = useMemo(() => (faqs.length > 0 ? groupFaqsBySection(faqs) : []), [faqs]);\n\n // `undefined` → default <h2> title; `null` → the host page owns the <h1>, so\n // no title renders here. `heading === null` also makes the category headings\n // <h2> (directly under the page <h1>); otherwise they nest as <h3>.\n const headingNode =\n heading === undefined ? <h2 className={SECTION_HEADING_CLASS}>{DEFAULT_HEADING_TEXT}</h2> : heading;\n\n // Degrade silently — never show an error banner or an empty section shell\n // where FAQs would be (host pages and the standalone surface both rely on it).\n if (error) return null;\n if (!isLoading && faqs.length === 0) return null;\n if (isLoading && faqs.length === 0) {\n return (\n <div className={className}>\n <FaqSkeleton />\n </div>\n );\n }\n\n const schema = emitJsonLd ? buildFaqJsonLdFromFaqs(faqs, jsonLd) : null;\n\n return (\n <>\n <section className={className ?? 'space-y-10'}>\n {headingNode}\n <GroupedFaqList groups={groups} categoryHeadingAs={heading === null ? 'h2' : 'h3'} />\n </section>\n {schema && (\n <script\n type=\"application/ld+json\"\n // serializeJsonLd, NOT raw JSON.stringify — FAQ answers are\n // admin-entered; an embedded \"</script>\" must not break the tag.\n dangerouslySetInnerHTML={{ __html: serializeJsonLd(schema) }}\n />\n )}\n </>\n );\n}\n","'use client';\n\nimport { useState } from 'react';\nimport { cn } from '../utils/cn';\nimport { faqItemAnchor } from '../utils/faq-anchor';\nimport { Chevron02DownIcon } from './icons-v2-generated/arrows/chevron-02-down-icon';\n\nexport interface FaqItem {\n id: number | string;\n question: string;\n answer: string;\n}\n\ninterface FaqAccordionProps {\n items: FaqItem[];\n defaultOpenIds?: (number | string)[];\n}\n\nexport function FaqAccordion({ items, defaultOpenIds = [] }: FaqAccordionProps) {\n const [openSet, setOpenSet] = useState<Set<string | number>>(new Set(defaultOpenIds));\n\n const toggle = (id: string | number) => {\n setOpenSet(prev => {\n const next = new Set(prev);\n if (next.has(id)) next.delete(id);\n else next.add(id);\n return next;\n });\n };\n\n return (\n <div className=\"divide-y divide-ods-border overflow-hidden rounded-md border border-ods-border bg-transparent\">\n {items.map(item => {\n const isOpen = openSet.has(item.id);\n\n return (\n <div\n key={item.id}\n // Per-row anchor — chat citation chips (`/faqs#faq-item-<id>`) land\n // here via native browser hash scroll AND via `FaqSection`'s tween\n // dispatch. `scroll-mt-24` keeps the row header below the 96px\n // sticky nav offset (matches `<section>`'s scroll-margin for\n // category anchors).\n id={faqItemAnchor(item.id)}\n className=\"scroll-mt-24 transition-colors hover:bg-ods-bg-hover\"\n >\n {/* Header */}\n <div\n role=\"button\"\n tabIndex={0}\n onClick={() => toggle(item.id)}\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n toggle(item.id);\n }\n }}\n aria-expanded={isOpen}\n className=\"flex w-full cursor-pointer items-center gap-6 px-6 py-4 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus md:gap-10\"\n >\n <h3 className=\"min-w-0 flex-1 break-words\">{item.question}</h3>\n <Chevron02DownIcon\n aria-hidden=\"true\"\n size={24}\n className={cn(\n 'shrink-0 text-ods-text-primary transition-transform duration-300',\n isOpen && 'rotate-180',\n )}\n />\n </div>\n {/* Content wrapper. Collapses with the grid 1fr->0fr transition the\n rest of the design system uses (see AnnouncementBar) rather than\n an animated max-height: measuring `scrollHeight` needed a hook\n PER ROW, which meant calling hooks inside `items.map` — the hook\n order then changed whenever `items` did. Grid needs no\n measurement, and it animates correctly when an answer's height\n changes after mount. */}\n <div\n className=\"grid transition-[grid-template-rows,opacity] duration-300 ease-in-out motion-reduce:transition-none\"\n style={{ gridTemplateRows: isOpen ? '1fr' : '0fr', opacity: isOpen ? 1 : 0 }}\n >\n {/* break-words: FAQ answers render as plain text, so a long URL or\n token has no wrap opportunity — and the row is overflow-hidden,\n which would CLIP it past the viewport on mobile. Mirrors the\n markdown-renderer overflow-wrap fix. */}\n <div className=\"overflow-hidden\">\n <div className=\"break-words px-6 pb-4 text-ods-text-primary text-h4\">{item.answer}</div>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n );\n}\n","/**\n * Pure FAQ JSON-LD builder. No React, no client-only deps — safe to import from\n * Server Components via the `./components/faq` subpath export. (Do NOT import\n * through the root `./components` barrel — that barrel is `\"use client\"` and\n * dragging it into a Server Component would force the client graph into the\n * server.)\n *\n * The hub used to harcode `name`/`description` here for OpenMSP; in the lib we\n * accept overrides so every embedder can supply its own platform branding.\n */\nimport type { Faq } from '../../types/faq';\n\nexport interface FaqSchemaOptions {\n name?: string;\n description?: string;\n url?: string;\n}\n\nconst DEFAULT_NAME = 'Frequently Asked Questions';\nconst DEFAULT_DESCRIPTION = 'Answers to common questions.';\n\nexport function baseFaqSchema(opts: FaqSchemaOptions = {}) {\n return {\n '@context': 'https://schema.org',\n '@type': 'FAQPage',\n name: opts.name ?? DEFAULT_NAME,\n description: opts.description ?? DEFAULT_DESCRIPTION,\n ...(opts.url ? { url: opts.url } : {}),\n } as const;\n}\n\nexport function buildFaqJsonLdFromFaqs(faqs: Faq[], opts: FaqSchemaOptions = {}) {\n return {\n ...baseFaqSchema(opts),\n mainEntity: faqs.map(faq => ({\n '@type': 'Question',\n name: faq.question,\n acceptedAnswer: {\n '@type': 'Answer',\n text: faq.answer,\n },\n })),\n } as const;\n}\n","'use client';\n\n/**\n * FaqDocumentPage — the full `/faqs` page with chrome, so embedders drop in\n * ONE component instead of hand-assembling `PageShell` + `PageLayout` around\n * the bare `<FaqSection>`. Mirrors `LegalDocumentPage` / `DevSectionPage`: the\n * page-level layout lives in the lib, the host page is a thin wrapper that\n * passes only config + the SSR-resolved data.\n *\n * HERO: the title + subtitle route through the canonical (frozen) `PageLayout`\n * `TitleBlock` with `titleSize=\"h1\"` — the unified Help Center header (the\n * `TitleBlock` element is always an `<h1>`; `titleSize` only sets its typography,\n * here `text-h1`). The page owns that `<h1>`, so `<FaqSection heading={null}>`\n * nests its category headings as `<h2>`/`<h3>` (the SEO-recommended FAQ document\n * outline).\n *\n * DATA: pass `initialFaqs` (SSR-resolved, platform-scoped) so `FaqSection`\n * skips its client self-fetch — the standalone page's static platform-only\n * contract. Omit it for embeds that want the self-fetching `/api/faqs`\n * suggestion-fill instead.\n */\n\nimport { useRouter } from '../../embed-shims/next-navigation';\nimport type { Faq } from '../../types/faq';\nimport { PageShell, PageLayout } from '../ui';\nimport { FaqSection } from './faq-section';\nimport type { FaqSchemaOptions } from './json-ld';\n\nexport interface FaqDocumentPageProps {\n /** Page title (frozen `PageLayout` `TitleBlock`). Default \"Frequently Asked Questions\". */\n title?: string;\n /** Subtitle under the title. */\n subtitle?: string;\n /** Back-button config — same pattern as `DevSectionPage` / `LegalDocumentPage`.\n * Pass `false` to hide. Default `{ label: 'Back to home', href: '/' }`. */\n backButton?: { label?: string; href?: string } | false;\n /** Render the standalone `<PageShell>` (own `<main>` + bg + max-width). Default\n * true. Pass false when the host layout already provides the page container\n * (e.g. openframe-frontend's `AppLayout` `<main>`) — only the padding box\n * renders, avoiding a nested `<main>`. */\n shell?: boolean;\n /** SSR-hydrate `FaqSection` (skips the client fetch — the platform-only\n * contract for the standalone page). Omit for self-fetching embeds. */\n initialFaqs?: Faq[];\n /** Emit FAQPage schema.org JSON-LD (forwarded to `FaqSection`). Off by\n * default so embeds don't emit duplicate schema. */\n emitJsonLd?: boolean;\n /** JSON-LD name/description/url overrides (forwarded to `FaqSection`). */\n jsonLd?: FaqSchemaOptions;\n /** Base URL `FaqSection` appends `/api/faqs` to (reverse-proxy embedders). */\n apiBaseUrl?: string;\n /** Optional entity scoping forwarded to `FaqSection`. */\n entityType?: string;\n entityId?: number | string;\n /** Minimum FAQ count before the section renders (forwarded to `FaqSection`). */\n minResults?: number;\n}\n\nexport function FaqDocumentPage({\n title = 'Frequently Asked Questions',\n subtitle,\n backButton,\n initialFaqs,\n emitJsonLd,\n jsonLd,\n apiBaseUrl,\n entityType,\n entityId,\n minResults,\n shell = true,\n}: FaqDocumentPageProps) {\n const router = useRouter();\n\n // Back-button config — mirrors LegalDocumentPage / DevSectionPage. Hide\n // entirely when the caller passes `false` (embed-mode where the host owns\n // nav chrome).\n const backCfg =\n backButton === false\n ? undefined\n : {\n label: backButton?.label ?? 'Back to home',\n onClick: () => router.push(backButton?.href ?? '/'),\n };\n\n const inner = (\n <PageLayout title={title} subtitle={subtitle} backButton={backCfg} titleSize=\"h1\" titleWrap>\n <FaqSection\n initialFaqs={initialFaqs}\n heading={null}\n emitJsonLd={emitJsonLd}\n jsonLd={jsonLd}\n apiBaseUrl={apiBaseUrl}\n entityType={entityType}\n entityId={entityId}\n minResults={minResults}\n />\n </PageLayout>\n );\n\n return shell ? <PageShell>{inner}</PageShell> : <div className=\"page-shell-content\">{inner}</div>;\n}\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
PageLayout
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-KMW2PXBU.js";
|
|
5
5
|
import {
|
|
6
6
|
formatBioText,
|
|
7
7
|
formatDateWithTimezone,
|
|
@@ -137,4 +137,4 @@ export {
|
|
|
137
137
|
DetailPageSkeleton,
|
|
138
138
|
ArticleAuthorByline
|
|
139
139
|
};
|
|
140
|
-
//# sourceMappingURL=chunk-
|
|
140
|
+
//# sourceMappingURL=chunk-DZMDG7PC.js.map
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } 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 _chunkY3BC7TOJcjs = require('./chunk-Y3BC7TOJ.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
var
|
|
11
|
+
var _chunk5N2ZSB42cjs = require('./chunk-5N2ZSB42.cjs');
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
@@ -19,7 +19,7 @@ var _chunkDVSPRY2Vcjs = require('./chunk-DVSPRY2V.cjs');
|
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _chunkBXAGR3POcjs = require('./chunk-BXAGR3PO.cjs');
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
|
@@ -35,7 +35,7 @@ var _chunkRTKF5AYAcjs = require('./chunk-RTKF5AYA.cjs');
|
|
|
35
35
|
|
|
36
36
|
|
|
37
37
|
|
|
38
|
-
var
|
|
38
|
+
var _chunkCWXRZVDIcjs = require('./chunk-CWXRZVDI.cjs');
|
|
39
39
|
|
|
40
40
|
|
|
41
41
|
|
|
@@ -113,7 +113,7 @@ var TicketActionFailure = class extends Error {
|
|
|
113
113
|
function useTicketActions(options) {
|
|
114
114
|
const queryClient = _reactquery.useQueryClient.call(void 0, );
|
|
115
115
|
const ticketActionEndpoint = _nullishCoalesce(_chunkU2YLMFJKcjs.useRequiredChatRuntime.call(void 0, ).endpoints.ticketActionUrl, () => ( TICKET_ACTION_ENDPOINT));
|
|
116
|
-
const ticketLive =
|
|
116
|
+
const ticketLive = _chunkBXAGR3POcjs.useOptionalTicketLive.call(void 0, );
|
|
117
117
|
const notifyTicketCreated = _optionalChain([ticketLive, 'optionalAccess', _2 => _2.notifyTicketCreated]);
|
|
118
118
|
const { prependOptimistic, removeOptimistic, removeTicketFromCache, toast: toast2, onSupportSystemDown } = options;
|
|
119
119
|
const formInFlightRef = _react.useRef.call(void 0, null);
|
|
@@ -274,10 +274,10 @@ function useTicketActions(options) {
|
|
|
274
274
|
..._optionalChain([input, 'access', _3 => _3.attachments, 'optionalAccess', _4 => _4.length]) ? { attachments: input.attachments } : {}
|
|
275
275
|
});
|
|
276
276
|
if (result.mirror_synced === false) {
|
|
277
|
-
toast2(
|
|
277
|
+
toast2(_chunkBXAGR3POcjs.TOAST_COPY.open_mirror_pending);
|
|
278
278
|
watchMirrorSync(placeholderId, result.ticket_id);
|
|
279
279
|
} else {
|
|
280
|
-
toast2(
|
|
280
|
+
toast2(_chunkBXAGR3POcjs.TOAST_COPY.open_success);
|
|
281
281
|
await queryClient.invalidateQueries({ queryKey: ["tickets"] });
|
|
282
282
|
removeOptimistic(placeholderId);
|
|
283
283
|
}
|
|
@@ -363,7 +363,7 @@ function useTicketActions(options) {
|
|
|
363
363
|
...hasText ? { content_addendum: trimmed } : {},
|
|
364
364
|
...hasFiles ? { attachments } : {}
|
|
365
365
|
},
|
|
366
|
-
|
|
366
|
+
_chunkBXAGR3POcjs.TOAST_COPY.comment_success,
|
|
367
367
|
"send message"
|
|
368
368
|
);
|
|
369
369
|
if (ok) {
|
|
@@ -386,13 +386,13 @@ function useTicketActions(options) {
|
|
|
386
386
|
status: "CLOSED",
|
|
387
387
|
..._optionalChain([resolution, 'optionalAccess', _6 => _6.trim, 'call', _7 => _7()]) ? { resolution: resolution.trim() } : {}
|
|
388
388
|
},
|
|
389
|
-
|
|
389
|
+
_chunkBXAGR3POcjs.TOAST_COPY.close_success,
|
|
390
390
|
"close ticket"
|
|
391
391
|
),
|
|
392
392
|
[updateTicket]
|
|
393
393
|
);
|
|
394
394
|
const reopenTicket = _react.useCallback.call(void 0,
|
|
395
|
-
(ticket) => updateTicket(ticket, { status: "OPEN" },
|
|
395
|
+
(ticket) => updateTicket(ticket, { status: "OPEN" }, _chunkBXAGR3POcjs.TOAST_COPY.reopen_success, "reopen ticket"),
|
|
396
396
|
[updateTicket]
|
|
397
397
|
);
|
|
398
398
|
return _react.useMemo.call(void 0,
|
|
@@ -607,14 +607,14 @@ function useTicketsList(filters) {
|
|
|
607
607
|
// src/components/tickets/ticket-open-form.tsx
|
|
608
608
|
|
|
609
609
|
var _jsxruntime = require('react/jsx-runtime');
|
|
610
|
-
var COUNTER_VISIBLE_AT = Math.floor(
|
|
610
|
+
var COUNTER_VISIBLE_AT = Math.floor(_chunkBXAGR3POcjs.TICKET_TEXT_MAX_CHARS * 0.8);
|
|
611
611
|
function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
|
|
612
612
|
const [subject, setSubject] = _react.useState.call(void 0, "");
|
|
613
613
|
const [content, setContent] = _react.useState.call(void 0, "");
|
|
614
614
|
const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunkGZRU2A4Lcjs.useChatAttachments.call(void 0, );
|
|
615
615
|
const trimmedSubject = subject.trim();
|
|
616
616
|
const trimmedContent = content.trim();
|
|
617
|
-
const overCap = content.length >
|
|
617
|
+
const overCap = content.length > _chunkBXAGR3POcjs.TICKET_TEXT_MAX_CHARS;
|
|
618
618
|
const showCounter = content.length >= COUNTER_VISIBLE_AT;
|
|
619
619
|
const canSubmit = !isSubmitting && !supportSystemDown && !hasInflightUploads && trimmedSubject.length > 0 && trimmedContent.length > 0 && !overCap;
|
|
620
620
|
const handleSubmit = async (e) => {
|
|
@@ -631,7 +631,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
|
|
|
631
631
|
clear();
|
|
632
632
|
}
|
|
633
633
|
};
|
|
634
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk53O6PQ3Fcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ...
|
|
634
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk53O6PQ3Fcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ..._chunkCWXRZVDIcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
|
|
635
635
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1 md:max-w-md", children: [
|
|
636
636
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-ods-text-primary text-h2", children: "Need Support?" }),
|
|
637
637
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "Can't find what you're looking for? Submit a support ticket below \u2014 we'll follow up shortly." }),
|
|
@@ -656,7 +656,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
|
|
|
656
656
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
|
|
657
657
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "ticket-content", className: "mb-1 block text-ods-text-primary text-h6", children: "Your Message" }),
|
|
658
658
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
659
|
-
|
|
659
|
+
_chunkCWXRZVDIcjs.Textarea,
|
|
660
660
|
{
|
|
661
661
|
id: "ticket-content",
|
|
662
662
|
placeholder: "Describe your issue or question in detail...",
|
|
@@ -670,7 +670,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
|
|
|
670
670
|
showCounter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: `mt-1 text-right text-h6 ${overCap ? "text-ods-error" : "text-ods-text-secondary"}`, children: [
|
|
671
671
|
content.length,
|
|
672
672
|
"/",
|
|
673
|
-
|
|
673
|
+
_chunkBXAGR3POcjs.TICKET_TEXT_MAX_CHARS
|
|
674
674
|
] })
|
|
675
675
|
] }),
|
|
676
676
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -786,7 +786,7 @@ function TicketLinkedDeliveryCard({ clickup, className }) {
|
|
|
786
786
|
dateClosed: clickup.date_closed,
|
|
787
787
|
clickupUrl: _nullishCoalesce(clickup.clickup_url, () => ( ""))
|
|
788
788
|
};
|
|
789
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `overflow-hidden rounded-md border border-ods-border bg-ods-bg ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
789
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `overflow-hidden rounded-md border border-ods-border bg-ods-bg ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5N2ZSB42cjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
|
|
790
790
|
}
|
|
791
791
|
|
|
792
792
|
// src/components/tickets/ticket-reply-composer.tsx
|
|
@@ -839,7 +839,7 @@ function TicketReplyComposer({
|
|
|
839
839
|
sending: busy || attachments.hasInflightUploads,
|
|
840
840
|
disabled: supportSystemDown,
|
|
841
841
|
allowEmptySend: hasReadyFiles,
|
|
842
|
-
maxLength:
|
|
842
|
+
maxLength: _chunkBXAGR3POcjs.TICKET_TEXT_MAX_CHARS,
|
|
843
843
|
onSend: handleSend
|
|
844
844
|
}
|
|
845
845
|
),
|
|
@@ -868,25 +868,25 @@ function TicketReplyComposer({
|
|
|
868
868
|
}
|
|
869
869
|
)
|
|
870
870
|
] }),
|
|
871
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
872
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
873
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
874
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
871
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCWXRZVDIcjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCWXRZVDIcjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
|
|
872
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCWXRZVDIcjs.AlertDialogHeader, { children: [
|
|
873
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCWXRZVDIcjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
|
|
874
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCWXRZVDIcjs.AlertDialogDescription, { className: "text-ods-text-secondary", children: "Add an optional resolution note below. You can reopen the ticket later if needed." })
|
|
875
875
|
] }),
|
|
876
876
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
877
|
-
|
|
877
|
+
_chunkCWXRZVDIcjs.Textarea,
|
|
878
878
|
{
|
|
879
879
|
value: resolution,
|
|
880
880
|
onChange: (e) => setResolution(e.target.value),
|
|
881
881
|
placeholder: "Resolution (optional)",
|
|
882
882
|
rows: 3,
|
|
883
|
-
maxLength:
|
|
883
|
+
maxLength: _chunkBXAGR3POcjs.TICKET_TEXT_MAX_CHARS,
|
|
884
884
|
className: "mt-2"
|
|
885
885
|
}
|
|
886
886
|
),
|
|
887
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
887
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCWXRZVDIcjs.AlertDialogFooter, { children: [
|
|
888
888
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
889
|
-
|
|
889
|
+
_chunkCWXRZVDIcjs.AlertDialogCancel,
|
|
890
890
|
{
|
|
891
891
|
disabled: busy,
|
|
892
892
|
className: "border-ods-border bg-transparent text-ods-text-primary hover:bg-ods-border",
|
|
@@ -894,7 +894,7 @@ function TicketReplyComposer({
|
|
|
894
894
|
}
|
|
895
895
|
),
|
|
896
896
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
897
|
-
|
|
897
|
+
_chunkCWXRZVDIcjs.AlertDialogAction,
|
|
898
898
|
{
|
|
899
899
|
onClick: () => void confirmClose(),
|
|
900
900
|
disabled: busy,
|
|
@@ -957,9 +957,9 @@ var TICKET_FEED_INNER = "flex flex-col gap-4 md:gap-6 px-4 md:px-6 py-4 md:py-6"
|
|
|
957
957
|
var TICKET_FEED_SKELETON_ROWS = 6;
|
|
958
958
|
function TicketTimelinePanel({ ticket }) {
|
|
959
959
|
const identity = _chunkGZRU2A4Lcjs.useChatIdentity.call(void 0, );
|
|
960
|
-
const externalId =
|
|
960
|
+
const externalId = _chunkBXAGR3POcjs.isOptimistic.call(void 0, ticket) ? null : ticket.external_id;
|
|
961
961
|
const { engagements, isLoading } = useTicketEngagements(externalId, !!externalId);
|
|
962
|
-
const live =
|
|
962
|
+
const live = _chunkBXAGR3POcjs.useOptionalTicketLive.call(void 0, );
|
|
963
963
|
const setOpenTicketId = _optionalChain([live, 'optionalAccess', _25 => _25.setOpenTicketId]);
|
|
964
964
|
const markRead = _optionalChain([live, 'optionalAccess', _26 => _26.markRead]);
|
|
965
965
|
const markReadDebounceRef = _react.useRef.call(void 0, null);
|
|
@@ -983,7 +983,7 @@ function TicketTimelinePanel({ ticket }) {
|
|
|
983
983
|
markReadDebounceRef.current = setTimeout(() => {
|
|
984
984
|
markReadDebounceRef.current = null;
|
|
985
985
|
void markRead(externalId);
|
|
986
|
-
},
|
|
986
|
+
}, _chunkBXAGR3POcjs.TICKET_MARK_READ_DEBOUNCE_MS);
|
|
987
987
|
}, [engagementsCount, externalId, markRead]);
|
|
988
988
|
const { scrollRef, contentRef } = _usesticktobottom.useStickToBottom.call(void 0, { initial: "instant", resize: "smooth" });
|
|
989
989
|
const bodyTurns = ticket.body ? ticket.body.split(TURN_SEPARATOR_RE).map((t) => t.trim()).filter(Boolean) : [];
|
|
@@ -1052,7 +1052,7 @@ function TicketTimelinePanel({ ticket }) {
|
|
|
1052
1052
|
avatarUrl: avatarSrc,
|
|
1053
1053
|
timeLabel: eng.createdAt ? _chunkGZRU2A4Lcjs.formatRelativeTime.call(void 0, eng.createdAt) : null,
|
|
1054
1054
|
body: stripAttachmentsPreamble(_nullishCoalesce(eng.body, () => ( ""))),
|
|
1055
|
-
footer: engAttachments.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1055
|
+
footer: engAttachments.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCWXRZVDIcjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
|
|
1056
1056
|
},
|
|
1057
1057
|
eng.id
|
|
1058
1058
|
);
|
|
@@ -1165,7 +1165,7 @@ function TicketRow({
|
|
|
1165
1165
|
onActionCollapsed,
|
|
1166
1166
|
id
|
|
1167
1167
|
}) {
|
|
1168
|
-
const optimistic =
|
|
1168
|
+
const optimistic = _chunkBXAGR3POcjs.isOptimistic.call(void 0, ticket);
|
|
1169
1169
|
const rowRef = _react.useRef.call(void 0, null);
|
|
1170
1170
|
const handleClick = _react.useCallback.call(void 0, () => {
|
|
1171
1171
|
onToggle(ticket.id);
|
|
@@ -1334,11 +1334,11 @@ function TicketCenterAuthed({
|
|
|
1334
1334
|
) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk53O6PQ3Fcjs.Card, { className: "overflow-hidden", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1335
1335
|
TicketRow,
|
|
1336
1336
|
{
|
|
1337
|
-
id:
|
|
1337
|
+
id: _chunkCWXRZVDIcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
|
|
1338
1338
|
ticket,
|
|
1339
1339
|
expanded: expandedTicketId === ticket.id,
|
|
1340
1340
|
onToggle: toggleRow,
|
|
1341
|
-
busy:
|
|
1341
|
+
busy: _chunkBXAGR3POcjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
|
|
1342
1342
|
supportSystemDown,
|
|
1343
1343
|
onSendMessage: actions.sendMessage,
|
|
1344
1344
|
onClose: actions.closeTicket,
|
|
@@ -1392,7 +1392,7 @@ function HelpCenterCard({
|
|
|
1392
1392
|
onClearReplyError,
|
|
1393
1393
|
id
|
|
1394
1394
|
}) {
|
|
1395
|
-
const optimistic =
|
|
1395
|
+
const optimistic = _chunkBXAGR3POcjs.isOptimistic.call(void 0, ticket);
|
|
1396
1396
|
const rawStatus = (_nullishCoalesce(ticket.status, () => ( "OPEN"))).toUpperCase();
|
|
1397
1397
|
const priority = (_nullishCoalesce(ticket.priority, () => ( ""))).toUpperCase();
|
|
1398
1398
|
const relativeUpdated = ticket.hubspot_updated_at ? _chunkGZRU2A4Lcjs.formatRelativeTime.call(void 0, ticket.hubspot_updated_at) : "recently";
|
|
@@ -1414,7 +1414,7 @@ function HelpCenterCard({
|
|
|
1414
1414
|
});
|
|
1415
1415
|
return () => cancelAnimationFrame(raf);
|
|
1416
1416
|
}, [isExpanded]);
|
|
1417
|
-
const live =
|
|
1417
|
+
const live = _chunkBXAGR3POcjs.useOptionalTicketLive.call(void 0, );
|
|
1418
1418
|
const unreadCount = !optimistic && ticket.external_id && _optionalChain([live, 'optionalAccess', _64 => _64.unreadByTicket, 'access', _65 => _65[ticket.external_id]]) || 0;
|
|
1419
1419
|
const rightBadges = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
1420
1420
|
unreadCount > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
@@ -1464,7 +1464,7 @@ function HelpCenterCard({
|
|
|
1464
1464
|
"aria-controls": isExpanded ? `help-center-drawer-${ticket.id}` : void 0,
|
|
1465
1465
|
className: "w-full p-[12px] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent disabled:cursor-default md:p-[16px]",
|
|
1466
1466
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1467
|
-
|
|
1467
|
+
_chunk5N2ZSB42cjs.DevCardRowContent,
|
|
1468
1468
|
{
|
|
1469
1469
|
title,
|
|
1470
1470
|
subtitle,
|
|
@@ -1565,7 +1565,7 @@ function HelpCenterCreateForm({
|
|
|
1565
1565
|
subjectError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "help-center-subject-error", className: "mt-1 text-ods-error text-h6", children: subjectError })
|
|
1566
1566
|
] });
|
|
1567
1567
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1568
|
-
|
|
1568
|
+
_chunkY3BC7TOJcjs.ContactForm,
|
|
1569
1569
|
{
|
|
1570
1570
|
rescue: null,
|
|
1571
1571
|
title: "Open a new ticket",
|
|
@@ -1608,25 +1608,25 @@ function HelpCenterList({ toast: toast2 = _chunkLNKLB7GMcjs.toast, backButton, t
|
|
|
1608
1608
|
const searchParams = _chunkSADRZ4YIcjs.useSearchParams.call(void 0, );
|
|
1609
1609
|
const router = _chunkSADRZ4YIcjs.useRouter.call(void 0, );
|
|
1610
1610
|
const pathname = _chunkSADRZ4YIcjs.usePathname.call(void 0, );
|
|
1611
|
-
const search = searchParams.get(
|
|
1611
|
+
const search = searchParams.get(_chunkCWXRZVDIcjs.DEV_SECTION_PARAM_KEYS.search) || "";
|
|
1612
1612
|
const status = searchParams.get("status") || "all";
|
|
1613
|
-
const ticketParam = searchParams.get(
|
|
1613
|
+
const ticketParam = searchParams.get(_chunkCWXRZVDIcjs.TICKET_OPEN_PARAM) || "";
|
|
1614
1614
|
const page = _chunkMIZU2OTOcjs.positiveInt.call(void 0, searchParams.get("page"), 1);
|
|
1615
1615
|
if (identity.isLoading) {
|
|
1616
1616
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1617
|
-
|
|
1617
|
+
_chunk5N2ZSB42cjs.DevSectionPage,
|
|
1618
1618
|
{
|
|
1619
1619
|
sectionKey: "tickets",
|
|
1620
1620
|
backButton,
|
|
1621
1621
|
title,
|
|
1622
1622
|
shell,
|
|
1623
1623
|
preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}),
|
|
1624
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1624
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5N2ZSB42cjs.DevCardRowSkeletonList, {})
|
|
1625
1625
|
}
|
|
1626
1626
|
);
|
|
1627
1627
|
}
|
|
1628
1628
|
if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _66 => _66.user, 'optionalAccess', _67 => _67.email])) {
|
|
1629
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1629
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5N2ZSB42cjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1630
1630
|
_chunkDVSPRY2Vcjs.EmptyState,
|
|
1631
1631
|
{
|
|
1632
1632
|
type: "generic",
|
|
@@ -1678,8 +1678,8 @@ function HelpCenterListAuthed({
|
|
|
1678
1678
|
const setOpenTicket = _react.useCallback.call(void 0,
|
|
1679
1679
|
(externalId) => {
|
|
1680
1680
|
const params = new URLSearchParams(searchParams.toString());
|
|
1681
|
-
if (externalId) params.set(
|
|
1682
|
-
else params.delete(
|
|
1681
|
+
if (externalId) params.set(_chunkCWXRZVDIcjs.TICKET_OPEN_PARAM, externalId);
|
|
1682
|
+
else params.delete(_chunkCWXRZVDIcjs.TICKET_OPEN_PARAM);
|
|
1683
1683
|
const qs = params.toString();
|
|
1684
1684
|
router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
|
|
1685
1685
|
},
|
|
@@ -1756,15 +1756,15 @@ function HelpCenterListAuthed({
|
|
|
1756
1756
|
] }),
|
|
1757
1757
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF6U2H42Lcjs.Button, { type: "button", variant: "accent", onClick: () => refetch(), children: "Retry" })
|
|
1758
1758
|
] }),
|
|
1759
|
-
!error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1759
|
+
!error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5N2ZSB42cjs.DevCardRowSkeletonList, {}) : !hasResults && isFetching ? (
|
|
1760
1760
|
// Bridge state — background refetch in flight and the
|
|
1761
1761
|
// optimistic placeholder was just removed by the mutation
|
|
1762
1762
|
// callback. Without this branch "No tickets yet" would flash
|
|
1763
1763
|
// for ~50ms between `removeOptimistic` and the server
|
|
1764
1764
|
// response landing.
|
|
1765
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1765
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5N2ZSB42cjs.DevCardRowSkeletonList, { rows: 1 })
|
|
1766
1766
|
) : !hasResults ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1767
|
-
|
|
1767
|
+
_chunk5N2ZSB42cjs.ListEmptyState,
|
|
1768
1768
|
{
|
|
1769
1769
|
isFiltered: hasActiveFilters,
|
|
1770
1770
|
filtered: {
|
|
@@ -1795,11 +1795,11 @@ function HelpCenterListAuthed({
|
|
|
1795
1795
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full overflow-clip rounded-[6px] border border-ods-border bg-ods-card", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1796
1796
|
HelpCenterCard,
|
|
1797
1797
|
{
|
|
1798
|
-
id:
|
|
1798
|
+
id: _chunkCWXRZVDIcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
|
|
1799
1799
|
ticket,
|
|
1800
1800
|
expanded: expandedTicketId === ticket.id,
|
|
1801
1801
|
onToggle: toggleRow,
|
|
1802
|
-
busy:
|
|
1802
|
+
busy: _chunkBXAGR3POcjs.isOptimistic.call(void 0, ticket) ? false : actions.isRowBusy(ticket.id),
|
|
1803
1803
|
supportSystemDown,
|
|
1804
1804
|
onSendMessage: actions.sendMessage,
|
|
1805
1805
|
onClose: actions.closeTicket,
|
|
@@ -1813,7 +1813,7 @@ function HelpCenterListAuthed({
|
|
|
1813
1813
|
) }),
|
|
1814
1814
|
!error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDVSPRY2Vcjs.UnifiedPagination, { currentPage: page, totalPages })
|
|
1815
1815
|
] });
|
|
1816
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1816
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5N2ZSB42cjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
|
|
1817
1817
|
}
|
|
1818
1818
|
|
|
1819
1819
|
|
|
@@ -1832,4 +1832,4 @@ function HelpCenterListAuthed({
|
|
|
1832
1832
|
|
|
1833
1833
|
|
|
1834
1834
|
exports.useTicketActions = useTicketActions; exports.mapTicketActionError = mapTicketActionError; exports.useTicketsList = useTicketsList; exports.TicketOpenForm = TicketOpenForm; exports.useTicketEngagements = useTicketEngagements; exports.TicketLinkedDeliveryCard = TicketLinkedDeliveryCard; exports.TicketReplyComposer = TicketReplyComposer; exports.TicketDetailDrawer = TicketDetailDrawer; exports.TicketRow = TicketRow; exports.TicketCenter = TicketCenter; exports.HelpCenterCard = HelpCenterCard; exports.HelpCenterCreateFormSkeleton = HelpCenterCreateFormSkeleton; exports.HelpCenterCreateForm = HelpCenterCreateForm; exports.HelpCenterList = HelpCenterList;
|
|
1835
|
-
//# sourceMappingURL=chunk-
|
|
1835
|
+
//# sourceMappingURL=chunk-ESFPY5FF.cjs.map
|