4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T2418,"use client"; import { useId, useMemo, useState, type ComponentProps } from "react"; import { Search } from "lucide-react"; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@/components/ui/accordion"; import { Input } from "@/components/ui/input"; import { cn } from "@/lib/utils"; export type FAQGroup = { label: string; items: { question: string; answer: string }[]; }; export type FAQBlockTwoProps = { title?: string; description?: string; searchPlaceholder?: string; groups?: FAQGroup[]; } & ComponentProps<"section">; const DEFAULT_GROUPS: FAQGroup[] = [ { label: "Billing", items: [ { question: "Who counts as a paid seat?", answer: "Anyone who builds or edits rotas. Staff who only view their shifts, swap with colleagues or clock in are free. A café with two managers and 30 staff pays for two seats.", }, { question: "Can I pay yearly by bank transfer?", answer: "Yes, on any plan with five or more seats. Choose Annual → Invoice in Billing and we'll send a PDF with our IBAN. You have 30 days to pay; the account stays fully active meanwhile.", }, { question: "What happens to my bill if I add someone mid-month?", answer: "We charge for the remaining days only, on your next invoice. Removing a seat gives a credit the same way. You'll never see a surprise charge between invoices.", }, ], }, { label: "Account", items: [ { question: "Can one login manage several locations?", answer: "Yes. Add each site under Settings → Locations. Managers can be limited to one site or see all of them, and staff can be shared across sites without duplicate profiles.", }, { question: "How do I hand the account over to someone else?", answer: "The current owner opens Settings → Ownership and picks another admin. They get an email to confirm; until they do, nothing changes. Billing details move with the account.", }, { question: "Do you support single sign-on?", answer: "SAML and Google Workspace SSO are included on the Business plan. Okta and Entra ID are tested; any SAML 2.0 provider should work. SCIM provisioning is on the roadmap for Q1.", }, ], }, { label: "Product", items: [ { question: "Does Fernway warn me about rest-period breaches?", answer: "Yes. Set the minimum rest between shifts (11 hours by default) and the maximum weekly hours for each contract type. Shifts that break a rule are flagged in amber before you publish, not after.", }, { question: "Can staff see the rota without installing the app?", answer: "Every published rota has a private link per person that opens in any browser. They can also subscribe to it in Google or Apple Calendar, and changes appear within 15 minutes.", }, { question: "Can I export timesheets to payroll?", answer: "Approved timesheets export as CSV, or sync directly to Xero, Sage and BrightPay. Breaks, overtime and holiday hours land in separate columns so nothing needs retyping.", }, ], }, ]; export function FAQBlockTwo({ title = "Help centre, the short version", description = "The questions we answer most often, grouped by where they come up. Search across all of them.", searchPlaceholder = "Try “SSO” or “timesheets”", groups = DEFAULT_GROUPS, className, ...props }: FAQBlockTwoProps) { const [query, setQuery] = useState(""); const id = useId(); const searchId = `${id}-search`; const titleId = `${id}-title`; const filtered = useMemo(() => { const needle = query.trim().toLowerCase(); if (!needle) return groups; return groups .map((group) => ({ ...group, items: group.items.filter((item) => `${item.question} ${item.answer}`.toLowerCase().includes(needle), ), })) .filter((group) => group.items.length > 0); }, [groups, query]); const total = groups.reduce((sum, group) => sum + group.items.length, 0); const matches = filtered.reduce((sum, group) => sum + group.items.length, 0); return (

{title}

{description}

Search questions

{query.trim() ? `${matches} of ${total} questions` : `${total} questions`}

{filtered.length === 0 ? (

No match

Nothing here mentions “{query.trim()}”.

Try a shorter word, or{" "} {" "} to see every question.

) : ( {filtered.map((group) => { const groupIndex = groups.findIndex( (original) => original.label === group.label, ); return (

{String(groupIndex + 1).padStart(2, "0")} /{" "} {group.label}

{group.items.map((item) => ( {item.question} {item.answer} ))}

); })} )}

); } 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4f",null,{"namespace":"@devsloka","registryDependencies":["accordion","input"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"src/registry/blocks/faq-block-two.tsx","content":"$51","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]