@prezly/theme-kit-nextjs 2.0.0-0 → 2.0.0-2

package/build/adapter-nextjs/page-props/story.js

@@ -1,61 +1,80 @@
-import { getPrezlyApi } from '../../data-fetching';
-import { DUMMY_DEFAULT_LOCALE } from '../../intl';
-import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
-import { getNewsroomStaticProps } from '../getNewsroomStaticProps';
-import { processRequest } from '../processRequest';
-import { processStaticRequest } from '../processStaticRequest';
+import { getPrezlyApi } from "../../data-fetching/index.js";
+import { DUMMY_DEFAULT_LOCALE } from "../../intl/index.js";
+import { getNewsroomServerSideProps } from "../getNewsroomServerSideProps.js";
+import { getNewsroomStaticProps } from "../getNewsroomStaticProps.js";
+import { processRequest } from "../processRequest.js";
+import { processStaticRequest } from "../processStaticRequest.js";
 export function getStoryPageServerSideProps(customProps) {
-    return async function getServerSideProps(context) {
-        const api = getPrezlyApi(context.req);
-        const { slug } = context.params;
-        const story = slug ? await api.getStoryBySlug(slug) : null;
-        if (!story) {
-            return { notFound: true };
+  return async function getServerSideProps(context) {
+    const api = getPrezlyApi(context.req);
+    const {
+      slug
+    } = context.params;
+    const story = slug ? await api.getStoryBySlug(slug) : null;
+    if (!story) {
+      return {
+        notFound: true
+      };
+    }
+    const {
+      serverSideProps
+    } = await getNewsroomServerSideProps(context, {
+      story
+    });
+    const {
+      locale
+    } = context;
+    if (locale && locale !== DUMMY_DEFAULT_LOCALE) {
+      return {
+        redirect: {
+          destination: `/${slug}`,
+          permanent: true
         }
-        const { serverSideProps } = await getNewsroomServerSideProps(context, { story });
-        const { locale } = context;
-        if (locale && locale !== DUMMY_DEFAULT_LOCALE) {
-            return {
-                redirect: {
-                    destination: `/${slug}`,
-                    permanent: true,
-                },
-            };
-        }
-        serverSideProps.newsroomContextProps.currentStory = story;
-        return processRequest(context, {
-            ...serverSideProps,
-            ...(typeof customProps === 'function'
-                ? await customProps(context, serverSideProps)
-                : customProps),
-        });
-    };
+      };
+    }
+    serverSideProps.newsroomContextProps.currentStory = story;
+    return processRequest(context, {
+      ...serverSideProps,
+      ...(typeof customProps === 'function' ? await customProps(context, serverSideProps) : customProps)
+    });
+  };
 }
 export function getStoryPageStaticProps(customProps) {
-    return async function getStaticProps(context) {
-        const api = getPrezlyApi();
-        const { slug } = context.params;
-        const story = slug ? await api.getStoryBySlug(slug) : null;
-        if (!story) {
-            return { notFound: true };
-        }
-        const { staticProps } = await getNewsroomStaticProps(context, { story });
-        staticProps.newsroomContextProps.currentStory = story;
-        return processStaticRequest(context, {
-            ...staticProps,
-            ...(typeof customProps === 'function'
-                ? await customProps(context, staticProps)
-                : customProps),
-        });
-    };
-}
-export async function getStoryPageStaticPaths() {
+  return async function getStaticProps(context) {
     const api = getPrezlyApi();
-    const stories = await api.getAllStories();
-    const paths = stories.map(({ slug }) => ({ params: { slug } }));
-    return {
-        paths,
-        fallback: 'blocking',
-    };
+    const {
+      slug
+    } = context.params;
+    const story = slug ? await api.getStoryBySlug(slug) : null;
+    if (!story) {
+      return {
+        notFound: true
+      };
+    }
+    const {
+      staticProps
+    } = await getNewsroomStaticProps(context, {
+      story
+    });
+    staticProps.newsroomContextProps.currentStory = story;
+    return processStaticRequest(context, {
+      ...staticProps,
+      ...(typeof customProps === 'function' ? await customProps(context, staticProps) : customProps)
+    });
+  };
 }
-//# sourceMappingURL=story.js.map
+export async function getStoryPageStaticPaths() {
+  const api = getPrezlyApi();
+  const stories = await api.getAllStories();
+  const paths = stories.map(({
+    slug
+  }) => ({
+    params: {
+      slug
+    }
+  }));
+  return {
+    paths,
+    fallback: 'blocking'
+  };
+}

package/build/adapter-nextjs/page-props/storyPreview.js

@@ -1,22 +1,27 @@
-import { getPrezlyApi } from '../../data-fetching';
-import { getNewsroomServerSideProps } from '../getNewsroomServerSideProps';
-import { processRequest } from '../processRequest';
+import { getPrezlyApi } from "../../data-fetching/index.js";
+import { getNewsroomServerSideProps } from "../getNewsroomServerSideProps.js";
+import { processRequest } from "../processRequest.js";
 export function getStoryPreviewPageServerSideProps(customProps) {
-    return async function getServerSideProps(context) {
-        const api = getPrezlyApi(context.req);
-        const { uuid } = context.params;
-        const story = await api.getStory(uuid);
-        if (!story) {
-            return { notFound: true };
-        }
-        const { serverSideProps } = await getNewsroomServerSideProps(context, { story });
-        serverSideProps.newsroomContextProps.currentStory = story;
-        return processRequest(context, {
-            ...serverSideProps,
-            ...(typeof customProps === 'function'
-                ? await customProps(context, serverSideProps)
-                : customProps),
-        });
-    };
-}
-//# sourceMappingURL=storyPreview.js.map
+  return async function getServerSideProps(context) {
+    const api = getPrezlyApi(context.req);
+    const {
+      uuid
+    } = context.params;
+    const story = await api.getStory(uuid);
+    if (!story) {
+      return {
+        notFound: true
+      };
+    }
+    const {
+      serverSideProps
+    } = await getNewsroomServerSideProps(context, {
+      story
+    });
+    serverSideProps.newsroomContextProps.currentStory = story;
+    return processRequest(context, {
+      ...serverSideProps,
+      ...(typeof customProps === 'function' ? await customProps(context, serverSideProps) : customProps)
+    });
+  };
+}

package/build/adapter-nextjs/processRequest.js

@@ -1,4 +1,4 @@
-import { getRedirectToCanonicalLocale, getShortestLocaleCode, LocaleObject } from '../intl';
+import { getRedirectToCanonicalLocale, getShortestLocaleCode, LocaleObject } from "../intl/index.js";
 /**
  * This function combines the props returned from `getNewsroomServerSideProps` and your optional custom props for the page.
  * It also handles locale redirects, if `canonicalUrl` parameter is provided.
@@ -9,24 +9,37 @@ import { getRedirectToCanonicalLocale, getShortestLocaleCode, LocaleObject } fro
  * @param canonicalUrl Optional: a canonical URL for the current page without locale part. If provided, locale redirects will be handled by the function.
  */
 export function processRequest(context, props, canonicalUrl) {
-    const { locale: nextLocale, query } = context;
-    const { localeResolved, ...pageProps } = props;
-    // If no locale was provided by Next, it most likely means that the theme is not supporting multi-language.
-    // In that case we won't show 404 page.
-    if (!localeResolved && nextLocale) {
-        return { notFound: true };
-    }
-    if (canonicalUrl) {
-        const { languages, localeCode } = pageProps.newsroomContextProps;
-        const currentLocale = LocaleObject.fromAnyCode(localeCode);
-        const shortestLocaleCode = getShortestLocaleCode(languages, currentLocale);
-        const redirect = getRedirectToCanonicalLocale(shortestLocaleCode, nextLocale, canonicalUrl, query);
-        if (redirect) {
-            return { redirect };
-        }
-    }
+  const {
+    locale: nextLocale,
+    query
+  } = context;
+  const {
+    localeResolved,
+    ...pageProps
+  } = props;
+
+  // If no locale was provided by Next, it most likely means that the theme is not supporting multi-language.
+  // In that case we won't show 404 page.
+  if (!localeResolved && nextLocale) {
     return {
-        props: pageProps,
+      notFound: true
     };
-}
-//# sourceMappingURL=processRequest.js.map
+  }
+  if (canonicalUrl) {
+    const {
+      languages,
+      localeCode
+    } = pageProps.newsroomContextProps;
+    const currentLocale = LocaleObject.fromAnyCode(localeCode);
+    const shortestLocaleCode = getShortestLocaleCode(languages, currentLocale);
+    const redirect = getRedirectToCanonicalLocale(shortestLocaleCode, nextLocale, canonicalUrl, query);
+    if (redirect) {
+      return {
+        redirect
+      };
+    }
+  }
+  return {
+    props: pageProps
+  };
+}

package/build/adapter-nextjs/processStaticRequest.js

@@ -7,16 +7,23 @@
  * @param revalidateTimeout Optional: timeout in seconds to use with Next ISR.
  */
 export function processStaticRequest(context, props, revalidateTimeout) {
-    const { locale: nextLocale } = context;
-    const { localeResolved, ...pageProps } = props;
-    // If no locale was provided by Next, it most likely means that the theme is not supporting multi-language.
-    // In that case we won't show 404 page.
-    if (!localeResolved && nextLocale) {
-        return { notFound: true };
-    }
+  const {
+    locale: nextLocale
+  } = context;
+  const {
+    localeResolved,
+    ...pageProps
+  } = props;
+
+  // If no locale was provided by Next, it most likely means that the theme is not supporting multi-language.
+  // In that case we won't show 404 page.
+  if (!localeResolved && nextLocale) {
     return {
-        props: pageProps,
-        revalidate: revalidateTimeout,
+      notFound: true
     };
-}
-//# sourceMappingURL=processStaticRequest.js.map
+  }
+  return {
+    props: pageProps,
+    revalidate: revalidateTimeout
+  };
+}

package/build/components-nextjs/PageSeo/PageSeo.js

@@ -1,79 +1,89 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { NextSeo } from 'next-seo';
 import { useRouter } from 'next/router';
 import { useMemo } from 'react';
-import { getUsedLanguages, LocaleObject } from '../../intl';
-import { useCompanyInformation, useCurrentLocale, useCurrentStory, useGetLinkLocaleSlug, useGetTranslationUrl, useLanguages, useNewsroom, } from '../../newsroom-context';
-import { getNewsroomLogoUrl } from '../../utils';
-import { getAbsoluteUrl } from './lib/getAbsoluteUrl';
+import { getUsedLanguages, LocaleObject } from "../../intl/index.js";
+import { useCompanyInformation, useCurrentLocale, useCurrentStory, useGetLinkLocaleSlug, useGetTranslationUrl, useLanguages, useNewsroom } from "../../newsroom-context/index.js";
+import { getNewsroomLogoUrl } from "../../utils/index.js";
+import { getAbsoluteUrl } from "./lib/getAbsoluteUrl.js";
 /**
  * This component provides base page attributes for every Newsroom page.
  * It depends on information from NewsroomContext, so the component should be placed inside the `NewsroomContextProvider`.
  * You can pass additional props expected by NextSeo component to override any info that is provided by the NewsroomContext.
  */
-export function PageSeo({ title, description, imageUrl, canonical, openGraph, twitter, ...nextSeoProps }) {
-    const companyInformation = useCompanyInformation();
-    const newsroom = useNewsroom();
-    const currentLocale = useCurrentLocale();
-    const languages = useLanguages();
-    const getTranslationUrl = useGetTranslationUrl();
-    const getLinkLocaleSlug = useGetLinkLocaleSlug();
-    const currentStory = useCurrentStory();
-    const { asPath } = useRouter();
-    const pageTitle = title || companyInformation.name;
-    const pageDescription = description || companyInformation.about_plaintext;
-    const canonicalUrl = canonical || getAbsoluteUrl(asPath, newsroom.url, getLinkLocaleSlug(currentLocale));
-    const siteName = companyInformation.name;
-    const logoUrl = imageUrl || getNewsroomLogoUrl(newsroom);
-    const alternateLanguageLinks = useMemo(() => {
-        if (!languages.length) {
-            return [];
-        }
-        const alternateLanguages = getUsedLanguages(languages).filter((language) => language.code !== currentLocale.toUnderscoreCode());
-        return alternateLanguages
-            .map((language) => {
-            const locale = LocaleObject.fromAnyCode(language.code);
-            const translationLink = getTranslationUrl(locale, true);
-            if (!translationLink) {
-                return undefined;
-            }
-            return {
-                hrefLang: locale.toHyphenCode(),
-                href: getAbsoluteUrl(translationLink, newsroom.url, currentStory && translationLink !== '/' ? false : getLinkLocaleSlug(locale)),
-            };
-        })
-            .filter(Boolean);
-    }, [
-        currentLocale,
-        getLinkLocaleSlug,
-        getTranslationUrl,
-        languages,
-        newsroom.url,
-        currentStory,
-    ]);
-    return (_jsx(NextSeo, { title: pageTitle, description: pageDescription, canonical: canonicalUrl, noindex: nextSeoProps.noindex ?? !newsroom.is_indexable, nofollow: nextSeoProps.nofollow ?? !newsroom.is_indexable, openGraph: {
-            url: canonicalUrl,
-            title: pageTitle,
-            description: pageDescription,
-            locale: currentLocale.toUnderscoreCode(),
-            images: [
-                {
-                    url: logoUrl,
-                    alt: pageTitle,
-                },
-            ],
-            site_name: siteName,
-            ...openGraph,
-        }, twitter: {
-            site: siteName,
-            cardType: 'summary',
-            ...twitter,
-        }, additionalMetaTags: [{ name: 'twitter:image', content: logoUrl }], additionalLinkTags: [
-            {
-                rel: 'alternate',
-                type: 'application/rss+xml',
-                href: getAbsoluteUrl('/feed', newsroom.url),
-            },
-        ], languageAlternates: alternateLanguageLinks, ...nextSeoProps }));
-}
-//# sourceMappingURL=PageSeo.js.map
+export function PageSeo({
+  title,
+  description,
+  imageUrl,
+  canonical,
+  openGraph,
+  twitter,
+  ...nextSeoProps
+}) {
+  const companyInformation = useCompanyInformation();
+  const newsroom = useNewsroom();
+  const currentLocale = useCurrentLocale();
+  const languages = useLanguages();
+  const getTranslationUrl = useGetTranslationUrl();
+  const getLinkLocaleSlug = useGetLinkLocaleSlug();
+  const currentStory = useCurrentStory();
+  const {
+    asPath
+  } = useRouter();
+  const pageTitle = title || companyInformation.name;
+  const pageDescription = description || companyInformation.about_plaintext;
+  const canonicalUrl = canonical || getAbsoluteUrl(asPath, newsroom.url, getLinkLocaleSlug(currentLocale));
+  const siteName = companyInformation.name;
+  const logoUrl = imageUrl || getNewsroomLogoUrl(newsroom);
+  const alternateLanguageLinks = useMemo(() => {
+    if (!languages.length) {
+      return [];
+    }
+    const alternateLanguages = getUsedLanguages(languages).filter(language => language.code !== currentLocale.toUnderscoreCode());
+    return alternateLanguages.map(language => {
+      const locale = LocaleObject.fromAnyCode(language.code);
+      const translationLink = getTranslationUrl(locale, true);
+      if (!translationLink) {
+        return undefined;
+      }
+      return {
+        hrefLang: locale.toHyphenCode(),
+        href: getAbsoluteUrl(translationLink, newsroom.url, currentStory && translationLink !== '/' ? false : getLinkLocaleSlug(locale))
+      };
+    }).filter(Boolean);
+  }, [currentLocale, getLinkLocaleSlug, getTranslationUrl, languages, newsroom.url, currentStory]);
+  return /*#__PURE__*/React.createElement(NextSeo, _extends({
+    title: pageTitle,
+    description: pageDescription,
+    canonical: canonicalUrl,
+    noindex: nextSeoProps.noindex ?? !newsroom.is_indexable,
+    nofollow: nextSeoProps.nofollow ?? !newsroom.is_indexable,
+    openGraph: {
+      url: canonicalUrl,
+      title: pageTitle,
+      description: pageDescription,
+      locale: currentLocale.toUnderscoreCode(),
+      images: [{
+        url: logoUrl,
+        alt: pageTitle
+      }],
+      site_name: siteName,
+      ...openGraph
+    },
+    twitter: {
+      site: siteName,
+      cardType: 'summary',
+      ...twitter
+    },
+    additionalMetaTags: [{
+      name: 'twitter:image',
+      content: logoUrl
+    }],
+    additionalLinkTags: [{
+      rel: 'alternate',
+      type: 'application/rss+xml',
+      href: getAbsoluteUrl('/feed', newsroom.url)
+    }],
+    languageAlternates: alternateLanguageLinks
+  }, nextSeoProps));
+}

package/build/components-nextjs/PageSeo/index.js

@@ -1,3 +1,2 @@
-export { PageSeo } from './PageSeo';
-export * from './lib/types';
-//# sourceMappingURL=index.js.map
+export { PageSeo } from "./PageSeo.js";
+export * from "./lib/types.js";

package/build/components-nextjs/PageSeo/lib/getAbsoluteUrl.js

@@ -1,7 +1,6 @@
 // Returns absolute URL based on the path and without any query parameters
 export function getAbsoluteUrl(path, origin, localeCode) {
-    const url = new URL(`${localeCode ? `/${localeCode}` : ''}${path || '/'}`, origin);
-    url.search = '';
-    return url.toString();
-}
-//# sourceMappingURL=getAbsoluteUrl.js.map
+  const url = new URL(`${localeCode ? `/${localeCode}` : ''}${path || '/'}`, origin);
+  url.search = '';
+  return url.toString();
+}

package/build/components-nextjs/PageSeo/lib/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+export {};

package/build/components-nextjs/StorySeo/StorySeo.js

@@ -1,47 +1,73 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Story } from '@prezly/sdk';
 import { ArticleJsonLd, NextSeo } from 'next-seo';
 /**
  * This components provides additional page attributes for the Story page.
  * It works in conjunction with `PageSeo` component, overidding some of its attributes.
  */
-export function StorySeo({ story, noindex }) {
-    const { title, subtitle, published_at, updated_at, author, oembed, newsroom, summary } = story;
-    const authorName = author?.display_name || author?.email || 'Unknown';
-    const description = subtitle || summary;
-    const indexable = newsroom.is_indexable && story.visibility === Story.Visibility.PUBLIC;
-    return (_jsxs(_Fragment, { children: [_jsx(NextSeo, { title: title, description: description, canonical: oembed.url, noindex: noindex ?? !indexable, nofollow: noindex ?? !indexable, openGraph: {
-                    title,
-                    description,
-                    url: oembed.url,
-                    site_name: newsroom.display_name,
-                    type: 'article',
-                    article: {
-                        publishedTime: published_at || undefined,
-                        modifiedTime: updated_at,
-                        authors: [authorName],
-                    },
-                    ...(oembed.thumbnail_url && {
-                        images: [
-                            {
-                                url: oembed.thumbnail_url,
-                                alt: oembed.title,
-                                width: oembed.thumbnail_width,
-                                height: oembed.thumbnail_height,
-                            },
-                        ],
-                    }),
-                }, additionalMetaTags: oembed.thumbnail_url
-                    ? [
-                        { name: 'twitter:card', content: 'summary_large_image' },
-                        { name: 'twitter:image', content: oembed.thumbnail_url },
-                    ]
-                    : undefined, additionalLinkTags: [
-                    {
-                        rel: 'alternate',
-                        type: 'application/json',
-                        href: `${oembed.url}.json`,
-                    },
-                ] }), _jsx(ArticleJsonLd, { url: oembed.url, title: title, images: oembed.thumbnail_url ? [oembed.thumbnail_url] : [], datePublished: published_at || '', dateModified: updated_at, authorName: [authorName], publisherName: newsroom.display_name, publisherLogo: newsroom.thumbnail_url, description: description })] }));
-}
-//# sourceMappingURL=StorySeo.js.map
+export function StorySeo({
+  story,
+  noindex
+}) {
+  const {
+    title,
+    subtitle,
+    published_at,
+    updated_at,
+    author,
+    oembed,
+    newsroom,
+    summary
+  } = story;
+  const authorName = author?.display_name || author?.email || 'Unknown';
+  const description = subtitle || summary;
+  const indexable = newsroom.is_indexable && story.visibility === Story.Visibility.PUBLIC;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NextSeo, {
+    title: title,
+    description: description,
+    canonical: oembed.url,
+    noindex: noindex ?? !indexable,
+    nofollow: noindex ?? !indexable,
+    openGraph: {
+      title,
+      description,
+      url: oembed.url,
+      site_name: newsroom.display_name,
+      type: 'article',
+      article: {
+        publishedTime: published_at || undefined,
+        modifiedTime: updated_at,
+        authors: [authorName]
+      },
+      ...(oembed.thumbnail_url && {
+        images: [{
+          url: oembed.thumbnail_url,
+          alt: oembed.title,
+          width: oembed.thumbnail_width,
+          height: oembed.thumbnail_height
+        }]
+      })
+    },
+    additionalMetaTags: oembed.thumbnail_url ? [{
+      name: 'twitter:card',
+      content: 'summary_large_image'
+    }, {
+      name: 'twitter:image',
+      content: oembed.thumbnail_url
+    }] : undefined,
+    additionalLinkTags: [{
+      rel: 'alternate',
+      type: 'application/json',
+      href: `${oembed.url}.json`
+    }]
+  }), /*#__PURE__*/React.createElement(ArticleJsonLd, {
+    url: oembed.url,
+    title: title,
+    images: oembed.thumbnail_url ? [oembed.thumbnail_url] : [],
+    datePublished: published_at || '',
+    dateModified: updated_at,
+    authorName: [authorName],
+    publisherName: newsroom.display_name,
+    publisherLogo: newsroom.thumbnail_url,
+    description: description
+  }));
+}

package/build/components-nextjs/StorySeo/index.js

@@ -1,2 +1 @@
-export { StorySeo } from './StorySeo';
-//# sourceMappingURL=index.js.map
+export { StorySeo } from "./StorySeo.js";

package/build/components-nextjs/document.js

@@ -1,21 +1,31 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Document, { Head, Html, Main, NextScript } from 'next/document';
-import { DEFAULT_LOCALE, getLocaleDirection, LocaleObject } from '../intl';
+import { DEFAULT_LOCALE, getLocaleDirection, LocaleObject } from "../intl/index.js";
 export class PrezlyThemeDocument extends Document {
-    getLocaleCode() {
-        const { newsroomContextProps,
-        // eslint-disable-next-line no-underscore-dangle
-         } = this.props.__NEXT_DATA__.props.pageProps;
-        // In some cases (like server errors) the newsroom context props will not be loaded.
-        // We need to fall back to default locale to keep the app working.
-        const { localeCode } = newsroomContextProps ?? { localeCode: DEFAULT_LOCALE };
-        return localeCode;
-    }
-    render() {
-        const locale = LocaleObject.fromAnyCode(this.getLocaleCode());
-        // TODO: The direction can be pulled from the Language object
-        const direction = getLocaleDirection(locale);
-        return (_jsxs(Html, { lang: locale.toHyphenCode(), dir: direction, children: [_jsx(Head, { children: _jsx("meta", { name: "og:locale", content: locale.toHyphenCode() }) }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
-    }
-}
-//# sourceMappingURL=document.js.map
+  getLocaleCode() {
+    const {
+      newsroomContextProps
+      // eslint-disable-next-line no-underscore-dangle
+    } = this.props.__NEXT_DATA__.props.pageProps;
+
+    // In some cases (like server errors) the newsroom context props will not be loaded.
+    // We need to fall back to default locale to keep the app working.
+    const {
+      localeCode
+    } = newsroomContextProps ?? {
+      localeCode: DEFAULT_LOCALE
+    };
+    return localeCode;
+  }
+  render() {
+    const locale = LocaleObject.fromAnyCode(this.getLocaleCode());
+    // TODO: The direction can be pulled from the Language object
+    const direction = getLocaleDirection(locale);
+    return /*#__PURE__*/React.createElement(Html, {
+      lang: locale.toHyphenCode(),
+      dir: direction
+    }, /*#__PURE__*/React.createElement(Head, null, /*#__PURE__*/React.createElement("meta", {
+      name: "og:locale",
+      content: locale.toHyphenCode()
+    })), /*#__PURE__*/React.createElement("body", null, /*#__PURE__*/React.createElement(Main, null), /*#__PURE__*/React.createElement(NextScript, null)));
+  }
+}