@datawheel/bespoke 0.5.6 → 0.6.0-rc.1

package/dist/index.js

@@ -51,7 +51,6 @@ import slugifyFn from 'slugify';
 import JSZip from 'jszip';
 import { saveAs } from 'file-saver';
 import { select } from 'd3-selection';
-import { saveElement } from 'd3plus-export';
 import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, TelegramShareButton, TelegramIcon, WhatsappShareButton, WhatsappIcon, LinkedinShareButton, LinkedinIcon, RedditShareButton, RedditIcon, EmailShareButton, EmailIcon } from 'react-share';
 import Head from 'next/head';
 import Editor, { useMonaco } from '@monaco-editor/react';
@@ -264,8 +263,8 @@ var init_ExploreFilters = __esm({
 });
 
 // api/http/lib.ts
-function http(axios10, config) {
-  return axios10.request(config).then((response) => {
+function http(axios11, config) {
+  return axios11.request(config).then((response) => {
     const { status, data } = response;
     return "error" in data ? { ok: false, status, error: data.error } : { ok: true, status, data: data.data };
   }, (err) => {
@@ -276,26 +275,26 @@ function http(axios10, config) {
     return { ok: false, status: 500, error: err.message };
   });
 }
-function httpGET(axios10, request, transformParams) {
+function httpGET(axios11, request, transformParams) {
   const config = typeof request === "string" ? { url: request } : request;
-  return (params) => http(axios10, {
+  return (params) => http(axios11, {
     ...config,
     method: "GET",
     params: transformParams ? transformParams(params) : params
   });
 }
-function httpPOST(axios10, request, transformPayload) {
+function httpPOST(axios11, request, transformPayload) {
   const config = typeof request === "string" ? { url: request } : request;
-  return (payload) => http(axios10, {
+  return (payload) => http(axios11, {
     ...config,
     method: "POST",
     data: transformPayload ? transformPayload(payload) : payload
   });
 }
-function httpDELETE(axios10, request, transformPayload) {
+function httpDELETE(axios11, request, transformPayload) {
   const config = typeof request === "string" ? { url: request } : request;
   return (payload) => {
-    return http(axios10, {
+    return http(axios11, {
       ...config,
       method: "DELETE",
       params: transformPayload ? transformPayload(payload) : payload
@@ -309,8 +308,8 @@ var init_lib = __esm({
 });
 
 // api/http/image/imageSave.ts
-function httpImageSaveFactory(axios10, provider) {
-  return (params) => http(axios10, {
+function httpImageSaveFactory(axios11, provider) {
+  return (params) => http(axios11, {
     method: "POST",
     url: `images/save/${provider}`,
     params: { prompt: params.prompt, provider }
@@ -324,8 +323,8 @@ var init_imageSave = __esm({
 });
 
 // api/http/image/imageSearch.ts
-function httpImageSearchFactory(axios10, provider) {
-  return (params) => http(axios10, {
+function httpImageSearchFactory(axios11, provider) {
+  return (params) => http(axios11, {
     method: "GET",
     url: `images/search/${provider}`,
     params: { prompt: params.prompt, page: params.page, provider }
@@ -339,8 +338,8 @@ var init_imageSearch = __esm({
 });
 
 // api/http/icon/listIcons.ts
-function httpListIconsFactory(axios10, provider) {
-  return () => http(axios10, {
+function httpListIconsFactory(axios11, provider) {
+  return () => http(axios11, {
     method: "GET",
     url: `list/icons/${provider}`,
     params: { provider }
@@ -354,8 +353,8 @@ var init_listIcons = __esm({
 });
 
 // api/http/icon/readIcon.ts
-function httpReadIconFactory(axios10, provider) {
-  return (params) => http(axios10, {
+function httpReadIconFactory(axios11, provider) {
+  return (params) => http(axios11, {
     method: "GET",
     url: `read/icons/${provider}/icon.svg`,
     params: { name: params.name }
@@ -368,65 +367,65 @@ var init_readIcon = __esm({
   }
 });
 function apiFactory(baseURL) {
-  const axios10 = axios.create({ baseURL });
+  const axios11 = axios.create({ baseURL });
   return {
-    createBulkBlock: httpPOST(axios10, "create/bulk/block"),
-    createBlock: httpPOST(axios10, "create/block"),
-    createDimension: httpPOST(axios10, "create/dimension"),
-    createFormatter: httpPOST(axios10, "create/formatter"),
-    createReport: httpPOST(axios10, "create/report"),
-    createSection: httpPOST(axios10, "create/section"),
-    createVariant: httpPOST(axios10, "create/variant"),
-    deleteBlock: httpDELETE(axios10, "delete/block", transformDeletePayload),
-    deleteDimension: httpDELETE(axios10, "delete/dimension", transformDeletePayload),
-    deleteFormatter: httpDELETE(axios10, "delete/formatter", transformDeletePayload),
-    deleteReport: httpDELETE(axios10, "delete/report", transformDeletePayload),
-    deleteSection: httpDELETE(axios10, "delete/section", transformDeletePayload),
-    deleteVariant: httpDELETE(axios10, "delete/variant", transformDeletePayload),
-    readBlock: httpGET(axios10, "read/block"),
-    readDimension: httpGET(axios10, "read/dimension"),
-    readFormatter: httpGET(axios10, "read/formatter"),
-    readReport: httpGET(axios10, "read/report"),
-    readSection: httpGET(axios10, "read/section"),
-    readVariant: httpGET(axios10, "read/variant"),
-    updateBulkBlock: httpPOST(axios10, "update/bulk/block"),
-    updateBlock: httpPOST(axios10, "update/block"),
-    updateDimension: httpPOST(axios10, "update/dimension"),
-    updateFormatter: httpPOST(axios10, "update/formatter"),
-    updateReport: httpPOST(axios10, "update/report"),
-    updateSection: httpPOST(axios10, "update/section"),
-    updateVariant: httpPOST(axios10, "update/variant"),
-    searchReport: httpGET(axios10, "search/reports"),
-    validateVariantSlug: httpGET(axios10, "validate/variant"),
-    readMember: httpGET(axios10, "read/members", transformReadMembers),
-    readMemberImage: httpGET(axios10, {
+    createBulkBlock: httpPOST(axios11, "create/bulk/block"),
+    createBlock: httpPOST(axios11, "create/block"),
+    createDimension: httpPOST(axios11, "create/dimension"),
+    createFormatter: httpPOST(axios11, "create/formatter"),
+    createReport: httpPOST(axios11, "create/report"),
+    createSection: httpPOST(axios11, "create/section"),
+    createVariant: httpPOST(axios11, "create/variant"),
+    deleteBlock: httpDELETE(axios11, "delete/block", transformDeletePayload),
+    deleteDimension: httpDELETE(axios11, "delete/dimension", transformDeletePayload),
+    deleteFormatter: httpDELETE(axios11, "delete/formatter", transformDeletePayload),
+    deleteReport: httpDELETE(axios11, "delete/report", transformDeletePayload),
+    deleteSection: httpDELETE(axios11, "delete/section", transformDeletePayload),
+    deleteVariant: httpDELETE(axios11, "delete/variant", transformDeletePayload),
+    readBlock: httpGET(axios11, "read/block"),
+    readDimension: httpGET(axios11, "read/dimension"),
+    readFormatter: httpGET(axios11, "read/formatter"),
+    readReport: httpGET(axios11, "read/report"),
+    readSection: httpGET(axios11, "read/section"),
+    readVariant: httpGET(axios11, "read/variant"),
+    updateBulkBlock: httpPOST(axios11, "update/bulk/block"),
+    updateBlock: httpPOST(axios11, "update/block"),
+    updateDimension: httpPOST(axios11, "update/dimension"),
+    updateFormatter: httpPOST(axios11, "update/formatter"),
+    updateReport: httpPOST(axios11, "update/report"),
+    updateSection: httpPOST(axios11, "update/section"),
+    updateVariant: httpPOST(axios11, "update/variant"),
+    searchReport: httpGET(axios11, "search/reports"),
+    validateVariantSlug: httpGET(axios11, "validate/variant"),
+    readMember: httpGET(axios11, "read/members", transformReadMembers),
+    readMemberImage: httpGET(axios11, {
       url: "member/image",
       responseType: "blob"
     }),
-    searchMember: httpGET(axios10, "search/members"),
-    updateMember: httpGET(axios10, "update/members"),
-    imageLocalSearch: httpImageSearchFactory(axios10, "local"),
-    imageLocalSave: httpImageSaveFactory(axios10, "local"),
-    imageFlickrSearch: httpImageSearchFactory(axios10, "flickr"),
-    imageFlickrSave: httpImageSaveFactory(axios10, "flickr"),
-    imageUnsplashSearch: httpImageSearchFactory(axios10, "unsplash"),
-    imageUnsplashSave: httpImageSaveFactory(axios10, "unsplash"),
-    imageUploadSave: httpImageSaveFactory(axios10, "upload"),
-    imageAdobeSearch: httpImageSearchFactory(axios10, "adobe"),
-    imageAdobeSave: httpImageSaveFactory(axios10, "adobe"),
-    readMetadata: httpGET(axios10, "read/metadata"),
-    regenerateSearch: httpPOST(axios10, "search/regenerate"),
-    urlProxy: httpGET(axios10, "url/proxy"),
-    searchRole: httpGET(axios10, "auth/search/roles"),
-    searchUser: httpGET(axios10, "auth/search/users"),
-    readUser: httpGET(axios10, "auth/read/user"),
-    updateUser: httpPOST(axios10, "auth/update/user"),
-    updateMyData: httpPOST(axios10, "auth/update/me"),
-    revalidateReport: httpGET(axios10, "revalidate/report"),
-    revalidateUrl: httpGET(axios10, "revalidate/url"),
-    readPrivateBlocks: httpPOST(axios10, "read/blocks/private"),
-    listTablerIcons: httpListIconsFactory(axios10, "tabler"),
-    readTablerIcon: httpReadIconFactory(axios10, "tabler")
+    searchMember: httpGET(axios11, "search/members"),
+    updateMember: httpGET(axios11, "update/members"),
+    imageLocalSearch: httpImageSearchFactory(axios11, "local"),
+    imageLocalSave: httpImageSaveFactory(axios11, "local"),
+    imageFlickrSearch: httpImageSearchFactory(axios11, "flickr"),
+    imageFlickrSave: httpImageSaveFactory(axios11, "flickr"),
+    imageUnsplashSearch: httpImageSearchFactory(axios11, "unsplash"),
+    imageUnsplashSave: httpImageSaveFactory(axios11, "unsplash"),
+    imageUploadSave: httpImageSaveFactory(axios11, "upload"),
+    imageAdobeSearch: httpImageSearchFactory(axios11, "adobe"),
+    imageAdobeSave: httpImageSaveFactory(axios11, "adobe"),
+    readMetadata: httpGET(axios11, "read/metadata"),
+    regenerateSearch: httpPOST(axios11, "search/regenerate"),
+    urlProxy: httpGET(axios11, "url/proxy"),
+    searchRole: httpGET(axios11, "auth/search/roles"),
+    searchUser: httpGET(axios11, "auth/search/users"),
+    readUser: httpGET(axios11, "auth/read/user"),
+    updateUser: httpPOST(axios11, "auth/update/user"),
+    updateMyData: httpPOST(axios11, "auth/update/me"),
+    revalidateReport: httpGET(axios11, "revalidate/report"),
+    revalidateUrl: httpGET(axios11, "revalidate/url"),
+    readPrivateBlocks: httpPOST(axios11, "read/blocks/private"),
+    listTablerIcons: httpListIconsFactory(axios11, "tabler"),
+    readTablerIcon: httpReadIconFactory(axios11, "tabler")
   };
 }
 var transformDeletePayload, transformReadMembers;
@@ -2570,6 +2569,26 @@ var init_recordsSlice = __esm({
               }
             }
           };
+        },
+        normalizeSection: (state, action) => {
+          const sectionId = action.payload.section;
+          const section = state.entities.section[sectionId];
+          return {
+            ...state,
+            entities: {
+              ...state.entities,
+              section: {
+                // ...state.entities.section,
+                [sectionId]: {
+                  ...section,
+                  settings: {
+                    ...section.settings,
+                    width: "full"
+                  }
+                }
+              }
+            }
+          };
         }
       },
       extraReducers: {
@@ -3501,6 +3520,7 @@ __export(actions_exports, {
   createEntity: () => createEntity,
   deleteEntity: () => deleteEntity,
   deleteQueryParam: () => deleteQueryParam,
+  normalizeSectionLayout: () => normalizeSectionLayout,
   readEntity: () => readEntity,
   readMember: () => readMember,
   readMetadata: () => readMetadata,
@@ -3697,6 +3717,12 @@ function removeBlocksFromState(privateBlockIds) {
     await dispatch(removeBlocks(privateBlockIds));
   };
 }
+function normalizeSectionLayout(sectionId) {
+  const { normalizeSection } = recordsSlice.actions;
+  return async (dispatch) => {
+    await dispatch(normalizeSection(sectionId));
+  };
+}
 function addBlockToState(newBlocks) {
   const { addBlocks } = recordsSlice.actions;
   return async (dispatch) => {
@@ -4736,10 +4762,10 @@ var init_RichText = __esm({
 });
 function InnerTooltip(props) {
   const { content, style = {} } = props;
-  const print = usePrint();
+  const { isPrint } = useMode();
   const contentObj = /* @__PURE__ */ jsx(RichText, { component: "span", html: content, isPreview: true });
   const element = useMemo(() => {
-    return print ? /* @__PURE__ */ jsx("div", { className: "bespoke-inner-tooltip-notification", children: /* @__PURE__ */ jsx(
+    return isPrint ? /* @__PURE__ */ jsx("div", { className: "bespoke-inner-tooltip-notification", children: /* @__PURE__ */ jsx(
       Notification,
       {
         icon: /* @__PURE__ */ jsx(IconInfoCircle, { size: "1.1rem" }),
@@ -5281,7 +5307,7 @@ function TitleView({
   _iconPadding,
   asComparison = false
 }) {
-  const print = usePrint();
+  const { isPrint } = useMode();
   const titleHTML = sanitizeBlockContent_default(title) || "<span class='cr-block-placeholder'>Title</span>";
   const intOrder = settings && settings.order ? parseInt(settings.order, 10) : 1;
   const order2 = intOrder <= 6 ? intOrder : 1;
@@ -5324,7 +5350,7 @@ function TitleView({
       position: getAlignForGroup(align),
       children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          print ? titleElement : finalElement,
+          isPrint ? titleElement : finalElement,
           displayName && /* @__PURE__ */ jsx(Text, { className: "bespoke-comparison-title", children: memberName })
         ] }),
         tooltip && /* @__PURE__ */ jsx(InnerTooltip, { content: tooltip })
@@ -5445,7 +5471,7 @@ var init_useOnChangeSelector = __esm({
 });
 function Selector(config) {
   const { name, settings, options, id, defaultValue, section, component, asComparison, hideLabel } = config;
-  const print = usePrint();
+  const { isPrint } = useMode();
   const selectorIdentifier = getSelectorIdentifier(id);
   const callback = useOnChangeSelector(id, section, selectorIdentifier, asComparison);
   const selectorIdentifierParam = asComparison ? `${selectorIdentifier}Compare` : selectorIdentifier;
@@ -5456,9 +5482,9 @@ function Selector(config) {
     (d2) => ({ value: d2.id, label: d2.label })
   ), [optDependency]);
   const printValue = useMemo(() => {
-    const optionsString = print ? options.filter((o2) => multiValue.includes(o2.id)).map((o2) => o2.label).join(", ") : "";
+    const optionsString = isPrint ? options.filter((o2) => multiValue.includes(o2.id)).map((o2) => o2.label).join(", ") : "";
     return optionsString;
-  }, [print]);
+  }, [isPrint]);
   const label = config.hideLabel === "true" ? /* @__PURE__ */ jsx(Fragment, {}) : /* @__PURE__ */ jsx(RichText, { component: "div", html: name, size: "sm", style: settings });
   useEffect(() => {
     const searchParams = new URLSearchParams(window.location.search);
@@ -5513,7 +5539,7 @@ function Selector(config) {
         }
       )
     }[config.type] }) }),
-    print && /* @__PURE__ */ jsxs(Text, { children: [
+    isPrint && /* @__PURE__ */ jsxs(Text, { children: [
       label,
       ": ",
       printValue
@@ -5569,7 +5595,7 @@ var init_Image = __esm({
     init_block2();
   }
 });
-function useInitialState(pathSegmentsKey) {
+function useInitialState(pathSegmentsKey, mode) {
   const { asPath, locale, defaultLocale } = useRouter();
   const [loading, setLoading] = useState(true);
   const { user, isLoading } = useUser();
@@ -5612,39 +5638,41 @@ function useInitialState(pathSegmentsKey) {
     }
   }, [user, isLoading]);
   useEffect(() => {
-    const hasParams = Object.keys(query).some((key) => key !== pathSegmentsKey);
-    if ((hasParams || privateBlocks.blocks.length > 0) && privateBlocks.resolved) {
-      const selectorIds = Object.keys(query).map((d2) => Number(d2.match(/\d+/)));
-      const revalidateBlocks = selectorIds.filter((id) => id !== 0).concat(privateBlocks.blocks);
-      Promise.all(
-        revalidateBlocks.map((bid) => {
-          const block = blockRecords[bid];
-          const inputVariablesFlat = block.consumers.reduce((inputVars, cid) => ({ ...inputVars, ...variables[cid] }), {});
-          const blockContext = {
-            locale: localeDefault4,
-            query,
-            variables: {
-              ...inputVariablesFlat,
-              ...attributes
-            }
-          };
-          return runConsumersV2(
-            blockRecords,
-            void 0,
-            bid,
-            formatters2,
-            blockContext,
-            { variables, status },
-            readMemberFn,
-            "report"
-          );
-        })
-      ).then((d2) => {
-        setLoading(false);
-        d2.map((data) => dispatch(variablesActions.setVariableChange({ ...data, attributes })));
-      });
+    if (mode !== "embed") {
+      const hasParams = Object.keys(query).some((key) => key !== pathSegmentsKey);
+      if ((hasParams || privateBlocks.blocks.length > 0) && privateBlocks.resolved) {
+        const selectorIds = Object.keys(query).map((d2) => Number(d2.match(/\d+/)));
+        const revalidateBlocks = selectorIds.filter((id) => id !== 0).concat(privateBlocks.blocks);
+        Promise.all(
+          revalidateBlocks.map((bid) => {
+            const block = blockRecords[bid];
+            const inputVariablesFlat = block.consumers.reduce((inputVars, cid) => ({ ...inputVars, ...variables[cid] }), {});
+            const blockContext = {
+              locale: localeDefault4,
+              query,
+              variables: {
+                ...inputVariablesFlat,
+                ...attributes
+              }
+            };
+            return runConsumersV2(
+              blockRecords,
+              void 0,
+              bid,
+              formatters2,
+              blockContext,
+              { variables, status },
+              readMemberFn,
+              "report"
+            );
+          })
+        ).then((d2) => {
+          setLoading(false);
+          d2.map((data) => dispatch(variablesActions.setVariableChange({ ...data, attributes })));
+        });
+      }
     }
-  }, [privateBlocks.resolved]);
+  }, [privateBlocks.resolved, mode]);
   return loading || !privateBlocks.resolved;
 }
 var init_useInitialState = __esm({
@@ -6237,7 +6265,7 @@ __export(Viz_exports, {
   default: () => Viz
 });
 function Viz(config) {
-  const print = usePrint();
+  const { isPrint, isEmbed } = useMode();
   const { block, active, locale, variables, configOverride = {} } = config;
   const content = getBlockContent(block);
   const formatterFunctions = useFormatterFunctionsForLocale(locale);
@@ -6266,8 +6294,8 @@ function Viz(config) {
   const Visualization = vizTypes[fallbackType];
   const vizPropsConfig = useMemo(() => {
     const { _data, ...vizPropsInnerConfig } = vizProps.config;
-    return printOverrides(vizPropsInnerConfig, print);
-  }, [vizProps, print]);
+    return printOverrides(vizPropsInnerConfig, isPrint || isEmbed);
+  }, [vizProps, isPrint, isEmbed]);
   const vizConfig = { locale, variables, ...vizPropsConfig, ...configOverride };
   return /* @__PURE__ */ jsx("div", { className: "bespoke-Viz", children: /* @__PURE__ */ jsx(
     "div",
@@ -15913,161 +15941,112 @@ var init_DataTab = __esm({
     };
   }
 });
+function useLocalePrefix() {
+  const { locales: locales4 } = useRouter();
+  const locale = location && location.pathname.split("/").filter((segment) => segment.length > 0)[0];
+  return locales4?.includes(locale);
+}
+var init_useLocalePrefix = __esm({
+  "frontend/hooks/useLocalePrefix.ts"() {
+    init_esm_shims();
+  }
+});
 function ImageTab(props) {
   const { section } = props;
   const blocksIds = section.blocks || [];
+  const { asPath, query, locale } = useRouter();
+  const prefixLocale = useLocalePrefix();
+  const { pathSegment } = useBespoke();
   const vizAvailable = useAppSelector((state) => blocksIds.map((blockId) => state.records.entities.block[blockId]).filter((block) => block.type === "visualization" && state.variables.status[block.id].allowed));
   const [imageContext, setImageContext] = useState(contextOptions.section);
   const [imageFormat, setImageFormat] = useState(formatOptions2.png);
   const [imageProcessing, setImageProcessing] = useState(false);
-  const [svgAvailable, setSvgAvailable] = useState(false);
   const [vizPreviews, setVizPreviews] = useState([]);
   const [vizSelected, setVizSelected] = useState(vizAvailable.length > 0 ? vizAvailable[0].id : null);
-  const [transparentBackground, setTransparentBackground] = useState(true);
+  const [transparentBackground, setTransparentBackground] = useState(false);
   const [loadingPreviews, setLoadingPreviews] = useState(false);
   const optionsTranslations = useBespokeTranslations("options");
   const translations = { ...DEFAULT_TRANSLATIONS3, ...optionsTranslations["image_tab"] };
-  const { siteProps } = useBespoke();
-  const includeLogo = siteProps?.logoSrc && typeof siteProps.logoSrc === "string";
-  const sectionId = section?.settings?.name || `section-${section.id}`;
-  const sectionHash = `#${sectionId}`;
-  const theme = useMantineTheme();
-  const vizSelectedHasSVG = () => {
-    const vizNode = getVizNode(vizSelected);
-    const svgCount = select(vizNode).select("svg").size();
-    return svgCount === 1;
-  };
-  const getFileName = () => `${slugify_default(sectionId)}`;
-  const getSectionNode = () => {
-    const sectionNode = document.getElementById(sectionId);
-    return select(sectionNode).select(".bespoke-section-content").node();
-  };
-  const getVizNode = (vizId) => {
-    const sectionNode = getSectionNode();
-    return select(sectionNode).select(`#bespoke-visualization-${vizId}.bespoke-block-area`).node();
-  };
-  const getSelectedNode = () => new Promise((resolve) => {
-    let node;
-    if (imageContext === contextOptions.section) {
-      node = getSectionNode();
-    } else if (imageContext === contextOptions.viz) {
-      node = getVizNode(vizSelected);
-    }
-    const sourceContainer = document.createElement("div");
-    sourceContainer.style.display = "flex";
-    sourceContainer.style.justifyContent = "space-between";
-    sourceContainer.classList.add("bespoke-Viz-source");
-    sourceContainer.style.padding = theme.spacing.xs;
-    sourceContainer.style.width = "100%";
-    const sourceNode = document.createElement("div");
-    sourceNode.innerText = translations["source"].replace("{src}", `${window.location}${sectionHash}`);
-    sourceNode.style.fontSize = theme.fontSizes.xs;
-    sourceContainer.appendChild(sourceNode);
-    if (includeLogo) {
-      const sourceImage = document.createElement("img");
-      sourceImage.src = siteProps.logoSrc;
-      sourceImage.style.height = "30px";
-      sourceImage.onload = () => resolve(node);
-      sourceImage.onerror = () => {
-        sourceImage.remove();
-        resolve(node);
-      };
-      sourceContainer.appendChild(sourceImage);
-      node.appendChild(sourceContainer);
-    } else {
-      node.appendChild(sourceContainer);
-      resolve(node);
-    }
-  });
-  const getBackground = (elem) => {
-    if (transparentBackground)
-      return "transparent";
-    const color = select(elem).style("background-color");
-    if (color !== "rgba(0, 0, 0, 0)" && color !== "transparent")
-      return color;
-    if (elem === document.body)
-      return "white";
-    return getBackground(elem.parentNode);
-  };
-  const exportPng = async (node, config) => {
-    const { toPng } = await import('html-to-image');
-    toPng(
-      node,
-      {
-        backgroundColor: config.background,
-        cacheBust: true,
-        filter: (innerNode) => {
-          if (innerNode && innerNode.classList) {
-            return !config.exclusionClasses.some((classname) => innerNode.classList.contains(classname));
-          }
-          return true;
-        }
-      }
-    ).then((dataUrl) => {
+  const sectionId = slugify_default(section?.settings?.name) || `section-${section.id}`;
+  const onSaveClickSection = async () => {
+    const search = Object.fromEntries(new URLSearchParams(location.search));
+    const selectors = Object.fromEntries(
+      Object.entries(search).filter(([key]) => key.match(/selector\d+id/))
+    );
+    const body = {
+      path: asPath,
+      slugs: JSON.stringify(query[pathSegment]),
+      section: section.id,
+      query: selectors,
+      locale,
+      prefixLocale,
+      transparent: transparentBackground
+    };
+    setImageProcessing(true);
+    axios.post("/api/cms/img", body, { responseType: "blob" }).then((res) => {
+      const url = window.URL.createObjectURL(new Blob([res.data]));
       const link = document.createElement("a");
-      link.download = `${config.filename}.png`;
-      link.href = dataUrl;
+      link.href = url;
+      link.setAttribute("download", "image.png");
+      document.body.appendChild(link);
       link.click();
-      cleanDOM();
+      document.body.removeChild(link);
       setImageProcessing(false);
-    }).catch((err) => {
-      console.log(err);
     });
   };
-  const exportSvg = (node, config) => {
-    saveElement(
-      node,
-      { filename: config.filename, type: "svg", callback: () => setImageProcessing(false) },
-      { background: config.background }
+  const onSaveClickViz = async () => {
+    const search = Object.fromEntries(new URLSearchParams(location.search));
+    const selectors = Object.fromEntries(
+      Object.entries(search).filter(([key]) => key.match(/selector\d+id/))
     );
-  };
-  const onSaveClick = async () => {
-    setImageProcessing(true);
-    const node = await getSelectedNode();
-    const exportConfig = {
-      background: getBackground(node),
-      exclusionClasses: ["export-hidden"],
-      filename: getFileName()
+    const body = {
+      path: asPath,
+      slugs: JSON.stringify(query[pathSegment]),
+      section: section.id,
+      viz: vizSelected,
+      query: selectors,
+      locale,
+      prefixLocale,
+      transparent: transparentBackground,
+      svg: imageFormat === formatOptions2.svg
     };
-    const exportFunction = imageFormat === formatOptions2.png ? exportPng : exportSvg;
-    try {
-      if (node) {
-        exportFunction(node, exportConfig);
-      } else {
-        throw new Error(translations["wrong_node"]);
-      }
-    } catch (error) {
+    setImageProcessing(true);
+    axios.post("/api/cms/img", body, { responseType: "blob" }).then((res) => {
+      const url = window.URL.createObjectURL(new Blob([res.data]));
+      const link = document.createElement("a");
+      link.href = url;
+      link.setAttribute("download", `image.${imageFormat.toLowerCase()}`);
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
       setImageProcessing(false);
-    }
+    });
   };
   const generatePreviews = async () => {
     const { toCanvas } = await import('html-to-image');
     Promise.all(
-      vizAvailable.map((viz) => toCanvas(getVizNode(viz.id)))
+      vizAvailable.map((viz) => toCanvas(getVizNode(viz.id, sectionId)))
     ).then((canvases) => {
       setVizPreviews(canvases.map((canvas) => canvas.toDataURL()));
       setLoadingPreviews(false);
     });
   };
-  useEffect(() => {
-    if (imageContext === contextOptions.viz && vizAvailable.length > 0) {
+  const handleContextChange = (newValue) => {
+    setImageContext(newValue);
+    if (newValue === contextOptions.section) {
+      setImageFormat(formatOptions2.png);
+    }
+    if (newValue === contextOptions.viz && vizAvailable.length > 0) {
       setVizSelected(vizAvailable[0].id);
       setLoadingPreviews(true);
       generatePreviews();
-    } else if (imageContext === contextOptions.section) {
+    } else if (newValue === contextOptions.section) {
       setVizPreviews([]);
     }
-  }, [imageContext]);
-  useEffect(() => {
-    if (vizSelected) {
-      if (vizSelectedHasSVG()) {
-        setSvgAvailable(true);
-      } else {
-        setSvgAvailable(false);
-        setImageFormat(formatOptions2.png);
-      }
-    }
-  }, [vizSelected]);
+  };
+  const onSelectViz = (vizId) => () => {
+    setVizSelected(vizId);
+  };
   return /* @__PURE__ */ jsxs(Stack, { className: "cms-section-options-image", children: [
     /* @__PURE__ */ jsx(Space, { h: "xs" }),
     vizAvailable.length > 0 ? /* @__PURE__ */ jsx(Input.Wrapper, { label: `${translations["choose_area"]}:`, children: /* @__PURE__ */ jsx(
@@ -16091,12 +16070,7 @@ function ImageTab(props) {
             ] })
           }
         ],
-        onChange: (newValue) => {
-          setImageContext(newValue);
-          if (newValue === contextOptions.section) {
-            setImageFormat(formatOptions2.png);
-          }
-        }
+        onChange: handleContextChange
       }
     ) }) : /* @__PURE__ */ jsx(Text, { fw: "700", color: "gray.7", children: `${translations["entire_section"]}:` }),
     imageContext === contextOptions.viz && vizAvailable.length > 0 && /* @__PURE__ */ jsxs(
@@ -16106,27 +16080,20 @@ function ImageTab(props) {
         style: { minHeight: "161px", position: "relative" },
         children: [
           !loadingPreviews && vizPreviews.length > 0 && /* @__PURE__ */ jsx(ScrollArea, { style: { height: 250 }, children: /* @__PURE__ */ jsx(SimpleGrid, { cols: 3, children: vizAvailable.map((vizOption, ix) => /* @__PURE__ */ jsx(
-            Image,
+            VizPreview2,
             {
-              alt: `Viz ${vizOption.id}`,
-              onClick: () => {
-                setVizSelected(vizOption.id);
-              },
-              style: {
-                cursor: "pointer",
-                border: vizSelected === vizOption.id ? "4px solid #228be6" : "4px solid #eee"
-              },
-              radius: 0,
-              src: vizPreviews[ix],
-              withPlaceholder: true
+              vizId: vizOption.id,
+              isSelected: vizOption.id === vizSelected,
+              onClick: () => onSelectViz(vizAvailable[ix].id),
+              src: vizPreviews[ix]
             },
-            `viz-option-${vizOption.id}`
+            vizOption.id
           )) }) }),
           /* @__PURE__ */ jsx(LoadingOverlay, { visible: loadingPreviews })
         ]
       }
     ),
-    svgAvailable && imageContext !== contextOptions.section && /* @__PURE__ */ jsx(Input.Wrapper, { label: `${translations["choose_format"]}:`, children: /* @__PURE__ */ jsxs(Button.Group, { children: [
+    imageContext !== contextOptions.section && /* @__PURE__ */ jsx(Input.Wrapper, { label: `${translations["choose_format"]}:`, children: /* @__PURE__ */ jsxs(Button.Group, { children: [
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -16148,7 +16115,7 @@ function ImageTab(props) {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx(
+    imageFormat !== formatOptions2.svg && /* @__PURE__ */ jsx(
       Checkbox,
       {
         checked: transparentBackground,
@@ -16162,14 +16129,14 @@ function ImageTab(props) {
       {
         leftIcon: /* @__PURE__ */ jsx(IconDownload, { size: 16 }),
         loading: imageProcessing,
-        onClick: onSaveClick,
+        onClick: imageContext === contextOptions.section ? onSaveClickSection : onSaveClickViz,
         fullWidth: true,
         children: /* @__PURE__ */ jsx("span", { children: imageProcessing ? translations["processing"] : translations["download"].replace("{imageFormat}", imageFormat) })
       }
     )
   ] });
 }
-var contextOptions, formatOptions2, cleanDOM, DEFAULT_TRANSLATIONS3;
+var contextOptions, formatOptions2, VizPreview2, DEFAULT_TRANSLATIONS3, getSectionNode, getVizNode;
 var init_ImageTab = __esm({
   "components/options/tabs/ImageTab.tsx"() {
     init_esm_shims();
@@ -16177,6 +16144,11 @@ var init_ImageTab = __esm({
     init_store2();
     init_TranslationsProvider();
     init_ResourceProvider();
+    init_useLocalePrefix();
+    init_d3plusPropify();
+    init_varSwapRecursive();
+    init_getBlockContent();
+    init_hooks();
     contextOptions = {
       viz: "viz",
       section: "section"
@@ -16185,9 +16157,50 @@ var init_ImageTab = __esm({
       png: "PNG",
       svg: "SVG"
     };
-    cleanDOM = () => {
-      const sourceNodes = document.getElementsByClassName("bespoke-Viz-source");
-      Array.from(sourceNodes).forEach((node) => node.remove());
+    VizPreview2 = ({ vizId, isSelected = false, onClick = () => void 0, src = void 0 }) => {
+      const router = useRouter();
+      const { locale } = router;
+      const variables = useInputVariablesFlat(vizId);
+      const block = useBlockRef(vizId).data;
+      const content = getBlockContent(block);
+      const formatterFunctions = useFormatterFunctionsForLocale(locale);
+      const blockContext = { variables };
+      const transpiledLogic = varSwapRecursive_default({ logic: content.logic }, formatterFunctions, blockContext).logic;
+      const globals = {
+        router
+      };
+      const props = d3plusPropify_default(transpiledLogic, formatterFunctions, variables, locale, vizId, {}, globals);
+      const { title } = props.config;
+      return /* @__PURE__ */ jsxs(Stack, { align: "center", spacing: "xs", children: [
+        /* @__PURE__ */ jsx(
+          Image,
+          {
+            alt: `Viz ${vizId}`,
+            onClick,
+            style: {
+              cursor: "pointer",
+              border: isSelected ? "4px solid #228be6" : "4px solid #eee"
+            },
+            radius: 0,
+            src,
+            withPlaceholder: true
+          },
+          `viz-option-${vizId}`
+        ),
+        title && /* @__PURE__ */ jsx(
+          Text,
+          {
+            fz: "0.8rem",
+            fw: 700,
+            bg: isSelected ? "rgba(0, 0, 0, 0.2)" : "transparent",
+            w: "fit-content",
+            px: "xs",
+            sx: { borderRadius: "0.3rem" },
+            ta: "center",
+            children: title
+          }
+        )
+      ] });
     };
     DEFAULT_TRANSLATIONS3 = {
       "wrong_node": "Wrong node in export",
@@ -16201,6 +16214,15 @@ var init_ImageTab = __esm({
       "viz_only": "Visualization only",
       "source": "Source: {src}"
     };
+    getSectionNode = (sectionId) => {
+      console.log({ sectionId });
+      const sectionNode = document.getElementById(sectionId);
+      return select(sectionNode).select(".bespoke-section-content").node();
+    };
+    getVizNode = (vizId, sectionId) => {
+      const sectionNode = getSectionNode(sectionId);
+      return select(sectionNode).select(`#bespoke-visualization-${vizId}.bespoke-block-area`).node();
+    };
   }
 });
 function CopyInput(props) {
@@ -16222,12 +16244,31 @@ var init_CopyInput = __esm({
     init_esm_shims();
   }
 });
+function useEmbedPath(sectionId) {
+  const { query, locale } = useRouter();
+  const prefixLocale = useLocalePrefix();
+  const { pathSegment } = useBespoke();
+  const slugs = query[pathSegment];
+  if (slugs && Array.isArray(slugs)) {
+    const search = new URLSearchParams({ section: sectionId });
+    const embed = `/embed/${slugs.join("/")}`;
+    const url = new URL(
+      prefixLocale ? `/${locale}${embed}` : `${embed}`,
+      location.href
+    );
+    url.search = search.toString();
+    return url.href;
+  }
+  return void 0;
+}
 function ShareTab(props) {
   const { section } = props;
   const [shareUrl, setShareUrl] = useState("");
   const [title, setTitle] = useState("");
   const [includeSection, setIncludeSection] = useState(true);
   const optionsTranslations = useBespokeTranslations("options");
+  const embedPath = useEmbedPath(section.id);
+  const iframeStr = `<iframe width="100%" height="500px" frameborder="0" src="${embedPath}"></iframe>`;
   const translations = { ...DEFAULT_TRANSLATIONS4, ...optionsTranslations["share_tab"] };
   useEffect(() => {
     setTitle(document.title);
@@ -16248,6 +16289,7 @@ function ShareTab(props) {
         radius: "xl"
       }
     ),
+    /* @__PURE__ */ jsx(CopyInput, { title: translations["embed"], url: iframeStr }),
     /* @__PURE__ */ jsxs(Group, { position: "center", children: [
       /* @__PURE__ */ jsx(
         FacebookShareButton,
@@ -16310,9 +16352,12 @@ var init_ShareTab = __esm({
     init_esm_shims();
     init_CopyInput();
     init_TranslationsProvider();
+    init_useLocalePrefix();
+    init_ResourceProvider();
     DEFAULT_TRANSLATIONS4 = {
       "title": "Title",
-      "include_section": "Include Section"
+      "include_section": "Include Section",
+      "embed": "Embed"
     };
   }
 });
@@ -17112,7 +17157,7 @@ var init_site = __esm({
   }
 });
 function ImageCredits({ previews, translations }) {
-  const print = usePrint();
+  const { isPrint } = useMode();
   const credits = useMemo(() => previews.map(
     ({ image, name }, idx) => (image?.author || image?.url) && /* @__PURE__ */ jsxs(Stack, { spacing: 0, children: [
       image.author && /* @__PURE__ */ jsxs(Text, { size: "xs", children: [
@@ -17137,7 +17182,7 @@ function ImageCredits({ previews, translations }) {
       idx + 1 < previews.length && /* @__PURE__ */ jsx(Divider, {})
     ] }, image.id)
   ), [previews]);
-  return /* @__PURE__ */ jsx(Fragment, { children: print ? /* @__PURE__ */ jsx(Fragment, { children: credits }) : /* @__PURE__ */ jsxs(Popover, { position: "right", children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: isPrint ? /* @__PURE__ */ jsx(Fragment, { children: credits }) : /* @__PURE__ */ jsxs(Popover, { position: "right", children: [
     /* @__PURE__ */ jsx(Popover.Target, { children: /* @__PURE__ */ jsx(ActionIcon, { variant: "light", radius: "xl", children: /* @__PURE__ */ jsx(IconPhoto, { size: 20 }) }) }),
     /* @__PURE__ */ jsx(Popover.Dropdown, { children: credits })
   ] }) });
@@ -17157,7 +17202,7 @@ function SectionWrapper({
   previews,
   translations
 }) {
-  const print = usePrint();
+  const { isPrint, isEmbed } = useMode();
   const showCredits = sectionSettings2.memberImageBg && previews.some(({ image }) => image && (image.url || image.author));
   return /* @__PURE__ */ jsxs(
     PositionWrapper,
@@ -17173,12 +17218,12 @@ function SectionWrapper({
             className: `bespoke-Section-${id} bespoke-Section-container `,
             settings: sectionSettings2,
             styles: sectionStyles?.container,
-            id: name || `section-${id}`,
+            id: slugify_default(name) || `section-${id}`,
             pos: "relative",
             children: [
-              !print && /* @__PURE__ */ jsxs(Group, { position: "right", mb: "xs", children: [
+              !isPrint && /* @__PURE__ */ jsxs(Group, { position: "right", mb: "xs", children: [
                 /* @__PURE__ */ jsx(SectionResetButton, { id }),
-                sectionSettings2.optionsMenu && /* @__PURE__ */ jsx(Options, { sectionId: id, disabled: false })
+                sectionSettings2.optionsMenu && !isEmbed && /* @__PURE__ */ jsx(Options, { sectionId: id, disabled: false })
               ] }),
               /* @__PURE__ */ jsxs(
                 StyleWrapper,
@@ -17205,14 +17250,21 @@ function Section({ section }) {
     ...defaultSectionSettings,
     ...settings
   };
+  const { query } = useRouter();
   const comparison = useComparison();
+  const { isEmbed } = useMode();
   const state = useAppSelector((state2) => state2);
   const status = useAppSelector((state2) => state2.variables.status);
   const previews = useAppSelector((state2) => state2.status.previews);
   const comparisonPreviews = comparison.active && comparison.status ? previews.concat(comparison.status?.previews || []) : previews;
   const sectionStyles = useBespokeStyles()["Section"];
   const blockRecords = selectBlockRecords(state);
-  const sectionBlocks = Object.values(blockRecords || {}).filter((d2) => d2.section_id === id);
+  let sectionBlocks = [];
+  if (isEmbed && query.viz) {
+    sectionBlocks = Object.values(blockRecords || {}).filter((d2) => d2.section_id === id && d2.id === Number(query.viz));
+  } else {
+    sectionBlocks = Object.values(blockRecords || {}).filter((d2) => d2.section_id === id);
+  }
   const sectionTranslations = useBespokeTranslations("sections");
   const translations = { ...DEFAULT_TRANSLATIONS6, ...sectionTranslations };
   const allowedSection = sectionBlocks.some((b2) => {
@@ -17320,7 +17372,7 @@ function Section({ section }) {
       );
     });
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     SectionWrapper,
     {
       id,
@@ -17329,21 +17381,24 @@ function Section({ section }) {
       sectionSettings: sectionSettings2,
       sectionStyles,
       translations,
-      children: /* @__PURE__ */ jsx(
-        ColumnsWrapper,
-        {
-          containerProps: {
-            gap: sectionSettings2.columnGutter || "md",
-            wrap: comparison.active ? "nowrap" : "wrap",
-            sx: { zIndex: 20 }
-          },
-          children: sectionColumns
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx(
+          ColumnsWrapper,
+          {
+            containerProps: {
+              gap: sectionSettings2.columnGutter || "md",
+              wrap: comparison.active ? "nowrap" : "wrap",
+              sx: { zIndex: 20 }
+            },
+            children: sectionColumns
+          }
+        ),
+        isEmbed && /* @__PURE__ */ jsx(EmbedSectionSrc, {})
+      ]
     }
   );
 }
-var DEFAULT_TRANSLATIONS6, getStyles, PositionWrapper, WidthWrapper, StyleWrapper, Section_default;
+var DEFAULT_TRANSLATIONS6, getStyles, PositionWrapper, WidthWrapper, StyleWrapper, EmbedSectionSrc, Section_default;
 var init_Section = __esm({
   "frontend/components/report/Section.tsx"() {
     init_esm_shims();
@@ -17364,6 +17419,9 @@ var init_Section = __esm({
     init_TranslationsProvider();
     init_ImageCredits();
     init_ComparisonProvider();
+    init_ResourceProvider();
+    init_useLocalePrefix();
+    init_slugify();
     DEFAULT_TRANSLATIONS6 = {
       "image_by": "image by"
     };
@@ -17424,18 +17482,56 @@ var init_Section = __esm({
       const sx = [defaultStyles[variant], getStyles(styles, settings)];
       return /* @__PURE__ */ jsx(Paper, { sx, ...defaultProps2[variant], ...props, children });
     };
+    EmbedSectionSrc = () => {
+      const router = useRouter();
+      const { query, locale } = router;
+      const { siteProps, profilePrefix, pathSegment } = useBespoke();
+      const querySlugs = query[pathSegment];
+      const slugs = Array.isArray(querySlugs) ? querySlugs?.join("/") : [];
+      const prefixLocale = useLocalePrefix();
+      let path = prefixLocale ? `/${locale}` : "";
+      path += `/${profilePrefix}/${slugs}/`;
+      const link = new URL(path, window?.location.href).href;
+      return /* @__PURE__ */ jsxs(Group, { position: "apart", noWrap: true, sx: { flexGrow: 1 }, children: [
+        /* @__PURE__ */ jsx(Anchor, { href: link, target: "_blank", children: link }),
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: siteProps.logoSrc,
+            width: "auto",
+            height: 40,
+            alt: "Site Logo"
+          }
+        )
+      ] });
+    };
     Section_default = Section;
   }
 });
-function usePrint() {
-  return useContext(PrintContext);
+function useMode() {
+  const mode = useContext(ModeContext);
+  return {
+    mode,
+    isPrint: mode === MODES.print,
+    isEmbed: mode === MODES.embed,
+    isReport: mode === MODES.report
+  };
 }
-function Report({ pathSegmentsKey = "bespoke" }) {
-  const { asPath, query } = useRouter();
+function Report({ pathSegmentsKey = "bespoke", mode = "report" }) {
+  const router = useRouter();
+  const { asPath, query } = router;
   const sectionList = useSectionList();
   const comparison = useComparison();
-  const print = yn4(query.print) ?? false;
-  const printBtn = yn4(query.printBtn) ?? false;
+  const [reportMode, setReportMode] = useState(mode);
+  useEffect(() => {
+    if (router.isReady) {
+      const { mode: mode2 } = router.query;
+      if (mode2 && typeof mode2 === "string" && Object.values(MODES).includes(mode2)) {
+        setReportMode(mode2);
+      }
+    }
+  }, [router.isReady, router.query]);
+  const printBtn = yn4(router.query.printBtn) ?? false;
   const [downloadLoading, setDownloadLoading] = useState(false);
   const printReport = () => {
     setDownloadLoading(true);
@@ -17450,8 +17546,8 @@ function Report({ pathSegmentsKey = "bespoke" }) {
     });
   };
   useScrollToAnchor();
-  return /* @__PURE__ */ jsxs(PrintContext.Provider, { value: print, children: [
-    print && /* @__PURE__ */ jsx(MediaQuery, { query: "print", styles: { display: "block" }, children: /* @__PURE__ */ jsx(Title, { display: "none", children: "This is the report header" }) }),
+  return /* @__PURE__ */ jsxs(ModeContext.Provider, { value: reportMode, children: [
+    mode === MODES.print && /* @__PURE__ */ jsx(MediaQuery, { query: "print", styles: { display: "block" }, children: /* @__PURE__ */ jsx(Title, { display: "none", children: "This is the report header" }) }),
     /* @__PURE__ */ jsxs(Container, { id: "bespoke-report", className: comparison.comparisonLoaded ? "compare" : "", p: 0, pos: "relative", fluid: true, children: [
       sectionList.isSuccess && sectionList.data.sort(orderSort).map((section) => /* @__PURE__ */ jsx(Section_default, { section }, section.id)),
       /*pdf.active*/
@@ -17459,7 +17555,7 @@ function Report({ pathSegmentsKey = "bespoke" }) {
     ] })
   ] });
 }
-var PrintContext, Report_default;
+var MODES, ModeContext, Report_default;
 var init_Report = __esm({
   "frontend/components/report/Report.tsx"() {
     init_esm_shims();
@@ -17468,7 +17564,12 @@ var init_Report = __esm({
     init_Section();
     init_ComparisonProvider();
     init_useScrollToAnchor();
-    PrintContext = createContext(false);
+    MODES = {
+      report: "report",
+      print: "print",
+      embed: "embed"
+    };
+    ModeContext = createContext("report");
     Report_default = Report;
   }
 });
@@ -25705,14 +25806,15 @@ function BespokeRenderer({
   siteProps,
   profilePrefix = "/defaultPath",
   loader = /* @__PURE__ */ jsx(LoadingOverlay, { visible: true }),
+  mode = "report",
   mantineProviderProps = {}
 }) {
-  const loading = useInitialState(pathSegmentsKey);
+  const loading = useInitialState(pathSegmentsKey, mode);
   if (loading)
     return /* @__PURE__ */ jsx(Fragment, { children: loader });
-  return /* @__PURE__ */ jsx(MantineProvider, { ...mantineProviderProps, theme: { other: { bespokeStyles } }, inherit: true, children: /* @__PURE__ */ jsxs(ResourceProvider, { pathSegment: "bespoke", profilePrefix, siteProps, children: [
-    /* @__PURE__ */ jsx(TranslationsProvider, { translations, children: /* @__PURE__ */ jsx(ComparisonProvider, { children: /* @__PURE__ */ jsx(PdfProvider, { children: /* @__PURE__ */ jsx(Report_default, {}) }) }) }),
-    /* @__PURE__ */ jsx("small", { className: "bespoke-timestamp", children: buildTime })
+  return /* @__PURE__ */ jsx(MantineProvider, { ...mantineProviderProps, theme: { other: { bespokeStyles } }, inherit: true, children: /* @__PURE__ */ jsxs(ResourceProvider, { pathSegment: pathSegmentsKey, profilePrefix, siteProps, children: [
+    /* @__PURE__ */ jsx(TranslationsProvider, { translations, children: /* @__PURE__ */ jsx(ComparisonProvider, { children: /* @__PURE__ */ jsx(PdfProvider, { children: /* @__PURE__ */ jsx(Report_default, { pathSegmentsKey, mode }) }) }) }),
+    /* @__PURE__ */ jsx("small", { className: "bespoke-timestamp", hidden: true, children: buildTime })
   ] }) });
 }