@mints-cloud/cxf-codegen 1.0.2 → 1.0.4

package/README.md

@@ -17,14 +17,53 @@ Your project needs thin wrapper files that import from this library. The `create
 ```tsx
 import '@/styles/globals.css'
 import '@mints-cloud/cxf-codegen/register';
+import type { AppProps } from 'next/app';
 import CxfApp from '@mints-cloud/cxf-codegen/pages/app';
 import projectcss from '../components/plasmic/<your-project>/plasmic.module.css';
 
-export default function App(props) {
+export default function App(props: AppProps) {
   return <CxfApp {...props} tokenClass={projectcss.plasmic_tokens} />;
 }
 ```
 
+### Configure assets query params from variants
+
+Configure this in `pages/_app.tsx` by passing dynamic asset query params to `CxfApp`.
+These params are synced to a cookie and automatically appended by `pages/api/assets/[...path].ts` proxy requests.
+Your `pages/api/assets/[...path].ts` file should stay a thin wrapper:
+
+```ts
+export { default } from '@mints-cloud/cxf-codegen/pages/api/assets';
+```
+
+```tsx
+import '@/styles/globals.css'
+import '@mints-cloud/cxf-codegen/register';
+import type { AppProps } from 'next/app';
+import CxfApp from '@mints-cloud/cxf-codegen/pages/app';
+import projectcss from '../components/plasmic/<your-project>/plasmic.module.css';
+import { useScreenVariants } from '../components/plasmic/<your-project>/PlasmicGlobalVariant__Screen';
+
+export default function App(props: AppProps) {
+  const screenVariants = useScreenVariants();
+  const variation = screenVariants.includes('mobile')
+    ? 'mobile'
+    : screenVariants.includes('tablet')
+    ? 'tablet'
+    : undefined;
+
+  return (
+    <CxfApp
+      {...props}
+      tokenClass={projectcss.plasmic_tokens}
+      assetsQueryParams={variation ? { variation } : undefined}
+    />
+  );
+}
+```
+
+`assetsQueryParams` accepts any query keys/values, so you can map any Plasmic variant naming to any asset param names you need.
+
 ### `pages/api/[...path].ts`
 
 ```ts

package/dist/components/ApiCall.d.ts

@@ -12,6 +12,11 @@ export interface ApiCallProps {
     onSuccess?: (data: any) => void;
     onError?: (error: string) => void;
     loadingContent?: React.ReactNode;
+    /**
+     * In Plasmic Studio canvas, throttle automatic GET refetches to this interval.
+     * Defaults to 5 minutes. Runtime pages are unaffected.
+     */
+    canvasAutoFetchCooldownMs?: number;
     children?: React.ReactNode;
 }
 export declare function ApiCall(props: ApiCallProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ApiCall.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiCall.d.ts","sourceRoot":"","sources":["../../src/components/ApiCall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAsBD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,kDAqD1C;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"ApiCall.d.ts","sourceRoot":"","sources":["../../src/components/ApiCall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAgCD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,kDA0D1C;AAED,eAAe,OAAO,CAAC"}

package/dist/components/ApiCall.js

@@ -38,6 +38,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const host_1 = require("@plasmicapp/host");
 const api_call_hooks_1 = require("../lib/api-call-hooks");
+function parseAutoFetch(value) {
+    if (typeof value === "boolean")
+        return value;
+    if (typeof value === "string") {
+        const normalized = value.trim().toLowerCase();
+        if (normalized === "true")
+            return true;
+        if (normalized === "false")
+            return false;
+    }
+    return undefined;
+}
 function trimSlashes(p) {
     return String(p || "").replace(/^\/+|\/+$/g, "");
 }
@@ -57,9 +69,10 @@ function buildEndpointPath(apiType, rawPath) {
     }
 }
 function ApiCall(props) {
-    const { apiType = "contact", path, method = "GET", params, body, initialData, autoFetch, trigger, onSuccess, onError, loadingContent, children, } = props;
+    const { apiType = "contact", path, method = "GET", params, body, initialData, autoFetch, trigger, onSuccess, onError, loadingContent, canvasAutoFetchCooldownMs, children, } = props;
     const endpointPath = React.useMemo(() => buildEndpointPath(apiType, path), [apiType, path]);
-    const shouldAutoFetch = autoFetch !== undefined ? autoFetch : method === "GET";
+    const explicitAutoFetch = parseAutoFetch(autoFetch);
+    const shouldAutoFetch = explicitAutoFetch ?? method === "GET";
     const { preloaded, hasExactPreload } = (0, api_call_hooks_1.useIsrPrefetch)(endpointPath, params, method, initialData);
     const { data, error, loading } = (0, api_call_hooks_1.useApiFetch)({
         endpointPath,
@@ -73,13 +86,15 @@ function ApiCall(props) {
         onSuccess,
         onError,
         unwrapData: true,
+        canvasAutoFetchCooldownMs,
     });
     // If no children, render nothing (still performs the call + callbacks)
     if (!children)
         return null;
     // If children exist, respect loadingContent for UX
-    if (loading)
+    if (loading) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loadingContent ?? (0, jsx_runtime_1.jsx)("div", { children: "Loading\u2026" }) });
+    }
     const responseData = {
         data: error ? null : data,
         error,

package/dist/components/JsonLdSchemas.d.ts

@@ -0,0 +1,104 @@
+import type { PageMeta, SiteSettings } from "./MetadataOverrides";
+type MaybeString = string | null | undefined;
+type MaybeStringList = string[] | string | null | undefined;
+type JsonLdPayload = Record<string, unknown> | unknown[];
+interface FaqItem {
+    question?: MaybeString;
+    answer?: MaybeString;
+}
+interface BlogAuthor {
+    name?: MaybeString;
+    url?: MaybeString;
+    type?: MaybeString;
+}
+interface BlogCoverImage {
+    slug?: MaybeString;
+    title?: MaybeString;
+    alt_text?: MaybeString;
+    mime_type?: MaybeString;
+    public_path?: MaybeString;
+    id?: MaybeString;
+}
+interface BlogVersionDefault {
+    lecture_time?: MaybeString;
+    cover_image?: BlogCoverImage;
+    blurb?: MaybeString;
+    body?: MaybeString;
+}
+interface BlogPageMeta {
+    page_title?: MaybeString;
+    permalink?: MaybeString;
+    page_type?: MaybeString;
+}
+interface BlogSeoPerPage {
+    page_meta_title?: MaybeString;
+    page_meta_description?: MaybeString;
+    page_robots_follow?: MaybeString;
+    page_robots_indexing?: MaybeString;
+    page_canonical_url?: MaybeString;
+    keywords?: MaybeStringList;
+}
+interface BlogSocialAndSharing {
+    page_open_graph_title?: MaybeString;
+    page_open_graph_description?: MaybeString;
+    page_open_graph_image?: {
+        public_path?: MaybeString;
+        alt_text?: MaybeString;
+    };
+}
+interface BlogVersion {
+    created_at?: MaybeString;
+    updated_at?: MaybeString;
+    title?: MaybeString;
+    slug?: MaybeString;
+    default?: BlogVersionDefault;
+    page_meta?: BlogPageMeta;
+    seo_per_page?: BlogSeoPerPage;
+    social_and_sharing?: BlogSocialAndSharing;
+}
+interface MetadataSourceInput {
+    siteSettings?: SiteSettings | string | null;
+    pageMeta?: PageMeta | string | null;
+}
+interface BlogInfo {
+    headline?: MaybeString;
+    description?: MaybeString;
+    image?: MaybeString;
+    datePublished?: MaybeString;
+    dateModified?: MaybeString;
+    articleSection?: MaybeString;
+    articleBody?: MaybeString;
+    wordCount?: number | string | null;
+    keywords?: MaybeStringList;
+    schemaId?: MaybeString;
+    id?: MaybeString;
+    seo_per_page?: BlogSeoPerPage;
+    version?: BlogVersion;
+}
+interface BlogAuthorGroup {
+    name?: MaybeString;
+    url?: MaybeString;
+    type?: MaybeString;
+    authors?: BlogAuthor[] | string | null;
+}
+export interface FaqJsonLdProps {
+    items?: FaqItem[] | string | null;
+    metadataSource?: MetadataSourceInput | string | null;
+    schemaId?: MaybeString;
+    scriptKey?: MaybeString;
+}
+export interface BlogPostingJsonLdProps {
+    blog?: BlogInfo | string | null;
+    author?: BlogAuthorGroup | string | null;
+    metadataSource?: MetadataSourceInput | string | null;
+    scriptKey?: MaybeString;
+}
+export interface CustomJsonLdProps {
+    schema?: JsonLdPayload | string | null;
+    scriptKey?: MaybeString;
+}
+export declare function FaqJsonLd(props: FaqJsonLdProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BlogPostingJsonLd(props: BlogPostingJsonLdProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CustomJsonLd(props: CustomJsonLdProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=JsonLdSchemas.d.ts.map

package/dist/components/JsonLdSchemas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonLdSchemas.d.ts","sourceRoot":"","sources":["../../src/components/JsonLdSchemas.tsx"],"names":[],"mappings":"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"}

package/dist/components/JsonLdSchemas.js

@@ -0,0 +1,380 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FaqJsonLd = FaqJsonLd;
+exports.BlogPostingJsonLd = BlogPostingJsonLd;
+exports.CustomJsonLd = CustomJsonLd;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const head_1 = __importDefault(require("next/head"));
+const seo_utils_1 = require("../lib/seo-utils");
+function resolveMetadataDefaults(metadataSource) {
+    const source = (0, seo_utils_1.parseObject)(metadataSource, {
+        parseJson: seo_utils_1.tryParseLooseJson
+    }) ?? undefined;
+    const siteSettings = (0, seo_utils_1.parseObject)(source?.siteSettings, {
+        parseJson: seo_utils_1.tryParseLooseJson
+    }) ?? undefined;
+    const pageMeta = (0, seo_utils_1.parseObject)(source?.pageMeta, {
+        parseJson: seo_utils_1.tryParseLooseJson
+    }) ?? undefined;
+    const canonicalBase = (0, seo_utils_1.pickFirstString)(siteSettings?.seo_defaults?.canonical_base, siteSettings?.domains_and_locales?.primary_domain);
+    const url = (0, seo_utils_1.pickFirstString)(pageMeta?.seo_per_page?.page_canonical_url, (0, seo_utils_1.toAbsoluteUrl)(pageMeta?.default?.permalink, canonicalBase), canonicalBase);
+    const inLanguage = (0, seo_utils_1.pickFirstString)(siteSettings?.domains_and_locales?.default_locale);
+    const canonicalAssetBaseUrl = (0, seo_utils_1.pickFirstString)((0, seo_utils_1.resolveUrlBase)(canonicalBase, url), canonicalBase, url);
+    const currentOrigin = (0, seo_utils_1.getCurrentOrigin)();
+    const assetBaseUrl = (0, seo_utils_1.pickFirstString)((0, seo_utils_1.resolveUrlBase)(currentOrigin, canonicalAssetBaseUrl), currentOrigin, canonicalAssetBaseUrl);
+    return { url, inLanguage, assetBaseUrl };
+}
+function resolveOrganizationId(metadataSource) {
+    const source = (0, seo_utils_1.parseObject)(metadataSource, {
+        parseJson: seo_utils_1.tryParseLooseJson
+    }) ?? undefined;
+    const siteSettings = (0, seo_utils_1.parseObject)(source?.siteSettings, {
+        parseJson: seo_utils_1.tryParseLooseJson
+    }) ?? undefined;
+    const pageMeta = (0, seo_utils_1.parseObject)(source?.pageMeta, {
+        parseJson: seo_utils_1.tryParseLooseJson
+    }) ?? undefined;
+    const organizationBase = (0, seo_utils_1.pickFirstString)((0, seo_utils_1.resolveUrlBase)(siteSettings?.seo_defaults?.canonical_base, siteSettings?.domains_and_locales?.primary_domain, pageMeta?.seo_per_page?.page_canonical_url), siteSettings?.seo_defaults?.canonical_base, siteSettings?.domains_and_locales?.primary_domain, pageMeta?.seo_per_page?.page_canonical_url);
+    return (0, seo_utils_1.buildOrganizationId)(organizationBase);
+}
+function resolveBlogEntryUrl(blog, metadataDefaults) {
+    const canonicalFromBlog = (0, seo_utils_1.cleanString)(blog.version?.seo_per_page?.page_canonical_url ?? blog.seo_per_page?.page_canonical_url);
+    if (canonicalFromBlog) {
+        return canonicalFromBlog;
+    }
+    const permalink = (0, seo_utils_1.cleanString)(blog.version?.page_meta?.permalink);
+    if (permalink) {
+        return (0, seo_utils_1.toAbsoluteUrl)(permalink, metadataDefaults.assetBaseUrl ?? metadataDefaults.url);
+    }
+    return metadataDefaults.url;
+}
+function toNumber(value) {
+    if (typeof value === "number" && Number.isFinite(value)) {
+        return value;
+    }
+    if (typeof value === "string") {
+        const trimmed = value.trim();
+        if (!trimmed) {
+            return undefined;
+        }
+        const parsed = Number(trimmed);
+        if (Number.isFinite(parsed)) {
+            return parsed;
+        }
+    }
+    return undefined;
+}
+function decodeHtmlEntities(input) {
+    const namedEntities = {
+        amp: "&",
+        lt: "<",
+        gt: ">",
+        quot: "\"",
+        apos: "'",
+        nbsp: " ",
+        aacute: "\u00e1",
+        eacute: "\u00e9",
+        iacute: "\u00ed",
+        oacute: "\u00f3",
+        uacute: "\u00fa",
+        Aacute: "\u00c1",
+        Eacute: "\u00c9",
+        Iacute: "\u00cd",
+        Oacute: "\u00d3",
+        Uacute: "\u00da",
+        ntilde: "\u00f1",
+        Ntilde: "\u00d1",
+        uuml: "\u00fc",
+        Uuml: "\u00dc"
+    };
+    return input
+        .replace(/&#x([0-9a-fA-F]+);/g, (_, hex) => {
+        const code = Number.parseInt(hex, 16);
+        return Number.isFinite(code) ? String.fromCodePoint(code) : _;
+    })
+        .replace(/&#([0-9]+);/g, (_, dec) => {
+        const code = Number.parseInt(dec, 10);
+        return Number.isFinite(code) ? String.fromCodePoint(code) : _;
+    })
+        .replace(/&([a-zA-Z][a-zA-Z0-9]+);/g, (entity, name) => namedEntities[name] ?? entity);
+}
+function stripHtmlToText(value) {
+    const raw = (0, seo_utils_1.cleanString)(value);
+    if (!raw) {
+        return undefined;
+    }
+    const withoutScripts = raw
+        .replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, " ")
+        .replace(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi, " ");
+    const withoutTags = withoutScripts.replace(/<[^>]+>/g, " ");
+    const decoded = decodeHtmlEntities(withoutTags);
+    const normalized = decoded.replace(/\s+/g, " ").trim();
+    return normalized || undefined;
+}
+function countWords(value) {
+    const text = stripHtmlToText(value) ?? (0, seo_utils_1.cleanString)(value);
+    if (!text) {
+        return undefined;
+    }
+    const words = text.split(/\s+/).filter(Boolean);
+    return words.length > 0 ? words.length : undefined;
+}
+function uniqStrings(values) {
+    return Array.from(new Set(values.map((value) => value.trim()).filter(Boolean)));
+}
+function parseJsonLdPayload(value) {
+    if (value == null) {
+        return undefined;
+    }
+    if (typeof value === "object") {
+        return value;
+    }
+    const trimmed = value.trim();
+    if (!trimmed) {
+        return undefined;
+    }
+    try {
+        const parsed = JSON.parse(trimmed);
+        if (parsed && typeof parsed === "object") {
+            return parsed;
+        }
+    }
+    catch {
+        return undefined;
+    }
+    return undefined;
+}
+function buildJsonLdKey(prefix, scriptKey, schemaId) {
+    const suffix = (0, seo_utils_1.cleanString)(scriptKey) ?? (0, seo_utils_1.cleanString)(schemaId) ?? "default";
+    return `jsonld-${prefix}-${suffix}`;
+}
+function JsonLdScript(props) {
+    const { payload, headKey } = props;
+    const json = React.useMemo(() => (0, seo_utils_1.safeJsonForInlineScript)(payload), [payload]);
+    const scriptId = (0, seo_utils_1.toDomId)(headKey);
+    React.useEffect(() => {
+        const cleanup = () => {
+            (0, seo_utils_1.removeDuplicateJsonLdScripts)(scriptId, headKey, json);
+        };
+        cleanup();
+        if (typeof document === "undefined" || typeof MutationObserver === "undefined") {
+            return undefined;
+        }
+        let rafId = null;
+        const observer = new MutationObserver(() => {
+            if (rafId != null) {
+                return;
+            }
+            rafId = window.requestAnimationFrame(() => {
+                rafId = null;
+                cleanup();
+            });
+        });
+        observer.observe(document.documentElement, {
+            childList: true,
+            subtree: true
+        });
+        return () => {
+            observer.disconnect();
+            if (rafId != null) {
+                window.cancelAnimationFrame(rafId);
+            }
+        };
+    }, [headKey, json, scriptId]);
+    return ((0, jsx_runtime_1.jsx)(head_1.default, { children: (0, jsx_runtime_1.jsx)("script", { id: scriptId, type: "application/ld+json", "data-jsonld-key": headKey, dangerouslySetInnerHTML: { __html: json } }, headKey) }));
+}
+function FaqJsonLd(props) {
+    const faqItems = React.useMemo(() => (0, seo_utils_1.parseObjectArray)(props.items, { parseJson: seo_utils_1.tryParseLooseJson }), [props.items]);
+    const metadataDefaults = React.useMemo(() => resolveMetadataDefaults(props.metadataSource), [props.metadataSource]);
+    const inLanguage = metadataDefaults.inLanguage;
+    const url = metadataDefaults.url;
+    const schemaId = (0, seo_utils_1.cleanString)(props.schemaId) ?? (url ? `${url.replace(/#.*$/, "")}#faq` : undefined);
+    const mainEntity = faqItems
+        .map((item) => {
+        const question = (0, seo_utils_1.cleanString)(item.question);
+        const answer = (0, seo_utils_1.cleanString)(item.answer);
+        if (!question || !answer) {
+            return null;
+        }
+        return {
+            "@type": "Question",
+            name: question,
+            acceptedAnswer: {
+                "@type": "Answer",
+                text: answer
+            }
+        };
+    })
+        .filter((item) => Boolean(item));
+    if (mainEntity.length === 0) {
+        return null;
+    }
+    const schema = {
+        "@context": "https://schema.org",
+        "@type": "FAQPage",
+        mainEntity
+    };
+    if (schemaId) {
+        schema["@id"] = schemaId;
+    }
+    if (url) {
+        schema.url = url;
+    }
+    if (inLanguage) {
+        schema.inLanguage = inLanguage;
+    }
+    return ((0, jsx_runtime_1.jsx)(JsonLdScript, { payload: schema, headKey: buildJsonLdKey("faq", props.scriptKey, schemaId) }));
+}
+function BlogPostingJsonLd(props) {
+    const blog = React.useMemo(() => (0, seo_utils_1.parseObject)(props.blog, { parseJson: seo_utils_1.tryParseLooseJson }) ?? {}, [props.blog]);
+    const authorGroup = React.useMemo(() => (0, seo_utils_1.parseObject)(props.author, { parseJson: seo_utils_1.tryParseLooseJson }) ?? {}, [props.author]);
+    const metadataDefaults = React.useMemo(() => resolveMetadataDefaults(props.metadataSource), [props.metadataSource]);
+    const organizationId = React.useMemo(() => resolveOrganizationId(props.metadataSource), [props.metadataSource]);
+    const headline = (0, seo_utils_1.pickFirstString)(blog.version?.social_and_sharing?.page_open_graph_title, blog.version?.seo_per_page?.page_meta_title, blog.seo_per_page?.page_meta_title, blog.version?.page_meta?.page_title, blog.version?.title, blog.headline);
+    if (!headline) {
+        return null;
+    }
+    const description = (0, seo_utils_1.pickFirstString)(blog.version?.social_and_sharing?.page_open_graph_description, blog.version?.seo_per_page?.page_meta_description, blog.seo_per_page?.page_meta_description, stripHtmlToText(blog.version?.default?.blurb), stripHtmlToText(blog.version?.default?.body));
+    const url = resolveBlogEntryUrl(blog, metadataDefaults);
+    const assetBaseUrl = (0, seo_utils_1.pickFirstString)((0, seo_utils_1.resolveUrlBase)(url, metadataDefaults.assetBaseUrl, metadataDefaults.url), metadataDefaults.assetBaseUrl, metadataDefaults.url, url);
+    const image = (0, seo_utils_1.toAbsoluteUrl)((0, seo_utils_1.pickFirstString)(blog.version?.social_and_sharing?.page_open_graph_image?.public_path, blog.version?.default?.cover_image?.public_path, blog.image), assetBaseUrl);
+    const datePublished = (0, seo_utils_1.pickFirstString)(blog.version?.created_at, blog.datePublished);
+    const dateModified = (0, seo_utils_1.pickFirstString)(blog.version?.updated_at, blog.dateModified);
+    const inLanguage = metadataDefaults.inLanguage;
+    const articleSection = (0, seo_utils_1.pickFirstString)(blog.articleSection, blog.version?.page_meta?.page_type);
+    const articleBody = (0, seo_utils_1.pickFirstString)(stripHtmlToText(blog.articleBody), stripHtmlToText(blog.version?.default?.body), (0, seo_utils_1.cleanString)(blog.articleBody), (0, seo_utils_1.cleanString)(blog.version?.default?.body));
+    const wordCount = toNumber(blog.wordCount) ?? countWords(articleBody ?? blog.version?.default?.body);
+    const blogId = (0, seo_utils_1.cleanString)(blog.id);
+    const schemaId = (0, seo_utils_1.cleanString)(blog.schemaId) ??
+        (blogId && url ? `${url.replace(/#.*$/, "")}#blog-posting-${blogId}` : undefined);
+    const seoKeywords = (0, seo_utils_1.parseStringList)(blog.version?.seo_per_page?.keywords ?? blog.seo_per_page?.keywords);
+    const explicitKeywords = (0, seo_utils_1.parseStringList)(blog.keywords);
+    const keywords = uniqStrings([...seoKeywords, ...explicitKeywords]);
+    const parsedAuthors = (0, seo_utils_1.parseObjectArray)(authorGroup.authors, {
+        parseJson: seo_utils_1.tryParseLooseJson
+    });
+    const fallbackAuthorName = (0, seo_utils_1.cleanString)(authorGroup.name);
+    const fallbackAuthorUrl = (0, seo_utils_1.cleanString)(authorGroup.url);
+    const fallbackAuthorType = (0, seo_utils_1.cleanString)(authorGroup.type) ?? "Person";
+    const authorNodes = parsedAuthors
+        .map((author) => {
+        const authorName = (0, seo_utils_1.cleanString)(author.name);
+        if (!authorName) {
+            return null;
+        }
+        const authorUrl = (0, seo_utils_1.cleanString)(author.url);
+        const authorType = (0, seo_utils_1.cleanString)(author.type) ?? "Person";
+        return {
+            "@type": authorType,
+            name: authorName,
+            ...(authorUrl ? { url: authorUrl } : {})
+        };
+    })
+        .filter((item) => Boolean(item));
+    if (authorNodes.length === 0 && fallbackAuthorName) {
+        authorNodes.push({
+            "@type": fallbackAuthorType,
+            name: fallbackAuthorName,
+            ...(fallbackAuthorUrl ? { url: fallbackAuthorUrl } : {})
+        });
+    }
+    const schema = {
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        headline
+    };
+    if (schemaId) {
+        schema["@id"] = schemaId;
+    }
+    if (description) {
+        schema.description = description;
+    }
+    if (url) {
+        schema.url = url;
+        schema.mainEntityOfPage = {
+            "@type": "WebPage",
+            "@id": url
+        };
+    }
+    if (image) {
+        schema.image = image;
+    }
+    if (datePublished) {
+        schema.datePublished = datePublished;
+    }
+    if (dateModified) {
+        schema.dateModified = dateModified;
+    }
+    if (inLanguage) {
+        schema.inLanguage = inLanguage;
+    }
+    if (articleSection) {
+        schema.articleSection = articleSection;
+    }
+    if (articleBody) {
+        schema.articleBody = articleBody;
+    }
+    if (wordCount !== undefined) {
+        schema.wordCount = wordCount;
+    }
+    if (keywords.length > 0) {
+        schema.keywords = keywords;
+    }
+    if (authorNodes.length === 1) {
+        schema.author = authorNodes[0];
+    }
+    else if (authorNodes.length > 1) {
+        schema.author = authorNodes;
+    }
+    if (organizationId) {
+        schema.publisher = {
+            "@id": organizationId
+        };
+    }
+    return ((0, jsx_runtime_1.jsx)(JsonLdScript, { payload: schema, headKey: buildJsonLdKey("blog", props.scriptKey, schemaId) }));
+}
+function CustomJsonLd(props) {
+    const payload = React.useMemo(() => parseJsonLdPayload(props.schema), [props.schema]);
+    if (!payload) {
+        return null;
+    }
+    const headKey = buildJsonLdKey("custom", props.scriptKey);
+    return (0, jsx_runtime_1.jsx)(JsonLdScript, { payload: payload, headKey: headKey });
+}