var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var stdin_exports = {}; __export(stdin_exports, { default: () => SsBeautyFaqsPage }); module.exports = __toCommonJS(stdin_exports); var import_react = __toESM(require("react")); var import_react2 = require("@emotion/react"); var import_sdk = require("@packman/sdk"); var import_icons_react = require("@tabler/icons-react"); var import_jsx_runtime = require("@emotion/react/jsx-runtime"); const C = { surface: "#FFFFFF", surfaceSoft: "#F8F5F1", surfaceDeep: "#EFE9E0", amber: "#B17A4A", amberDeep: "#7C5230", ink: "#1A1410", inkSoft: "#3A2D22", muted: "#9A8E7E", rule: "rgba(26,20,16,0.12)", ruleSoft: "rgba(26,20,16,0.06)" }; const FONT = "'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"; const loc = (val, en, ar, isAr) => { if (!val) return isAr ? ar : en; if (typeof val === "object") return isAr ? val.ar || ar : val.en || en; return val; }; function stripStrong(s) { return s.replace(/<\/?strong>/gi, "").trim(); } function renderInline(input, keyPrefix) { if (!input) return []; const out = []; const re = /<(strong|a)\b([^>]*)>([\s\S]*?)<\/\1>/gi; let last = 0; let m; let i = 0; while ((m = re.exec(input)) !== null) { if (m.index > last) out.push(input.slice(last, m.index)); const tag = m[1].toLowerCase(); const attrs = m[2] || ""; const inner = m[3]; const key = `${keyPrefix}-${i++}`; if (tag === "strong") { out.push( /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { css: inlineStrongCss, children: renderInline(inner, key) }, key) ); } else if (tag === "a") { const hrefMatch = attrs.match(/href\s*=\s*"([^"]*)"/i); const href = hrefMatch ? hrefMatch[1] : "#"; out.push( /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "a", { href, target: "_blank", rel: "noopener noreferrer", css: inlineLinkCss, children: renderInline(inner, key) }, key ) ); } last = re.lastIndex; } if (last < input.length) out.push(input.slice(last)); return out; } function parseFaqs(html) { if (!html) return []; const normalised = html.replace(//gi, "|BR|"); const chunks = normalised.split(/(?:\|BR\|){2,}/).map((c) => c.trim()).filter(Boolean); const out = []; for (const chunk of chunks) { const lead = chunk.match(/^([\s\S]*?)<\/strong>\s*\|BR\|?/i); if (!lead) continue; out.push({ question: stripStrong(lead[1]), answer: chunk.slice(lead[0].length).trim() }); } return out; } function renderAnswer(body, keyPrefix) { const lines = body.split(/\|BR\|/).map((s) => s.trim()).filter(Boolean); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { css: answerTextCss, children: lines.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [ renderInline(line, `${keyPrefix}-l-${i}`), i < lines.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}) : null ] }, `${keyPrefix}-l-${i}`)) }); } const inlineStrongCss = import_react2.css` font-weight: 600; color: ${C.ink}; `; const inlineLinkCss = import_react2.css` color: ${C.amberDeep}; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s ease; &:hover { color: ${C.ink}; } `; const answerTextCss = import_react2.css` margin: 0; font-family: ${FONT}; font-weight: 400; font-size: 14.5px; line-height: 1.75; color: ${C.inkSoft}; letter-spacing: 0; @media (max-width: 768px) { font-size: 14px; line-height: 1.7; } `; const fadeIn = import_react2.keyframes` from { opacity: 0; transform: translateY(-2px); } to { opacity: 1; transform: translateY(0); } `; const DEFAULT_BODY_EN = [ "How do I apply SS Beauty Hair Oil?", "
", "Gently massage your scalp for five minutes, then apply the oil using the dropper directly to your scalp and dry hair. Leave it on for two hours before washing your hair thoroughly.", "

", "How often should I use SS Beauty Hair Oil?", "
", "For best results, we recommend using the oil 2-3 times per week. However, you can adjust based on your hair's needs.", "

", "Is SS Beauty Hair Oil suitable for all hair types?", "
", "Yes! Our hair oil is formulated to work on all hair types, providing nourishment and shine to everyone.", "

", "Can I leave the oil in overnight?", "
", "Yes, you can leave the oil on overnight for deeper nourishment, but make sure to wash it off thoroughly the next morning.", "

", "Where do you ship, and how long does shipping take?", "
", "We offer worldwide shipping. Orders within Jordan typically arrive in 3-5 business days, while international orders may take 5-7 business days, depending on your location.", "

", "Can I return or exchange a product?", "
", 'Yes, we accept returns for unopened products within 30 days of purchase. Please visit our Return Policy page for more details.', "

", "What should I do if I have an allergic reaction?", "
", "If you experience any irritation or discomfort, discontinue use immediately and consult a healthcare professional. Make sure to check the ingredient list before use, especially if you have known allergies.", "

", "How do I track my order?", "
", "Once your order has shipped, you will receive a tracking number via email. You can use this number to track your package." ].join(""); const DEFAULT_BODY_AR = [ "\u0643\u064A\u0641 \u0623\u0633\u062A\u062E\u062F\u0645 \u0632\u064A\u062A \u0627\u0644\u0634\u0639\u0631 SS Beauty\u061F", "
", "\u062F\u0644\u0643 \u0641\u0631\u0648\u0629 \u0631\u0623\u0633\u0643 \u0628\u0631\u0641\u0642 \u0644\u0645\u062F\u0629 \u062E\u0645\u0633 \u062F\u0642\u0627\u0626\u0642\u060C \u062B\u0645 \u0636\u0639 \u0627\u0644\u0632\u064A\u062A \u0628\u0627\u0633\u062A\u062E\u062F\u0627\u0645 \u0627\u0644\u0642\u0637\u0627\u0631\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0641\u0631\u0648\u0629 \u0631\u0623\u0633\u0643 \u0648\u0634\u0639\u0631\u0643 \u0627\u0644\u062C\u0627\u0641. \u0627\u062A\u0631\u0643\u0647 \u0644\u0645\u062F\u0629 \u0633\u0627\u0639\u062A\u064A\u0646 \u0642\u0628\u0644 \u063A\u0633\u0644 \u0634\u0639\u0631\u0643 \u062C\u064A\u062F\u064B\u0627.", "

", "\u0643\u0645 \u0645\u0631\u0629 \u064A\u062C\u0628 \u0639\u0644\u064A \u0627\u0633\u062A\u062E\u062F\u0627\u0645 \u0632\u064A\u062A \u0627\u0644\u0634\u0639\u0631 SS Beauty\u061F", "
", "\u0644\u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062A\u0627\u0626\u062C\u060C \u0646\u0648\u0635\u064A \u0628\u0627\u0633\u062A\u062E\u062F\u0627\u0645 \u0627\u0644\u0632\u064A\u062A 2-3 \u0645\u0631\u0627\u062A \u0641\u064A \u0627\u0644\u0623\u0633\u0628\u0648\u0639. \u0648\u0645\u0639 \u0630\u0644\u0643\u060C \u064A\u0645\u0643\u0646\u0643 \u0627\u0644\u062A\u0639\u062F\u064A\u0644 \u0648\u0641\u0642\u064B\u0627 \u0644\u0627\u062D\u062A\u064A\u0627\u062C\u0627\u062A \u0634\u0639\u0631\u0643.", "

", "\u0647\u0644 \u0632\u064A\u062A \u0627\u0644\u0634\u0639\u0631 SS Beauty \u0645\u0646\u0627\u0633\u0628 \u0644\u062C\u0645\u064A\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0634\u0639\u0631\u061F", "
", "\u0646\u0639\u0645! \u0632\u064A\u062A \u0627\u0644\u0634\u0639\u0631 \u0644\u062F\u064A\u0646\u0627 \u0645\u0635\u0645\u0645 \u0644\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u062C\u0645\u064A\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0634\u0639\u0631\u060C \u062D\u064A\u062B \u064A\u0648\u0641\u0631 \u0627\u0644\u062A\u063A\u0630\u064A\u0629 \u0648\u0627\u0644\u0644\u0645\u0639\u0627\u0646 \u0644\u0644\u062C\u0645\u064A\u0639.", "

", "\u0647\u0644 \u064A\u0645\u0643\u0646\u0646\u064A \u062A\u0631\u0643 \u0627\u0644\u0632\u064A\u062A \u0637\u0648\u0627\u0644 \u0627\u0644\u0644\u064A\u0644\u061F", "
", "\u0646\u0639\u0645\u060C \u064A\u0645\u0643\u0646\u0643 \u062A\u0631\u0643 \u0627\u0644\u0632\u064A\u062A \u0637\u0648\u0627\u0644 \u0627\u0644\u0644\u064A\u0644 \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u062A\u063A\u0630\u064A\u0629 \u0623\u0639\u0645\u0642\u060C \u0648\u0644\u0643\u0646 \u062A\u0623\u0643\u062F \u0645\u0646 \u063A\u0633\u0644\u0647 \u062C\u064A\u062F\u064B\u0627 \u0641\u064A \u0635\u0628\u0627\u062D \u0627\u0644\u064A\u0648\u0645 \u0627\u0644\u062A\u0627\u0644\u064A.", "

", "\u0623\u064A\u0646 \u062A\u0642\u0648\u0645\u0648\u0646 \u0628\u0627\u0644\u0634\u062D\u0646\u060C \u0648\u0643\u0645 \u064A\u0633\u062A\u063A\u0631\u0642 \u0627\u0644\u0634\u062D\u0646\u061F", "
", "\u0646\u062D\u0646 \u0646\u0642\u062F\u0645 \u062E\u062F\u0645\u0629 \u0627\u0644\u0634\u062D\u0646 \u0625\u0644\u0649 \u062C\u0645\u064A\u0639 \u0623\u0646\u062D\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645. \u062A\u0635\u0644 \u0627\u0644\u0637\u0644\u0628\u0627\u062A \u062F\u0627\u062E\u0644 \u0627\u0644\u0623\u0631\u062F\u0646 \u0639\u0627\u062F\u0629 \u0641\u064A 3-5 \u0623\u064A\u0627\u0645 \u0639\u0645\u0644\u060C \u0628\u064A\u0646\u0645\u0627 \u0642\u062F \u062A\u0633\u062A\u063A\u0631\u0642 \u0627\u0644\u0637\u0644\u0628\u0627\u062A \u0627\u0644\u062F\u0648\u0644\u064A\u0629 \u0645\u0646 5 \u0625\u0644\u0649 7 \u0623\u064A\u0627\u0645 \u0639\u0645\u0644\u060C \u062D\u0633\u0628 \u0645\u0648\u0642\u0639\u0643.", "

", "\u0647\u0644 \u064A\u0645\u0643\u0646\u0646\u064A \u0625\u0639\u0627\u062F\u0629 \u0623\u0648 \u0627\u0633\u062A\u0628\u062F\u0627\u0644 \u0627\u0644\u0645\u0646\u062A\u062C\u061F", "
", '\u0646\u0639\u0645\u060C \u0646\u0642\u0628\u0644 \u0627\u0644\u0625\u0631\u062C\u0627\u0639 \u0644\u0644\u0645\u0646\u062A\u062C\u0627\u062A \u063A\u064A\u0631 \u0627\u0644\u0645\u0641\u062A\u0648\u062D\u0629 \u062E\u0644\u0627\u0644 30 \u064A\u0648\u0645\u064B\u0627 \u0645\u0646 \u062A\u0627\u0631\u064A\u062E \u0627\u0644\u0634\u0631\u0627\u0621. \u064A\u0631\u062C\u0649 \u0632\u064A\u0627\u0631\u0629 \u0635\u0641\u062D\u0629 \u0633\u064A\u0627\u0633\u0629 \u0627\u0644\u0625\u0631\u062C\u0627\u0639 \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u0645\u0632\u064A\u062F \u0645\u0646 \u0627\u0644\u062A\u0641\u0627\u0635\u064A\u0644.', "

", "\u0645\u0627\u0630\u0627 \u064A\u062C\u0628 \u0623\u0646 \u0623\u0641\u0639\u0644 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0644\u062F\u064A \u0631\u062F \u0641\u0639\u0644 \u062A\u062D\u0633\u0633\u064A\u061F", "
", "\u0625\u0630\u0627 \u0634\u0639\u0631\u062A \u0628\u0623\u064A \u062A\u0647\u064A\u062C \u0623\u0648 \u0627\u0646\u0632\u0639\u0627\u062C\u060C \u062A\u0648\u0642\u0641 \u0639\u0646 \u0627\u0644\u0627\u0633\u062A\u062E\u062F\u0627\u0645 \u0641\u0648\u0631\u064B\u0627 \u0648\u0627\u0633\u062A\u0634\u0631 \u0623\u062E\u0635\u0627\u0626\u064A \u0627\u0644\u0631\u0639\u0627\u064A\u0629 \u0627\u0644\u0635\u062D\u064A\u0629. \u062A\u0623\u0643\u062F \u0645\u0646 \u0645\u0631\u0627\u062C\u0639\u0629 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062A \u0642\u0628\u0644 \u0627\u0644\u0627\u0633\u062A\u062E\u062F\u0627\u0645\u060C \u062E\u0627\u0635\u0629 \u0625\u0630\u0627 \u0643\u0646\u062A \u062A\u0639\u0627\u0646\u064A \u0645\u0646 \u062D\u0633\u0627\u0633\u064A\u0629 \u0645\u0639\u0631\u0648\u0641\u0629.", "

", "\u0643\u064A\u0641 \u064A\u0645\u0643\u0646\u0646\u064A \u062A\u062A\u0628\u0639 \u0637\u0644\u0628\u064A\u061F", "
", "\u0628\u0645\u062C\u0631\u062F \u0634\u062D\u0646 \u0637\u0644\u0628\u0643\u060C \u0633\u062A\u062A\u0644\u0642\u0649 \u0631\u0642\u0645 \u062A\u062A\u0628\u0639 \u0639\u0628\u0631 \u0627\u0644\u0628\u0631\u064A\u062F \u0627\u0644\u0625\u0644\u0643\u062A\u0631\u0648\u0646\u064A. \u064A\u0645\u0643\u0646\u0643 \u0627\u0633\u062A\u062E\u062F\u0627\u0645 \u0647\u0630\u0627 \u0627\u0644\u0631\u0642\u0645 \u0644\u062A\u062A\u0628\u0639 \u0637\u0631\u062F\u0643." ].join(""); function SsBeautyFaqsPage({ settings }) { const { language } = (0, import_sdk.useLanguage)(); const isAr = (language || "en").toLowerCase().startsWith("ar"); const c = settings?.content || {}; const o = settings?.options || {}; const show = (k, d = true) => k in (o || {}) ? !!o[k] : d; const pageEyebrow = loc(c.pageEyebrow, "Help Center", "\u0645\u0631\u0643\u0632 \u0627\u0644\u0645\u0633\u0627\u0639\u062F\u0629", isAr); const pageTitle = loc( c.pageTitle, "Frequently Asked Questions", "\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629", isAr ); const pageSubtitle = loc( c.pageSubtitle, "Everything you need to know about SS Beauty Hair Oil \u2014 application, shipping, returns, and more.", "\u0643\u0644 \u0645\u0627 \u062A\u062D\u062A\u0627\u062C \u0645\u0639\u0631\u0641\u062A\u0647 \u0639\u0646 \u0632\u064A\u062A \u0627\u0644\u0634\u0639\u0631 SS Beauty \u2014 \u0637\u0631\u064A\u0642\u0629 \u0627\u0644\u0627\u0633\u062A\u062E\u062F\u0627\u0645\u060C \u0627\u0644\u0634\u062D\u0646\u060C \u0627\u0644\u0625\u0631\u062C\u0627\u0639\u060C \u0648\u0627\u0644\u0645\u0632\u064A\u062F.", isAr ); const bodyHtml = loc(c.faqsBody, DEFAULT_BODY_EN, DEFAULT_BODY_AR, isAr); const backLinkLabel = loc(c.backLinkLabel, "Back to shop", "\u0627\u0644\u0639\u0648\u062F\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u062A\u062C\u0631", isAr); const backLinkUrl = c.backLinkUrl || "/shop/ss-beauty-hair-oil/ss-beauty-hair-oil"; const faqs = (0, import_react.useMemo)(() => parseFaqs(bodyHtml), [bodyHtml]); const openFirstByDefault = show("openFirstByDefault", false); const singleOpen = show("singleOpen", false); const [openSet, setOpenSet] = (0, import_react.useState)( () => new Set(openFirstByDefault && faqs.length > 0 ? [0] : []) ); const toggle = (idx) => { setOpenSet((prev) => { const next = new Set(prev); if (next.has(idx)) { next.delete(idx); } else { if (singleOpen) next.clear(); next.add(idx); } return next; }); }; const idBase = (0, import_react.useId)(); const wrapperCss = import_react2.css` width: 100%; background: ${C.surfaceSoft}; color: ${C.ink}; font-family: ${FONT}; direction: ${isAr ? "rtl" : "ltr"}; box-sizing: border-box; padding: clamp(48px, 6vw, 96px) clamp(20px, 5vw, 64px) clamp(64px, 8vw, 120px); *, *::before, *::after { box-sizing: border-box; } @media (max-width: 768px) { background: ${C.surface}; padding: 28px 18px 56px; } `; const cardCss = import_react2.css` max-width: 880px; margin: 0 auto; background: ${C.surface}; border: 1px solid ${C.ruleSoft}; border-radius: 18px; padding: clamp(36px, 5vw, 72px) clamp(28px, 5vw, 80px); box-shadow: 0 24px 60px -32px rgba(26, 20, 16, 0.18); @media (max-width: 768px) { border: none; border-radius: 0; padding: 0; box-shadow: none; } `; const headerCss = import_react2.css` display: flex; flex-direction: column; gap: 14px; padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid ${C.rule}; text-align: ${isAr ? "right" : "left"}; @media (max-width: 768px) { gap: 10px; padding-bottom: 20px; margin-bottom: 20px; } `; const eyebrowCss = import_react2.css` display: inline-flex; align-items: center; gap: 8px; font-family: ${FONT}; font-weight: 500; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: ${C.amberDeep}; margin: 0; &::before { content: ""; display: inline-block; width: 18px; height: 1px; background: ${C.amberDeep}; } `; const titleCss = import_react2.css` margin: 0; font-family: ${FONT}; font-weight: 600; font-size: clamp(28px, 4vw, 40px); line-height: 1.15; letter-spacing: 0; color: ${C.ink}; `; const subtitleCss = import_react2.css` margin: 4px 0 0; font-family: ${FONT}; font-weight: 400; font-size: 14px; line-height: 1.6; color: ${C.muted}; letter-spacing: 0; max-width: 56ch; `; const listCss = import_react2.css` display: flex; flex-direction: column; `; const itemCss = import_react2.css` border-bottom: 1px solid ${C.ruleSoft}; &:first-of-type { border-top: 1px solid ${C.ruleSoft}; } `; const triggerCss = import_react2.css` width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 4px; background: transparent; border: 0; cursor: pointer; text-align: ${isAr ? "right" : "left"}; font-family: ${FONT}; font-weight: 500; font-size: 15.5px; line-height: 1.45; letter-spacing: 0; color: ${C.ink}; transition: color 0.2s ease; &:hover { color: ${C.amberDeep}; } &:focus-visible { outline: 2px solid ${C.amberDeep}; outline-offset: 4px; border-radius: 6px; } @media (max-width: 768px) { padding: 18px 2px; font-size: 14.5px; gap: 12px; } `; const triggerLabelCss = import_react2.css` flex: 1 1 auto; min-width: 0; `; const indicatorCss = (open) => import_react2.css` flex: 0 0 32px; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid ${open ? C.ink : C.rule}; background: ${open ? C.ink : "transparent"}; color: ${open ? C.surface : C.ink}; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.35s cubic-bezier(.22,1,.36,1); transform: rotate(${open ? 45 : 0}deg); & svg { color: inherit; stroke: currentColor; } `; const panelCss = (open) => import_react2.css` display: grid; grid-template-rows: ${open ? "1fr" : "0fr"}; transition: grid-template-rows 0.35s cubic-bezier(.22,1,.36,1); `; const panelInnerCss = import_react2.css` overflow: hidden; min-height: 0; `; const panelContentCss = (open) => import_react2.css` padding: ${open ? "0 4px 22px" : "0 4px 0"}; transition: padding 0.35s cubic-bezier(.22,1,.36,1); animation: ${open ? `${fadeIn} 0.35s ease both 0.05s` : "none"}; @media (max-width: 768px) { padding: ${open ? "0 2px 18px" : "0 2px 0"}; } `; const backLinkCss = import_react2.css` display: inline-flex; align-items: center; gap: 10px; margin-top: 40px; padding: 14px 26px; background: ${C.ink}; color: ${C.surface}; font-family: ${FONT}; font-weight: 500; font-size: 13px; letter-spacing: 0; border: 1px solid ${C.ink}; border-radius: 999px; text-decoration: none; align-self: ${isAr ? "flex-end" : "flex-start"}; transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease; &:hover { background: transparent; color: ${C.ink}; transform: translateY(-1px); } @media (max-width: 768px) { margin-top: 28px; align-self: stretch; justify-content: center; } `; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { css: wrapperCss, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)( import_react2.Global, { styles: import_react2.css` @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); ` } ), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { css: cardCss, "aria-labelledby": "ss-faqs-title", children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { css: headerCss, children: [ pageEyebrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { css: eyebrowCss, children: pageEyebrow }) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { id: "ss-faqs-title", css: titleCss, children: pageTitle }), show("showSubtitle", true) && pageSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { css: subtitleCss, children: pageSubtitle }) : null ] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { css: listCss, role: "region", "aria-label": pageTitle, children: faqs.map((faq, i) => { const open = openSet.has(i); const btnId = `${idBase}-faq-btn-${i}`; const panelId = `${idBase}-faq-panel-${i}`; return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { css: itemCss, children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)( "button", { type: "button", id: btnId, css: triggerCss, "aria-expanded": open, "aria-controls": panelId, onClick: () => toggle(i), children: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { css: triggerLabelCss, children: faq.question }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { css: indicatorCss(open), "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconPlus, { size: 16, stroke: 2 }) }) ] } ), /* @__PURE__ */ (0, import_jsx_runtime.jsx)( "div", { id: panelId, role: "region", "aria-labelledby": btnId, css: panelCss(open), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { css: panelInnerCss, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { css: panelContentCss(open), children: open ? renderAnswer(faq.answer, `faq-${i}`) : null }) }) } ) ] }, `faq-${i}`); }) }), show("showBackLink", true) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sdk.Link, { href: backLinkUrl, css: backLinkCss, children: [ isAr ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconArrowLeft, { size: 16, stroke: 1.6 }) : null, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: backLinkLabel }), !isAr ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconArrowRight, { size: 16, stroke: 1.6 }) : null ] }) : null ] }) ] }); }