@makeswift/runtime 0.25.0-canary.8 → 0.25.0

package/dist/esm/client/index.js

@@ -17,7 +17,6 @@ import {
   getPropControllerDescriptors,
   isElementReference
 } from "../state/react-page";
-import { MakeswiftSiteVersion } from "../api/site-version";
 import { toIterablePaginationResult } from "../utils/pagination";
 import { deterministicUUID } from "../utils/deterministic-uuid";
 import { Schema } from "@makeswift/controls";
@@ -102,6 +101,11 @@ const makeswiftComponentDocumentFallbackSchema = z.object({
   locale: z.string().nullable(),
   data: z.null()
 });
+const previewTokenPayloadSchema = z.object({
+  payload: z.object({
+    version: z.string()
+  })
+});
 function componentDocumentToRootEmbeddedDocument({
   document,
   documentKey,
@@ -193,13 +197,18 @@ Received "${apiKey}" instead.`
     this.runtime = runtime;
   }
   async fetch(path, siteVersion) {
-    const response = await fetch(new URL(path, this.apiOrigin).toString(), {
-      headers: {
-        ["X-API-Key"]: this.apiKey,
-        "Makeswift-Site-API-Key": this.apiKey,
-        "Makeswift-Site-Version": siteVersion
-      },
-      ...siteVersion === MakeswiftSiteVersion.Working ? { cache: "no-store" } : {},
+    const requestUrl = new URL(path, this.apiOrigin);
+    const requestHeaders = new Headers({
+      "X-API-Key": this.apiKey,
+      "Makeswift-Site-API-Key": this.apiKey
+    });
+    if (siteVersion?.token) {
+      requestUrl.searchParams.set("version", siteVersion.version);
+      requestHeaders.set("makeswift-preview-token", siteVersion.token);
+    }
+    const response = await fetch(requestUrl.toString(), {
+      headers: requestHeaders,
+      ...siteVersion != null ? { cache: "no-store" } : {},
       ...this.fetchOptions(siteVersion)
     });
     return response;
@@ -211,11 +220,11 @@ Received "${apiKey}" instead.`
     return {};
   }
   getPagesInternal = async ({
-    siteVersion = MakeswiftSiteVersion.Live,
+    siteVersion = null,
     ...params
   } = {}) => {
     const queryParams = getPagesQueryParams(params);
-    const response = await this.fetch(`v4/pages?${queryParams.toString()}`, siteVersion);
+    const response = await this.fetch(`v5/pages?${queryParams.toString()}`, siteVersion);
     if (!response.ok) {
       console.error("Failed to get pages", {
         response: await failedResponseBody(response),
@@ -234,11 +243,8 @@ Received "${apiKey}" instead.`
     return parsedResponse.data;
   };
   getPages = toIterablePaginationResult(this.getPagesInternal);
-  async getPage(pathname, {
-    siteVersion = MakeswiftSiteVersion.Live,
-    locale
-  } = {}) {
-    const url = new URL(`v2/pages/${encodeURIComponent(pathname)}`, this.apiOrigin);
+  async getPage(pathname, { siteVersion = null, locale } = {}) {
+    const url = new URL(`v3/pages/${encodeURIComponent(pathname)}`, this.apiOrigin);
     if (locale)
       url.searchParams.set("locale", locale);
     const response = await this.fetch(url.pathname + url.search, siteVersion);
@@ -258,7 +264,7 @@ Received "${apiKey}" instead.`
   async getTypographies(typographyIds, siteVersion) {
     if (typographyIds.length === 0)
       return [];
-    const url = new URL(`v2/typographies/bulk`, this.apiOrigin);
+    const url = new URL(`v3/typographies/bulk`, this.apiOrigin);
     typographyIds.forEach((id) => {
       url.searchParams.append("ids", id);
     });
@@ -276,7 +282,7 @@ Received "${apiKey}" instead.`
   async getSwatches(ids, siteVersion) {
     if (ids.length === 0)
       return [];
-    const url = new URL(`v2/swatches/bulk`, this.apiOrigin);
+    const url = new URL(`v3/swatches/bulk`, this.apiOrigin);
     ids.forEach((id) => {
       url.searchParams.append("ids", id);
     });
@@ -433,7 +439,7 @@ Received "${apiKey}" instead.`
     };
     const siteVersion = await siteVersionPromise;
     const response = await this.fetch(
-      `v3/pages/${encodeURIComponent(pathname)}/document?${queryParams()}`,
+      `v4/pages/${encodeURIComponent(pathname)}/document?${queryParams()}`,
       siteVersion
     );
     if (!response.ok) {
@@ -476,11 +482,11 @@ Received "${apiKey}" instead.`
     const canAttemptLocaleFallback = !baseLocaleWasRequested && allowLocaleFallback;
     let response;
     const responseForRequestedLocale = await this.fetch(
-      `v1/element-trees/${encodeURIComponent(id)}?${searchParams.toString()}`,
+      `v2/element-trees/${encodeURIComponent(id)}?${searchParams.toString()}`,
       siteVersion
     );
     if (responseForRequestedLocale.status === 404 && canAttemptLocaleFallback) {
-      response = await this.fetch(`v1/element-trees/${encodeURIComponent(id)}`, siteVersion);
+      response = await this.fetch(`v2/element-trees/${encodeURIComponent(id)}`, siteVersion);
     } else {
       response = responseForRequestedLocale;
     }
@@ -520,7 +526,7 @@ Received "${apiKey}" instead.`
     };
   }
   async getSwatch(swatchId, siteVersion) {
-    const response = await this.fetch(`v2/swatches/${swatchId}`, siteVersion);
+    const response = await this.fetch(`v3/swatches/${swatchId}`, siteVersion);
     if (!response.ok) {
       if (response.status !== 404) {
         console.error(`Failed to get swatch '${swatchId}'`, {
@@ -541,7 +547,7 @@ Received "${apiKey}" instead.`
     return result.file;
   }
   async getTypography(typographyId, siteVersion) {
-    const response = await this.fetch(`v2/typographies/${typographyId}`, siteVersion);
+    const response = await this.fetch(`v3/typographies/${typographyId}`, siteVersion);
     if (!response.ok) {
       if (response.status !== 404) {
         console.error(`Failed to get typography '${typographyId}'`, {
@@ -555,7 +561,7 @@ Received "${apiKey}" instead.`
     return typography;
   }
   async getGlobalElement(globalElementId, siteVersion) {
-    const response = await this.fetch(`v2/global-elements/${globalElementId}`, siteVersion);
+    const response = await this.fetch(`v3/global-elements/${globalElementId}`, siteVersion);
     if (!response.ok) {
       if (response.status !== 404) {
         console.error(`Failed to get global element '${globalElementId}'`, {
@@ -570,7 +576,7 @@ Received "${apiKey}" instead.`
   }
   async getLocalizedGlobalElement(globalElementId, locale, siteVersion) {
     const response = await this.fetch(
-      `v2/localized-global-elements/${globalElementId}?locale=${locale}`,
+      `v3/localized-global-elements/${globalElementId}?locale=${locale}`,
       siteVersion
     );
     if (!response.ok) {
@@ -589,7 +595,7 @@ Received "${apiKey}" instead.`
   async getPagePathnameSlices(pageIds, siteVersion, { locale }) {
     if (pageIds.length === 0)
       return [];
-    const url = new URL(`v2/page-pathname-slices/bulk`, this.apiOrigin);
+    const url = new URL(`v3/page-pathname-slices/bulk`, this.apiOrigin);
     pageIds.forEach((id) => url.searchParams.append("ids", id));
     if (locale != null)
       url.searchParams.set("locale", locale);
@@ -625,50 +631,51 @@ Received "${apiKey}" instead.`
     );
     return result.table;
   }
-  /**
-   * @deprecated `getSitemap` is deprecated. We recommend constructing a sitemap
-   * using data from `getPages` instead.
-   */
-  async getSitemap({
-    limit = 50,
-    after,
-    pathnamePrefix,
-    locale
-  } = {}) {
-    const url = new URL("v1/sitemap", this.apiOrigin);
-    url.searchParams.set("limit", limit.toString());
-    if (after != null)
-      url.searchParams.set("after", after);
-    if (pathnamePrefix != null)
-      url.searchParams.set("pathnamePrefix", pathnamePrefix);
-    if (locale != null)
-      url.searchParams.set("locale", locale);
-    const response = await this.fetch(url.pathname + url.search, MakeswiftSiteVersion.Live);
-    if (!response.ok) {
-      console.error("Failed to get sitemap ", {
-        response: await failedResponseBody(response),
-        limit,
-        after,
-        pathnamePrefix,
-        locale
-      });
-      throw new Error(`Failed to get sitemap with error: ${responseError(response)}`);
-    }
-    const sitemap = await response.json();
-    return sitemap;
-  }
   getTranslatableData(elementTree) {
     return this.runtime.getTranslatableData(elementTree);
   }
   mergeTranslatedData(elementTree, translatedData) {
     return this.runtime.mergeTranslatedData(elementTree, translatedData);
   }
+  async readPreviewToken(token) {
+    const response = await fetch(new URL("v1/preview-tokens/reads", this.apiOrigin).toString(), {
+      method: "POST",
+      headers: {
+        ["X-API-Key"]: this.apiKey,
+        "Makeswift-Site-API-Key": this.apiKey,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ token }),
+      cache: "no-store"
+    });
+    if (!response.ok) {
+      if (response.status === 401) {
+        console.error(`Preview token is invalid or expired`, {
+          response: await failedResponseBody(response)
+        });
+      } else if (response.status !== 404) {
+        console.error(`Failed to verify preview token`, {
+          response: await failedResponseBody(response)
+        });
+      }
+      return null;
+    }
+    const json = await response.json();
+    const parsed = previewTokenPayloadSchema.safeParse(json);
+    if (!parsed.success) {
+      throw new Error(
+        `Failed to parse preview token payload: ${parsed.error.errors.map((e) => e.message).join("; ")}`
+      );
+    }
+    return parsed.data;
+  }
 }
 export {
   MakeswiftClient,
   SnippetLocation2 as SnippetLocation,
   componentDocumentToRootEmbeddedDocument,
   failedResponseBody,
-  pageToRootDocument
+  pageToRootDocument,
+  previewTokenPayloadSchema
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/client/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  PagePathnameSlice,\n  Swatch,\n  Table,\n  Typography,\n} from '../api'\nimport { GraphQLClient } from '../api/graphql/client'\nimport { FileQuery, IntrospectedResourcesQuery, TableQuery } from '../api/graphql/documents'\nimport {\n  FileQueryResult,\n  FileQueryVariables,\n  IntrospectedResourcesQueryResult,\n  IntrospectedResourcesQueryVariables,\n  SnippetLocation,\n  TableQueryResult,\n  TableQueryVariables,\n} from '../api/graphql/generated/types'\n\nimport { CacheData } from '../api/react'\nimport { Descriptor as PropControllerDescriptor } from '../prop-controllers/descriptors'\nimport {\n  getElementChildren,\n  getSwatchIds,\n  getFileIds,\n  getPageIds,\n  getTableIds,\n  getTypographyIds,\n} from '../prop-controllers/introspection'\nimport { ReactRuntime } from '../runtimes/react'\nimport {\n  type Element,\n  type ElementData,\n  type Data,\n  type Document,\n  getPropControllerDescriptors,\n  isElementReference,\n} from '../state/react-page'\nimport { MakeswiftSiteVersion } from '../api/site-version'\nimport { toIterablePaginationResult } from '../utils/pagination'\nimport { deterministicUUID } from '../utils/deterministic-uuid'\nimport { Schema } from '@makeswift/controls'\nimport { EMBEDDED_DOCUMENT_TYPE, EmbeddedDocument } from '../state/modules/read-only-documents'\n\nexport { SnippetLocation } from '../api/graphql/generated/types'\n\nconst makeswiftPageResultSchema = z.object({\n  id: z.string(),\n  path: z.string(),\n  title: z.string().nullable(),\n  description: z.string().nullable(),\n  canonicalUrl: z.string().nullable(),\n  socialImageUrl: z.string().nullable(),\n  sitemapPriority: z.number().nullable(),\n  sitemapFrequency: z\n    .enum(['always', 'hourly', 'daily', 'weekly', 'monthly', 'yearly', 'never'])\n    .nullable(),\n  createdAt: z.string(),\n  updatedAt: z.string(),\n  publishedAt: z.string().nullable(),\n  isOnline: z.boolean().nullable(),\n  excludedFromSearch: z.boolean().nullable(),\n  locale: z.string(),\n  localizedVariants: z.array(\n    z.object({\n      locale: z.string(),\n      path: z.string(),\n    }),\n  ),\n})\n\nconst makeswiftGetPagesResultAPISchema = z.object({\n  data: z.array(makeswiftPageResultSchema),\n  hasMore: z.boolean(),\n})\n\nconst makeswiftGetPagesParamsSchema = z.object({\n  limit: z.number().optional(),\n  after: z.string().optional(),\n  sortBy: z.enum(['title', 'path', 'description', 'createdAt', 'updatedAt']).optional(),\n  sortDirection: z.enum(['asc', 'desc']).optional(),\n  includeOffline: z.boolean().optional(),\n  pathPrefix: z.string().optional(),\n  locale: z.string().optional(),\n})\n\nfunction getPagesQueryParams({\n  limit = 20,\n  after,\n  sortBy,\n  sortDirection,\n  includeOffline,\n  pathPrefix,\n  locale,\n}: GetPagesParams): URLSearchParams {\n  const params = new URLSearchParams()\n\n  if (limit != null) params.set('limit', limit.toString())\n  if (after != null) params.set('after', after)\n  if (sortBy != null) params.set('sortBy', sortBy)\n  if (sortDirection != null) params.set('sortDirection', sortDirection)\n  if (includeOffline != null) params.set('includeOffline', includeOffline.toString())\n  if (pathPrefix != null) params.set('pathPrefix', pathPrefix)\n  if (locale != null) params.set('locale', locale)\n\n  return params\n}\n\ntype GetPagesParams = z.infer<typeof makeswiftGetPagesParamsSchema>\nexport type MakeswiftPage = z.infer<typeof makeswiftPageResultSchema>\nexport type MakeswiftGetPagesResult = z.infer<typeof makeswiftGetPagesResultAPISchema>\n\nexport type MakeswiftPageDocument = {\n  id: string\n  site: { id: string }\n  data: Element\n  snippets: Snippet[]\n  fonts: Font[]\n  meta: Meta\n  seo: Seo\n  localizedPages: LocalizedPage[]\n  locale: string | null\n}\n\nexport function pageToRootDocument(pageDocument: MakeswiftPageDocument): Document {\n  const { locale, localizedPages, id, data } = pageDocument\n  const localizedPage = localizedPages.find(({ parentId }) => parentId == null)\n  return localizedPage\n    ? { key: localizedPage.elementTreeId, rootElement: localizedPage.data, locale }\n    : { key: id, rootElement: data, locale }\n}\n\nexport type MakeswiftPageSnapshot = {\n  document: MakeswiftPageDocument\n  cacheData: CacheData\n}\n\nconst makeswiftComponentDocumentSchema = z.object({\n  id: z.string(),\n  name: z.string().nullable(),\n  locale: z.string().nullable(),\n  data: Schema.element,\n  siteId: z.string(),\n  inheritsFromParent: z.boolean(),\n})\n\nexport type MakeswiftComponentDocument = z.infer<typeof makeswiftComponentDocumentSchema>\n\nconst makeswiftComponentDocumentFallbackSchema = z.object({\n  id: z.string(),\n  locale: z.string().nullable(),\n  data: z.null(),\n})\n\nexport type MakeswiftComponentDocumentFallback = z.infer<\n  typeof makeswiftComponentDocumentFallbackSchema\n>\n\nexport type MakeswiftComponentSnapshotMetadata = {\n  allowLocaleFallback: boolean\n  requestedLocale: string | null\n}\n\nexport type MakeswiftComponentSnapshot = {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  key: string\n  cacheData: CacheData\n  meta: MakeswiftComponentSnapshotMetadata\n}\n\nexport function componentDocumentToRootEmbeddedDocument({\n  document,\n  documentKey,\n  name,\n  type,\n  description,\n  meta,\n}: {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  documentKey: string\n  name: string\n  type: string\n  description?: string\n  meta: MakeswiftComponentSnapshotMetadata\n}): EmbeddedDocument {\n  const { data: rootElement, locale, id } = document\n\n  if (rootElement != null && rootElement.type !== type) {\n    throw new Error(\n      `Type \"${rootElement.type}\" does not match the expected type \"${type}\" from the snapshot`,\n    )\n  }\n\n  const rootDocument: EmbeddedDocument = {\n    key: documentKey,\n    rootElement: rootElement ?? {\n      // Fallback rootElement\n      // Create a stable uuid so two different clients will have the same empty element data.\n      // This is needed to make presence feature work for an element that is not yet created.\n      key: deterministicUUID({ id, locale, seed: documentKey }),\n      type,\n      props: {},\n    },\n    locale,\n    id,\n    type,\n    name,\n    meta: { ...meta, description },\n    __type: EMBEDDED_DOCUMENT_TYPE,\n  }\n\n  return rootDocument\n}\n\nexport async function failedResponseBody(response: Response): Promise<unknown> {\n  try {\n    const text = await response.text()\n    try {\n      return JSON.parse(text)\n    } catch {\n      return text\n    }\n  } catch (e) {\n    return `Failed to extract response body: ${e}`\n  }\n}\n\nfunction responseError(response: Response): string {\n  return `${response.status} ${response.statusText}`\n}\n\nexport type Snippet = {\n  id: string\n  code: string\n  location: SnippetLocation\n  liveEnabled: boolean\n  builderEnabled: boolean\n  cleanup: string | null\n}\n\ntype Font = { family: string; variants: string[] }\n\ntype Meta = {\n  title?: string | null\n  description?: string | null\n  keywords?: string | null\n  socialImage?: {\n    id: string\n    publicUrl: string\n    mimetype: string\n  } | null\n  favicon?: {\n    id: string\n    publicUrl: string\n    mimetype: string\n  } | null\n}\ntype Seo = {\n  canonicalUrl?: string | null\n  isIndexingBlocked?: boolean | null\n}\n\ntype LocalizedPage = {\n  id: string\n  data: Element\n  elementTreeId: string\n  parentId: string | null\n  meta: Omit<Meta, 'favicon'>\n  seo: Seo\n}\n\ntype MakeswiftConfig = {\n  apiOrigin?: string\n  runtime: ReactRuntime\n}\n\nexport type Sitemap = {\n  id: string\n  loc: string\n  lastmod?: string\n  changefreq?: 'always' | 'hourly' | 'daily' | 'weekly' | 'monthly' | 'yearly' | 'never'\n  priority?: number\n  alternateRefs?: {\n    hreflang: string\n    href: string\n  }[]\n}[]\n\nconst pagePathnameSlicesAPISchema = z.array(\n  z\n    .object({\n      id: z.string(),\n      basePageId: z.string(),\n      pathname: z.string(),\n      localizedPathname: z.string().optional(),\n      __typename: z.literal('PagePathnameSlice'),\n    })\n    .nullable(),\n)\n\nconst getPageAPISchema = z.object({\n  pathname: z.string(),\n  locale: z.string(),\n  alternate: z.array(\n    z.object({\n      pathname: z.string(),\n      locale: z.string(),\n    }),\n  ),\n})\n\ntype GetPageAPI = z.infer<typeof getPageAPISchema>\n\nexport class MakeswiftClient {\n  private graphqlClient: GraphQLClient\n  private runtime: ReactRuntime\n\n  readonly apiKey: string\n  readonly apiOrigin: URL\n\n  constructor(\n    apiKey: string,\n    { apiOrigin = 'https://api.makeswift.com', runtime }: MakeswiftConfig,\n  ) {\n    if (typeof apiKey !== 'string') {\n      throw new Error(\n        'The Makeswift client must be passed a valid Makeswift site API key: ' +\n          \"`new Makeswift('<makeswift_site_api_key>')`\\n\" +\n          `Received \"${apiKey}\" instead.`,\n      )\n    }\n\n    this.apiKey = apiKey\n\n    try {\n      this.apiOrigin = new URL(apiOrigin)\n    } catch {\n      throw new Error(\n        `The Makeswift client received an invalid \\`apiOrigin\\` parameter: \"${apiOrigin}\".`,\n      )\n    }\n\n    this.graphqlClient = new GraphQLClient(new URL('graphql', apiOrigin).href)\n    this.runtime = runtime\n  }\n\n  private async fetch(path: string, siteVersion: MakeswiftSiteVersion): Promise<Response> {\n    const response = await fetch(new URL(path, this.apiOrigin).toString(), {\n      headers: {\n        ['X-API-Key']: this.apiKey,\n        'Makeswift-Site-API-Key': this.apiKey,\n        'Makeswift-Site-Version': siteVersion,\n      },\n      ...(siteVersion === MakeswiftSiteVersion.Working ? { cache: 'no-store' } : {}),\n      ...this.fetchOptions(siteVersion),\n    })\n\n    return response\n  }\n\n  /**\n   * Override this method to provide additional fetch options, e.g. revalidation, cache tags, etc.\n   */\n  fetchOptions(_siteVersion: MakeswiftSiteVersion): Record<string, unknown> {\n    return {}\n  }\n\n  private getPagesInternal = async ({\n    siteVersion = MakeswiftSiteVersion.Live,\n    ...params\n  }: {\n    siteVersion?: MakeswiftSiteVersion\n  } & GetPagesParams = {}): Promise<MakeswiftGetPagesResult> => {\n    const queryParams = getPagesQueryParams(params)\n\n    const response = await this.fetch(`v4/pages?${queryParams.toString()}`, siteVersion)\n    if (!response.ok) {\n      console.error('Failed to get pages', {\n        response: await failedResponseBody(response),\n        siteVersion,\n        params,\n      })\n\n      throw new Error(`Failed to get pages: ${responseError(response)}`)\n    }\n\n    const result = await response.json()\n    const parsedResponse = makeswiftGetPagesResultAPISchema.safeParse(result)\n    if (!parsedResponse.success) {\n      throw new Error(\n        `Failed to parse 'getPages' response: ${parsedResponse.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n    return parsedResponse.data\n  }\n\n  getPages = toIterablePaginationResult(this.getPagesInternal)\n\n  async getPage(\n    pathname: string,\n    {\n      siteVersion = MakeswiftSiteVersion.Live,\n      locale,\n    }: { siteVersion?: MakeswiftSiteVersion; locale?: string } = {},\n  ): Promise<GetPageAPI | null> {\n    const url = new URL(`v2/pages/${encodeURIComponent(pathname)}`, this.apiOrigin)\n    if (locale) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\n    }\n\n    const json = await response.json()\n\n    return getPageAPISchema.parse(json)\n  }\n\n  private async getTypographies(\n    typographyIds: string[],\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<(Typography | null)[]> {\n    if (typographyIds.length === 0) return []\n\n    const url = new URL(`v2/typographies/bulk`, this.apiOrigin)\n\n    typographyIds.forEach(id => {\n      url.searchParams.append('ids', id)\n    })\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get typographies for [${typographyIds.join(', ')}]`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return []\n    }\n\n    const body = await response.json()\n\n    return body\n  }\n\n  private async getSwatches(\n    ids: string[],\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<(Swatch | null)[]> {\n    if (ids.length === 0) return []\n\n    const url = new URL(`v2/swatches/bulk`, this.apiOrigin)\n\n    ids.forEach(id => {\n      url.searchParams.append('ids', id)\n    })\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get swatches for ${ids.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return []\n    }\n\n    return await response.json()\n  }\n\n  private async getIntrospectedResources(\n    {\n      swatchIds,\n      ...introspectedResourceIds\n    }: IntrospectedResourcesQueryVariables & { swatchIds: string[] },\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<IntrospectedResourcesQueryResult & { swatches: (Swatch | null)[] }> {\n    const result = await this.graphqlClient.request<\n      IntrospectedResourcesQueryResult,\n      IntrospectedResourcesQueryVariables\n    >(IntrospectedResourcesQuery, introspectedResourceIds)\n    const swatches = await this.getSwatches(swatchIds, siteVersion)\n\n    return { ...result, swatches }\n  }\n\n  private async introspect(\n    element: Element,\n    siteVersion: MakeswiftSiteVersion,\n    locale: string | null,\n  ): Promise<CacheData> {\n    const runtime = this.runtime\n    const descriptors = getPropControllerDescriptors(runtime.store.getState())\n    const swatchIds = new Set<string>()\n    const fileIds = new Set<string>()\n    const typographyIds = new Set<string>()\n    const tableIds = new Set<string>()\n    const pageIds = new Set<string>()\n    const globalElements = new Map<string, GlobalElement | null>()\n    const localizedGlobalElements = new Map<string, LocalizedGlobalElement | null>()\n    const localizedResourcesMap = new Map<string, string | null>()\n\n    const remaining = [element]\n    const seen = new Set<string>()\n    let current: Element | undefined\n\n    while ((current = remaining.pop())) {\n      let element: ElementData\n\n      if (isElementReference(current)) {\n        const globalElementId = current.value\n        const globalElement = await this.getGlobalElement(globalElementId, siteVersion)\n        let elementData = globalElement?.data\n\n        if (locale) {\n          const localizedGlobalElement = await this.getLocalizedGlobalElement(\n            globalElementId,\n            locale,\n            siteVersion,\n          )\n\n          if (localizedGlobalElement) {\n            // Update the logic here when we can merge element trees\n            elementData = localizedGlobalElement.data\n\n            localizedResourcesMap.set(globalElementId, localizedGlobalElement.id)\n            localizedGlobalElements.set(localizedGlobalElement.id, localizedGlobalElement)\n          }\n        }\n\n        globalElements.set(globalElementId, globalElement)\n\n        if (elementData == null) continue\n\n        element = elementData as ElementData\n      } else {\n        element = current\n      }\n\n      const elementDescriptors = descriptors.get(element.type)\n\n      if (elementDescriptors == null) continue\n\n      getResourcesFromElementDescriptors(elementDescriptors, element.props)\n\n      function getResourcesFromElementDescriptors(\n        elementDescriptors: Record<string, PropControllerDescriptor>,\n        props: ElementData['props'],\n      ) {\n        Object.entries(elementDescriptors).forEach(([propName, descriptor]) => {\n          getSwatchIds(descriptor, props[propName]).forEach(swatchId => {\n            swatchIds.add(swatchId)\n          })\n\n          getFileIds(descriptor, props[propName]).forEach(fileId => fileIds.add(fileId))\n\n          getTypographyIds(descriptor, props[propName]).forEach(typographyId =>\n            typographyIds.add(typographyId),\n          )\n\n          getTableIds(descriptor, props[propName]).forEach(tableId => tableIds.add(tableId))\n\n          getPageIds(descriptor, props[propName]).forEach(pageId => pageIds.add(pageId))\n\n          getElementChildren(descriptor, props[propName]).forEach(child => {\n            if (!seen.has(child.key)) {\n              seen.add(child.key)\n\n              remaining.push(child)\n            }\n          })\n        })\n      }\n    }\n\n    const typographies = await this.getTypographies([...typographyIds], siteVersion)\n\n    typographies.forEach(typography => {\n      typography?.style.forEach(style => {\n        const swatchId = style.value.color?.swatchId\n\n        if (swatchId != null) swatchIds.add(swatchId)\n      })\n    })\n\n    const pagePathnames = await this.getPagePathnameSlices([...pageIds], siteVersion, { locale })\n\n    const { swatches, files, tables } = await this.getIntrospectedResources(\n      {\n        swatchIds: [...swatchIds],\n        fileIds: [...fileIds],\n        tableIds: [...tableIds],\n      },\n      siteVersion,\n    )\n\n    const apiResources = {\n      [APIResourceType.Swatch]: [...swatchIds].map(id => ({\n        id,\n        value: swatches.find(swatch => swatch?.id === id) ?? null,\n      })),\n      [APIResourceType.File]: [...fileIds].map(id => ({\n        id,\n        value: files.find(file => file?.id === id) ?? null,\n      })),\n      [APIResourceType.Typography]: [...typographyIds].map(id => ({\n        id,\n        value: typographies.find(typography => typography?.id === id) ?? null,\n      })),\n      [APIResourceType.Table]: [...tableIds].map(id => ({\n        id,\n        value: tables.find(table => table?.id === id) ?? null,\n      })),\n      [APIResourceType.PagePathnameSlice]: [...pageIds].map(id => ({\n        id,\n        value: pagePathnames.find(pagePathnameSlice => pagePathnameSlice?.id === id) ?? null,\n        locale,\n      })),\n      [APIResourceType.GlobalElement]: [...globalElements.entries()].map(([id, value]) => ({\n        id,\n        value,\n      })),\n      [APIResourceType.LocalizedGlobalElement]: [...localizedGlobalElements.entries()].map(\n        ([id, value]) => ({\n          id,\n          value,\n          locale,\n        }),\n      ),\n    }\n\n    return {\n      apiResources,\n      localizedResourcesMap:\n        locale != null ? { [locale]: Object.fromEntries(localizedResourcesMap.entries()) } : {},\n    }\n  }\n\n  async getPageSnapshot(\n    pathname: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: MakeswiftSiteVersion | Promise<MakeswiftSiteVersion>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftPageSnapshot | null> {\n    const queryParams = (): string => {\n      const params = new URLSearchParams()\n      if (locale) params.set('locale', locale)\n      if (allowLocaleFallback != null) params.set('allowLocaleFallback', `${allowLocaleFallback}`)\n      return params.toString()\n    }\n\n    const siteVersion = await siteVersionPromise\n    const response = await this.fetch(\n      `v3/pages/${encodeURIComponent(pathname)}/document?${queryParams()}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\n    }\n\n    const document: MakeswiftPageDocument = await response.json()\n    const baseLocalizedPage = document.localizedPages.find(({ parentId }) => parentId == null)\n\n    const cacheData = await this.introspect(\n      baseLocalizedPage?.data ?? document.data,\n      siteVersion,\n      // The /v3/pages endpoint returns null for document.locale when the requested locale is the default.\n      // This legacy behavior is set to change with the upcoming /v4/pages endpoint.\n      // We rely on document.locale when reading from the API cache, so ensure the cache is built during\n      // introspection using the same value.\n      document.locale,\n    )\n\n    return {\n      document,\n      cacheData,\n    }\n  }\n\n  async getComponentSnapshot(\n    id: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: MakeswiftSiteVersion | Promise<MakeswiftSiteVersion>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftComponentSnapshot> {\n    const searchParams = new URLSearchParams()\n    if (locale) searchParams.set('locale', locale)\n\n    const siteVersion = await siteVersionPromise\n    const key = deterministicUUID({ id, locale, seed: this.apiKey.split('-').at(0) })\n    const baseLocaleWasRequested = locale == null\n    const canAttemptLocaleFallback = !baseLocaleWasRequested && allowLocaleFallback\n\n    let response\n    const responseForRequestedLocale = await this.fetch(\n      `v1/element-trees/${encodeURIComponent(id)}?${searchParams.toString()}`,\n      siteVersion,\n    )\n\n    if (responseForRequestedLocale.status === 404 && canAttemptLocaleFallback) {\n      response = await this.fetch(`v1/element-trees/${encodeURIComponent(id)}`, siteVersion)\n    } else {\n      response = responseForRequestedLocale\n    }\n\n    if (!response.ok) {\n      if (response.status === 404) {\n        return {\n          document: {\n            id,\n            locale: locale ?? null,\n            data: null,\n          },\n          key,\n          cacheData: CacheData.empty(),\n          meta: {\n            allowLocaleFallback,\n            requestedLocale: locale ?? null,\n          },\n        }\n      }\n\n      console.error(`Failed to get component snapshot for '${id}':`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get component snapshot for '${id}': ${responseError(response)}`)\n    }\n\n    const document = makeswiftComponentDocumentSchema.parse(await response.json())\n    const cacheData = await this.introspect(document.data, siteVersion, locale ?? null)\n\n    return {\n      document,\n      cacheData,\n      key,\n      meta: {\n        allowLocaleFallback,\n        requestedLocale: locale ?? null,\n      },\n    }\n  }\n\n  async getSwatch(swatchId: string, siteVersion: MakeswiftSiteVersion): Promise<Swatch | null> {\n    const response = await this.fetch(`v2/swatches/${swatchId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get swatch '${swatchId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const swatch = await response.json()\n\n    return swatch\n  }\n\n  async getFile(fileId: string): Promise<File | null> {\n    const result = await this.graphqlClient.request<FileQueryResult, FileQueryVariables>(\n      FileQuery,\n      { fileId },\n    )\n\n    return result.file\n  }\n\n  async getTypography(\n    typographyId: string,\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<Typography | null> {\n    const response = await this.fetch(`v2/typographies/${typographyId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get typography '${typographyId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const typography = await response.json()\n\n    return typography\n  }\n\n  async getGlobalElement(\n    globalElementId: string,\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<GlobalElement | null> {\n    const response = await this.fetch(`v2/global-elements/${globalElementId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get global element '${globalElementId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const globalElement = await response.json()\n\n    return globalElement\n  }\n\n  async getLocalizedGlobalElement(\n    globalElementId: string,\n    locale: string,\n    siteVersion: MakeswiftSiteVersion,\n  ): Promise<LocalizedGlobalElement | null> {\n    const response = await this.fetch(\n      `v2/localized-global-elements/${globalElementId}?locale=${locale}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get localized global element '${globalElementId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n          locale,\n        })\n      }\n\n      return null\n    }\n\n    const localizedGlobalElement = await response.json()\n\n    return localizedGlobalElement\n  }\n\n  async getPagePathnameSlices(\n    pageIds: string[],\n    siteVersion: MakeswiftSiteVersion,\n    { locale }: { locale?: string | null },\n  ): Promise<(PagePathnameSlice | null)[]> {\n    if (pageIds.length === 0) return []\n\n    const url = new URL(`v2/page-pathname-slices/bulk`, this.apiOrigin)\n\n    pageIds.forEach(id => url.searchParams.append('ids', id))\n    if (locale != null) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get page pathname slice(s) for ${pageIds.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      return []\n    }\n\n    const json = await response.json()\n\n    const pagePathnameSlices = pagePathnameSlicesAPISchema.parse(json)\n\n    // We're mapping the basePageId to be the id, because we're still using the GraphQL\n    // fragment as our APIResource. The id on the APIResource needs to match the pageId\n    // so that we can find the corresponding page pathname slice when we call getPagePathnameSlice(pageId).\n    // TODO: Update this once we move away from the GraphQL fragments.\n    return pagePathnameSlices.map(pagePathnameSlice => {\n      if (pagePathnameSlice == null) return null\n\n      return {\n        ...pagePathnameSlice,\n        id: pagePathnameSlice.basePageId,\n        localizedPathname: pagePathnameSlice.localizedPathname ?? null,\n      }\n    })\n  }\n\n  async getPagePathnameSlice(\n    pageId: string,\n    siteVersion: MakeswiftSiteVersion,\n    { locale }: { locale?: string } = {},\n  ): Promise<PagePathnameSlice | null> {\n    const pagePathnameSlices = await this.getPagePathnameSlices([pageId], siteVersion, { locale })\n\n    return pagePathnameSlices.at(0) ?? null\n  }\n\n  async getTable(tableId: string): Promise<Table | null> {\n    const result = await this.graphqlClient.request<TableQueryResult, TableQueryVariables>(\n      TableQuery,\n      { tableId },\n    )\n\n    return result.table\n  }\n\n  /**\n   * @deprecated `getSitemap` is deprecated. We recommend constructing a sitemap\n   * using data from `getPages` instead.\n   */\n  async getSitemap({\n    limit = 50,\n    after,\n    pathnamePrefix,\n    locale,\n  }: {\n    limit?: number\n    after?: string\n    pathnamePrefix?: string\n    locale?: string\n  } = {}): Promise<Sitemap> {\n    const url = new URL('v1/sitemap', this.apiOrigin)\n\n    url.searchParams.set('limit', limit.toString())\n    if (after != null) url.searchParams.set('after', after)\n    if (pathnamePrefix != null) url.searchParams.set('pathnamePrefix', pathnamePrefix)\n    if (locale != null) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, MakeswiftSiteVersion.Live)\n\n    if (!response.ok) {\n      console.error('Failed to get sitemap ', {\n        response: await failedResponseBody(response),\n        limit,\n        after,\n        pathnamePrefix,\n        locale,\n      })\n\n      throw new Error(`Failed to get sitemap with error: ${responseError(response)}`)\n    }\n\n    const sitemap = await response.json()\n\n    return sitemap\n  }\n\n  getTranslatableData(elementTree: ElementData): Record<string, Data> {\n    return this.runtime.getTranslatableData(elementTree)\n  }\n\n  mergeTranslatedData(elementTree: ElementData, translatedData: Record<string, Data>): Element {\n    return this.runtime.mergeTranslatedData(elementTree, translatedData)\n  }\n}\n"],"mappings":"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","names":["SnippetLocation","getResourcesFromElementDescriptors","elementDescriptors","element"]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["import { z } from 'zod'\nimport {\n  APIResourceType,\n  File,\n  GlobalElement,\n  LocalizedGlobalElement,\n  PagePathnameSlice,\n  Swatch,\n  Table,\n  Typography,\n} from '../api'\nimport { GraphQLClient } from '../api/graphql/client'\nimport { FileQuery, IntrospectedResourcesQuery, TableQuery } from '../api/graphql/documents'\nimport {\n  FileQueryResult,\n  FileQueryVariables,\n  IntrospectedResourcesQueryResult,\n  IntrospectedResourcesQueryVariables,\n  SnippetLocation,\n  TableQueryResult,\n  TableQueryVariables,\n} from '../api/graphql/generated/types'\n\nimport { CacheData } from '../api/react'\nimport { Descriptor as PropControllerDescriptor } from '../prop-controllers/descriptors'\nimport {\n  getElementChildren,\n  getSwatchIds,\n  getFileIds,\n  getPageIds,\n  getTableIds,\n  getTypographyIds,\n} from '../prop-controllers/introspection'\nimport { ReactRuntime } from '../runtimes/react'\nimport {\n  type Element,\n  type ElementData,\n  type Data,\n  type Document,\n  getPropControllerDescriptors,\n  isElementReference,\n} from '../state/react-page'\nimport { type SiteVersion } from '../api/site-version'\nimport { toIterablePaginationResult } from '../utils/pagination'\nimport { deterministicUUID } from '../utils/deterministic-uuid'\nimport { Schema } from '@makeswift/controls'\nimport { EMBEDDED_DOCUMENT_TYPE, EmbeddedDocument } from '../state/modules/read-only-documents'\n\nexport { SnippetLocation } from '../api/graphql/generated/types'\n\nconst makeswiftPageResultSchema = z.object({\n  id: z.string(),\n  path: z.string(),\n  title: z.string().nullable(),\n  description: z.string().nullable(),\n  canonicalUrl: z.string().nullable(),\n  socialImageUrl: z.string().nullable(),\n  sitemapPriority: z.number().nullable(),\n  sitemapFrequency: z\n    .enum(['always', 'hourly', 'daily', 'weekly', 'monthly', 'yearly', 'never'])\n    .nullable(),\n  createdAt: z.string(),\n  updatedAt: z.string(),\n  publishedAt: z.string().nullable(),\n  isOnline: z.boolean().nullable(),\n  excludedFromSearch: z.boolean().nullable(),\n  locale: z.string(),\n  localizedVariants: z.array(\n    z.object({\n      locale: z.string(),\n      path: z.string(),\n    }),\n  ),\n})\n\nconst makeswiftGetPagesResultAPISchema = z.object({\n  data: z.array(makeswiftPageResultSchema),\n  hasMore: z.boolean(),\n})\n\nconst makeswiftGetPagesParamsSchema = z.object({\n  limit: z.number().optional(),\n  after: z.string().optional(),\n  sortBy: z.enum(['title', 'path', 'description', 'createdAt', 'updatedAt']).optional(),\n  sortDirection: z.enum(['asc', 'desc']).optional(),\n  includeOffline: z.boolean().optional(),\n  pathPrefix: z.string().optional(),\n  locale: z.string().optional(),\n})\n\nfunction getPagesQueryParams({\n  limit = 20,\n  after,\n  sortBy,\n  sortDirection,\n  includeOffline,\n  pathPrefix,\n  locale,\n}: GetPagesParams): URLSearchParams {\n  const params = new URLSearchParams()\n\n  if (limit != null) params.set('limit', limit.toString())\n  if (after != null) params.set('after', after)\n  if (sortBy != null) params.set('sortBy', sortBy)\n  if (sortDirection != null) params.set('sortDirection', sortDirection)\n  if (includeOffline != null) params.set('includeOffline', includeOffline.toString())\n  if (pathPrefix != null) params.set('pathPrefix', pathPrefix)\n  if (locale != null) params.set('locale', locale)\n\n  return params\n}\n\ntype GetPagesParams = z.infer<typeof makeswiftGetPagesParamsSchema>\nexport type MakeswiftPage = z.infer<typeof makeswiftPageResultSchema>\nexport type MakeswiftGetPagesResult = z.infer<typeof makeswiftGetPagesResultAPISchema>\n\nexport type MakeswiftPageDocument = {\n  id: string\n  site: { id: string }\n  data: Element\n  snippets: Snippet[]\n  fonts: Font[]\n  meta: Meta\n  seo: Seo\n  localizedPages: LocalizedPage[]\n  locale: string | null\n}\n\nexport function pageToRootDocument(pageDocument: MakeswiftPageDocument): Document {\n  const { locale, localizedPages, id, data } = pageDocument\n  const localizedPage = localizedPages.find(({ parentId }) => parentId == null)\n  return localizedPage\n    ? { key: localizedPage.elementTreeId, rootElement: localizedPage.data, locale }\n    : { key: id, rootElement: data, locale }\n}\n\nexport type MakeswiftPageSnapshot = {\n  document: MakeswiftPageDocument\n  cacheData: CacheData\n}\n\nconst makeswiftComponentDocumentSchema = z.object({\n  id: z.string(),\n  name: z.string().nullable(),\n  locale: z.string().nullable(),\n  data: Schema.element,\n  siteId: z.string(),\n  inheritsFromParent: z.boolean(),\n})\n\nexport type MakeswiftComponentDocument = z.infer<typeof makeswiftComponentDocumentSchema>\n\nconst makeswiftComponentDocumentFallbackSchema = z.object({\n  id: z.string(),\n  locale: z.string().nullable(),\n  data: z.null(),\n})\n\nexport type MakeswiftComponentDocumentFallback = z.infer<\n  typeof makeswiftComponentDocumentFallbackSchema\n>\n\nexport type MakeswiftComponentSnapshotMetadata = {\n  allowLocaleFallback: boolean\n  requestedLocale: string | null\n}\n\nexport type MakeswiftComponentSnapshot = {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  key: string\n  cacheData: CacheData\n  meta: MakeswiftComponentSnapshotMetadata\n}\n\nexport const previewTokenPayloadSchema = z.object({\n  payload: z.object({\n    version: z.string(),\n  }),\n})\n\nexport type PreviewTokenPayload = z.infer<typeof previewTokenPayloadSchema>\n\nexport function componentDocumentToRootEmbeddedDocument({\n  document,\n  documentKey,\n  name,\n  type,\n  description,\n  meta,\n}: {\n  document: MakeswiftComponentDocument | MakeswiftComponentDocumentFallback\n  documentKey: string\n  name: string\n  type: string\n  description?: string\n  meta: MakeswiftComponentSnapshotMetadata\n}): EmbeddedDocument {\n  const { data: rootElement, locale, id } = document\n\n  if (rootElement != null && rootElement.type !== type) {\n    throw new Error(\n      `Type \"${rootElement.type}\" does not match the expected type \"${type}\" from the snapshot`,\n    )\n  }\n\n  const rootDocument: EmbeddedDocument = {\n    key: documentKey,\n    rootElement: rootElement ?? {\n      // Fallback rootElement\n      // Create a stable uuid so two different clients will have the same empty element data.\n      // This is needed to make presence feature work for an element that is not yet created.\n      key: deterministicUUID({ id, locale, seed: documentKey }),\n      type,\n      props: {},\n    },\n    locale,\n    id,\n    type,\n    name,\n    meta: { ...meta, description },\n    __type: EMBEDDED_DOCUMENT_TYPE,\n  }\n\n  return rootDocument\n}\n\nexport async function failedResponseBody(response: Response): Promise<unknown> {\n  try {\n    const text = await response.text()\n    try {\n      return JSON.parse(text)\n    } catch {\n      return text\n    }\n  } catch (e) {\n    return `Failed to extract response body: ${e}`\n  }\n}\n\nfunction responseError(response: Response): string {\n  return `${response.status} ${response.statusText}`\n}\n\nexport type Snippet = {\n  id: string\n  code: string\n  location: SnippetLocation\n  liveEnabled: boolean\n  builderEnabled: boolean\n  cleanup: string | null\n}\n\ntype Font = { family: string; variants: string[] }\n\ntype Meta = {\n  title?: string | null\n  description?: string | null\n  keywords?: string | null\n  socialImage?: {\n    id: string\n    publicUrl: string\n    mimetype: string\n  } | null\n  favicon?: {\n    id: string\n    publicUrl: string\n    mimetype: string\n  } | null\n}\ntype Seo = {\n  canonicalUrl?: string | null\n  isIndexingBlocked?: boolean | null\n}\n\ntype LocalizedPage = {\n  id: string\n  data: Element\n  elementTreeId: string\n  parentId: string | null\n  meta: Omit<Meta, 'favicon'>\n  seo: Seo\n}\n\ntype MakeswiftConfig = {\n  apiOrigin?: string\n  runtime: ReactRuntime\n}\n\nexport type Sitemap = {\n  id: string\n  loc: string\n  lastmod?: string\n  changefreq?: 'always' | 'hourly' | 'daily' | 'weekly' | 'monthly' | 'yearly' | 'never'\n  priority?: number\n  alternateRefs?: {\n    hreflang: string\n    href: string\n  }[]\n}[]\n\nconst pagePathnameSlicesAPISchema = z.array(\n  z\n    .object({\n      id: z.string(),\n      basePageId: z.string(),\n      pathname: z.string(),\n      localizedPathname: z.string().optional(),\n      __typename: z.literal('PagePathnameSlice'),\n    })\n    .nullable(),\n)\n\nconst getPageAPISchema = z.object({\n  pathname: z.string(),\n  locale: z.string(),\n  alternate: z.array(\n    z.object({\n      pathname: z.string(),\n      locale: z.string(),\n    }),\n  ),\n})\n\ntype GetPageAPI = z.infer<typeof getPageAPISchema>\n\nexport class MakeswiftClient {\n  private graphqlClient: GraphQLClient\n  private runtime: ReactRuntime\n\n  readonly apiKey: string\n  readonly apiOrigin: URL\n\n  constructor(\n    apiKey: string,\n    { apiOrigin = 'https://api.makeswift.com', runtime }: MakeswiftConfig,\n  ) {\n    if (typeof apiKey !== 'string') {\n      throw new Error(\n        'The Makeswift client must be passed a valid Makeswift site API key: ' +\n          \"`new Makeswift('<makeswift_site_api_key>')`\\n\" +\n          `Received \"${apiKey}\" instead.`,\n      )\n    }\n\n    this.apiKey = apiKey\n\n    try {\n      this.apiOrigin = new URL(apiOrigin)\n    } catch {\n      throw new Error(\n        `The Makeswift client received an invalid \\`apiOrigin\\` parameter: \"${apiOrigin}\".`,\n      )\n    }\n\n    this.graphqlClient = new GraphQLClient(new URL('graphql', apiOrigin).href)\n    this.runtime = runtime\n  }\n\n  private async fetch(path: string, siteVersion: SiteVersion | null): Promise<Response> {\n    const requestUrl = new URL(path, this.apiOrigin)\n\n    const requestHeaders = new Headers({\n      'X-API-Key': this.apiKey,\n      'Makeswift-Site-API-Key': this.apiKey,\n    })\n\n    if (siteVersion?.token) {\n      requestUrl.searchParams.set('version', siteVersion.version)\n      requestHeaders.set('makeswift-preview-token', siteVersion.token)\n    }\n\n    const response = await fetch(requestUrl.toString(), {\n      headers: requestHeaders,\n      ...(siteVersion != null ? { cache: 'no-store' } : {}),\n      ...this.fetchOptions(siteVersion),\n    })\n\n    return response\n  }\n\n  /**\n   * Override this method to provide additional fetch options, e.g. revalidation, cache tags, etc.\n   */\n  fetchOptions(_siteVersion: SiteVersion | null): Record<string, unknown> {\n    return {}\n  }\n\n  private getPagesInternal = async ({\n    siteVersion = null,\n    ...params\n  }: {\n    siteVersion?: SiteVersion | null\n  } & GetPagesParams = {}): Promise<MakeswiftGetPagesResult> => {\n    const queryParams = getPagesQueryParams(params)\n\n    const response = await this.fetch(`v5/pages?${queryParams.toString()}`, siteVersion)\n    if (!response.ok) {\n      console.error('Failed to get pages', {\n        response: await failedResponseBody(response),\n        siteVersion,\n        params,\n      })\n\n      throw new Error(`Failed to get pages: ${responseError(response)}`)\n    }\n\n    const result = await response.json()\n    const parsedResponse = makeswiftGetPagesResultAPISchema.safeParse(result)\n    if (!parsedResponse.success) {\n      throw new Error(\n        `Failed to parse 'getPages' response: ${parsedResponse.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n    return parsedResponse.data\n  }\n\n  getPages = toIterablePaginationResult(this.getPagesInternal)\n\n  async getPage(\n    pathname: string,\n    { siteVersion = null, locale }: { siteVersion?: SiteVersion | null; locale?: string } = {},\n  ): Promise<GetPageAPI | null> {\n    const url = new URL(`v3/pages/${encodeURIComponent(pathname)}`, this.apiOrigin)\n    if (locale) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\n    }\n\n    const json = await response.json()\n\n    return getPageAPISchema.parse(json)\n  }\n\n  private async getTypographies(\n    typographyIds: string[],\n    siteVersion: SiteVersion | null,\n  ): Promise<(Typography | null)[]> {\n    if (typographyIds.length === 0) return []\n\n    const url = new URL(`v3/typographies/bulk`, this.apiOrigin)\n\n    typographyIds.forEach(id => {\n      url.searchParams.append('ids', id)\n    })\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get typographies for [${typographyIds.join(', ')}]`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return []\n    }\n\n    const body = await response.json()\n\n    return body\n  }\n\n  private async getSwatches(\n    ids: string[],\n    siteVersion: SiteVersion | null,\n  ): Promise<(Swatch | null)[]> {\n    if (ids.length === 0) return []\n\n    const url = new URL(`v3/swatches/bulk`, this.apiOrigin)\n\n    ids.forEach(id => {\n      url.searchParams.append('ids', id)\n    })\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get swatches for ${ids.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n      })\n\n      return []\n    }\n\n    return await response.json()\n  }\n\n  private async getIntrospectedResources(\n    {\n      swatchIds,\n      ...introspectedResourceIds\n    }: IntrospectedResourcesQueryVariables & { swatchIds: string[] },\n    siteVersion: SiteVersion | null,\n  ): Promise<IntrospectedResourcesQueryResult & { swatches: (Swatch | null)[] }> {\n    const result = await this.graphqlClient.request<\n      IntrospectedResourcesQueryResult,\n      IntrospectedResourcesQueryVariables\n    >(IntrospectedResourcesQuery, introspectedResourceIds)\n    const swatches = await this.getSwatches(swatchIds, siteVersion)\n\n    return { ...result, swatches }\n  }\n\n  private async introspect(\n    element: Element,\n    siteVersion: SiteVersion | null,\n    locale: string | null,\n  ): Promise<CacheData> {\n    const runtime = this.runtime\n    const descriptors = getPropControllerDescriptors(runtime.store.getState())\n    const swatchIds = new Set<string>()\n    const fileIds = new Set<string>()\n    const typographyIds = new Set<string>()\n    const tableIds = new Set<string>()\n    const pageIds = new Set<string>()\n    const globalElements = new Map<string, GlobalElement | null>()\n    const localizedGlobalElements = new Map<string, LocalizedGlobalElement | null>()\n    const localizedResourcesMap = new Map<string, string | null>()\n\n    const remaining = [element]\n    const seen = new Set<string>()\n    let current: Element | undefined\n\n    while ((current = remaining.pop())) {\n      let element: ElementData\n\n      if (isElementReference(current)) {\n        const globalElementId = current.value\n        const globalElement = await this.getGlobalElement(globalElementId, siteVersion)\n        let elementData = globalElement?.data\n\n        if (locale) {\n          const localizedGlobalElement = await this.getLocalizedGlobalElement(\n            globalElementId,\n            locale,\n            siteVersion,\n          )\n\n          if (localizedGlobalElement) {\n            // Update the logic here when we can merge element trees\n            elementData = localizedGlobalElement.data\n\n            localizedResourcesMap.set(globalElementId, localizedGlobalElement.id)\n            localizedGlobalElements.set(localizedGlobalElement.id, localizedGlobalElement)\n          }\n        }\n\n        globalElements.set(globalElementId, globalElement)\n\n        if (elementData == null) continue\n\n        element = elementData as ElementData\n      } else {\n        element = current\n      }\n\n      const elementDescriptors = descriptors.get(element.type)\n\n      if (elementDescriptors == null) continue\n\n      getResourcesFromElementDescriptors(elementDescriptors, element.props)\n\n      function getResourcesFromElementDescriptors(\n        elementDescriptors: Record<string, PropControllerDescriptor>,\n        props: ElementData['props'],\n      ) {\n        Object.entries(elementDescriptors).forEach(([propName, descriptor]) => {\n          getSwatchIds(descriptor, props[propName]).forEach(swatchId => {\n            swatchIds.add(swatchId)\n          })\n\n          getFileIds(descriptor, props[propName]).forEach(fileId => fileIds.add(fileId))\n\n          getTypographyIds(descriptor, props[propName]).forEach(typographyId =>\n            typographyIds.add(typographyId),\n          )\n\n          getTableIds(descriptor, props[propName]).forEach(tableId => tableIds.add(tableId))\n\n          getPageIds(descriptor, props[propName]).forEach(pageId => pageIds.add(pageId))\n\n          getElementChildren(descriptor, props[propName]).forEach(child => {\n            if (!seen.has(child.key)) {\n              seen.add(child.key)\n\n              remaining.push(child)\n            }\n          })\n        })\n      }\n    }\n\n    const typographies = await this.getTypographies([...typographyIds], siteVersion)\n\n    typographies.forEach(typography => {\n      typography?.style.forEach(style => {\n        const swatchId = style.value.color?.swatchId\n\n        if (swatchId != null) swatchIds.add(swatchId)\n      })\n    })\n\n    const pagePathnames = await this.getPagePathnameSlices([...pageIds], siteVersion, { locale })\n\n    const { swatches, files, tables } = await this.getIntrospectedResources(\n      {\n        swatchIds: [...swatchIds],\n        fileIds: [...fileIds],\n        tableIds: [...tableIds],\n      },\n      siteVersion,\n    )\n\n    const apiResources = {\n      [APIResourceType.Swatch]: [...swatchIds].map(id => ({\n        id,\n        value: swatches.find(swatch => swatch?.id === id) ?? null,\n      })),\n      [APIResourceType.File]: [...fileIds].map(id => ({\n        id,\n        value: files.find(file => file?.id === id) ?? null,\n      })),\n      [APIResourceType.Typography]: [...typographyIds].map(id => ({\n        id,\n        value: typographies.find(typography => typography?.id === id) ?? null,\n      })),\n      [APIResourceType.Table]: [...tableIds].map(id => ({\n        id,\n        value: tables.find(table => table?.id === id) ?? null,\n      })),\n      [APIResourceType.PagePathnameSlice]: [...pageIds].map(id => ({\n        id,\n        value: pagePathnames.find(pagePathnameSlice => pagePathnameSlice?.id === id) ?? null,\n        locale,\n      })),\n      [APIResourceType.GlobalElement]: [...globalElements.entries()].map(([id, value]) => ({\n        id,\n        value,\n      })),\n      [APIResourceType.LocalizedGlobalElement]: [...localizedGlobalElements.entries()].map(\n        ([id, value]) => ({\n          id,\n          value,\n          locale,\n        }),\n      ),\n    }\n\n    return {\n      apiResources,\n      localizedResourcesMap:\n        locale != null ? { [locale]: Object.fromEntries(localizedResourcesMap.entries()) } : {},\n    }\n  }\n\n  async getPageSnapshot(\n    pathname: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: SiteVersion | null | Promise<SiteVersion | null>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftPageSnapshot | null> {\n    const queryParams = (): string => {\n      const params = new URLSearchParams()\n      if (locale) params.set('locale', locale)\n      if (allowLocaleFallback != null) params.set('allowLocaleFallback', `${allowLocaleFallback}`)\n      return params.toString()\n    }\n\n    const siteVersion = await siteVersionPromise\n    const response = await this.fetch(\n      `v4/pages/${encodeURIComponent(pathname)}/document?${queryParams()}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      if (response.status === 404) return null\n\n      console.error(`Failed to get page snapshot for '${pathname}'`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get page snapshot for '${pathname}': ${responseError(response)}`)\n    }\n\n    const document: MakeswiftPageDocument = await response.json()\n    const baseLocalizedPage = document.localizedPages.find(({ parentId }) => parentId == null)\n\n    const cacheData = await this.introspect(\n      baseLocalizedPage?.data ?? document.data,\n      siteVersion,\n      // The /v3/pages endpoint returns null for document.locale when the requested locale is the default.\n      // This legacy behavior is set to change with the upcoming /v4/pages endpoint.\n      // We rely on document.locale when reading from the API cache, so ensure the cache is built during\n      // introspection using the same value.\n      document.locale,\n    )\n\n    return {\n      document,\n      cacheData,\n    }\n  }\n\n  async getComponentSnapshot(\n    id: string,\n    {\n      siteVersion: siteVersionPromise,\n      locale,\n      allowLocaleFallback = true,\n    }: {\n      siteVersion: SiteVersion | null | Promise<SiteVersion | null>\n      locale?: string\n      allowLocaleFallback?: boolean\n    },\n  ): Promise<MakeswiftComponentSnapshot> {\n    const searchParams = new URLSearchParams()\n    if (locale) searchParams.set('locale', locale)\n\n    const siteVersion = await siteVersionPromise\n    const key = deterministicUUID({ id, locale, seed: this.apiKey.split('-').at(0) })\n    const baseLocaleWasRequested = locale == null\n    const canAttemptLocaleFallback = !baseLocaleWasRequested && allowLocaleFallback\n\n    let response\n    const responseForRequestedLocale = await this.fetch(\n      `v2/element-trees/${encodeURIComponent(id)}?${searchParams.toString()}`,\n      siteVersion,\n    )\n\n    if (responseForRequestedLocale.status === 404 && canAttemptLocaleFallback) {\n      response = await this.fetch(`v2/element-trees/${encodeURIComponent(id)}`, siteVersion)\n    } else {\n      response = responseForRequestedLocale\n    }\n\n    if (!response.ok) {\n      if (response.status === 404) {\n        return {\n          document: {\n            id,\n            locale: locale ?? null,\n            data: null,\n          },\n          key,\n          cacheData: CacheData.empty(),\n          meta: {\n            allowLocaleFallback,\n            requestedLocale: locale ?? null,\n          },\n        }\n      }\n\n      console.error(`Failed to get component snapshot for '${id}':`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      throw new Error(`Failed to get component snapshot for '${id}': ${responseError(response)}`)\n    }\n\n    const document = makeswiftComponentDocumentSchema.parse(await response.json())\n    const cacheData = await this.introspect(document.data, siteVersion, locale ?? null)\n\n    return {\n      document,\n      cacheData,\n      key,\n      meta: {\n        allowLocaleFallback,\n        requestedLocale: locale ?? null,\n      },\n    }\n  }\n\n  async getSwatch(swatchId: string, siteVersion: SiteVersion | null): Promise<Swatch | null> {\n    const response = await this.fetch(`v3/swatches/${swatchId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get swatch '${swatchId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const swatch = await response.json()\n\n    return swatch\n  }\n\n  async getFile(fileId: string): Promise<File | null> {\n    const result = await this.graphqlClient.request<FileQueryResult, FileQueryVariables>(\n      FileQuery,\n      { fileId },\n    )\n\n    return result.file\n  }\n\n  async getTypography(\n    typographyId: string,\n    siteVersion: SiteVersion | null,\n  ): Promise<Typography | null> {\n    const response = await this.fetch(`v3/typographies/${typographyId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get typography '${typographyId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const typography = await response.json()\n\n    return typography\n  }\n\n  async getGlobalElement(\n    globalElementId: string,\n    siteVersion: SiteVersion | null,\n  ): Promise<GlobalElement | null> {\n    const response = await this.fetch(`v3/global-elements/${globalElementId}`, siteVersion)\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get global element '${globalElementId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n        })\n      }\n\n      return null\n    }\n\n    const globalElement = await response.json()\n\n    return globalElement\n  }\n\n  async getLocalizedGlobalElement(\n    globalElementId: string,\n    locale: string,\n    siteVersion: SiteVersion | null,\n  ): Promise<LocalizedGlobalElement | null> {\n    const response = await this.fetch(\n      `v3/localized-global-elements/${globalElementId}?locale=${locale}`,\n      siteVersion,\n    )\n\n    if (!response.ok) {\n      if (response.status !== 404) {\n        console.error(`Failed to get localized global element '${globalElementId}'`, {\n          response: await failedResponseBody(response),\n          siteVersion,\n          locale,\n        })\n      }\n\n      return null\n    }\n\n    const localizedGlobalElement = await response.json()\n\n    return localizedGlobalElement\n  }\n\n  async getPagePathnameSlices(\n    pageIds: string[],\n    siteVersion: SiteVersion | null,\n    { locale }: { locale?: string | null },\n  ): Promise<(PagePathnameSlice | null)[]> {\n    if (pageIds.length === 0) return []\n\n    const url = new URL(`v3/page-pathname-slices/bulk`, this.apiOrigin)\n\n    pageIds.forEach(id => url.searchParams.append('ids', id))\n    if (locale != null) url.searchParams.set('locale', locale)\n\n    const response = await this.fetch(url.pathname + url.search, siteVersion)\n\n    if (!response.ok) {\n      console.error(`Failed to get page pathname slice(s) for ${pageIds.join(', ')}`, {\n        response: await failedResponseBody(response),\n        siteVersion,\n        locale,\n      })\n\n      return []\n    }\n\n    const json = await response.json()\n\n    const pagePathnameSlices = pagePathnameSlicesAPISchema.parse(json)\n\n    // We're mapping the basePageId to be the id, because we're still using the GraphQL\n    // fragment as our APIResource. The id on the APIResource needs to match the pageId\n    // so that we can find the corresponding page pathname slice when we call getPagePathnameSlice(pageId).\n    // TODO: Update this once we move away from the GraphQL fragments.\n    return pagePathnameSlices.map(pagePathnameSlice => {\n      if (pagePathnameSlice == null) return null\n\n      return {\n        ...pagePathnameSlice,\n        id: pagePathnameSlice.basePageId,\n        localizedPathname: pagePathnameSlice.localizedPathname ?? null,\n      }\n    })\n  }\n\n  async getPagePathnameSlice(\n    pageId: string,\n    siteVersion: SiteVersion | null,\n    { locale }: { locale?: string } = {},\n  ): Promise<PagePathnameSlice | null> {\n    const pagePathnameSlices = await this.getPagePathnameSlices([pageId], siteVersion, { locale })\n\n    return pagePathnameSlices.at(0) ?? null\n  }\n\n  async getTable(tableId: string): Promise<Table | null> {\n    const result = await this.graphqlClient.request<TableQueryResult, TableQueryVariables>(\n      TableQuery,\n      { tableId },\n    )\n\n    return result.table\n  }\n\n  getTranslatableData(elementTree: ElementData): Record<string, Data> {\n    return this.runtime.getTranslatableData(elementTree)\n  }\n\n  mergeTranslatedData(elementTree: ElementData, translatedData: Record<string, Data>): Element {\n    return this.runtime.mergeTranslatedData(elementTree, translatedData)\n  }\n\n  async readPreviewToken(token: string): Promise<PreviewTokenPayload | null> {\n    const response = await fetch(new URL('v1/preview-tokens/reads', this.apiOrigin).toString(), {\n      method: 'POST',\n      headers: {\n        ['X-API-Key']: this.apiKey,\n        'Makeswift-Site-API-Key': this.apiKey,\n        'Content-Type': 'application/json',\n      },\n      body: JSON.stringify({ token }),\n      cache: 'no-store',\n    })\n\n    if (!response.ok) {\n      if (response.status === 401) {\n        console.error(`Preview token is invalid or expired`, {\n          response: await failedResponseBody(response),\n        })\n      } else if (response.status !== 404) {\n        console.error(`Failed to verify preview token`, {\n          response: await failedResponseBody(response),\n        })\n      }\n\n      return null\n    }\n\n    const json = await response.json()\n\n    const parsed = previewTokenPayloadSchema.safeParse(json)\n    if (!parsed.success) {\n      throw new Error(\n        `Failed to parse preview token payload: ${parsed.error.errors.map(e => e.message).join('; ')}`,\n      )\n    }\n\n    return parsed.data\n  }\n}\n"],"mappings":"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","names":["SnippetLocation","getResourcesFromElementDescriptors","elementDescriptors","element"]}

package/dist/esm/components/builtin/Box/animations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Box/animations.tsx"],"sourcesContent":["'use client'\n\nimport { CSSObject } from '@emotion/css'\nimport { useState, useEffect, useCallback, useRef } from 'react'\nimport { ResponsiveValue } from '../../../prop-controllers'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useMediaQuery } from '../../hooks'\nimport { gridItemIdentifierClassName } from '../../shared/grid-item'\nimport {\n  BoxAnimateIn,\n  DEFAULT_BOX_ANIMATE_DELAY,\n  DEFAULT_BOX_ANIMATE_DURATION,\n  DEFAULT_BOX_ANIMATE_TYPE,\n  DEFAULT_ITEM_ANIMATE_TYPE,\n  DEFAULT_ITEM_STAGGER_DURATION,\n} from './constants'\nimport { type ResponsiveNumberValue, type ResponsiveSelectValue } from '@makeswift/prop-controllers'\n\nfunction useElementOnScreen(\n  options: IntersectionObserverInit,\n): [boolean, (element: HTMLElement | null) => void] {\n  const [isVisible, setIsVisible] = useState(false)\n  const intersectionObserverRef = useRef<IntersectionObserver | null>(null)\n\n  const setElement = useCallback((element: HTMLElement | null) => {\n    if (element != null) {\n      const observer = new IntersectionObserver(([entry]) => {\n        if (entry?.isIntersecting) setIsVisible(true)\n      }, options)\n\n      observer.observe(element)\n\n      intersectionObserverRef.current = observer\n    } else {\n      intersectionObserverRef.current?.disconnect()\n\n      intersectionObserverRef.current = null\n    }\n  }, [])\n\n  return [isVisible, setElement]\n}\n\nexport type BoxAnimationProps = {\n  boxAnimateType?: ResponsiveSelectValue<BoxAnimateIn>\n  boxAnimateDuration?: ResponsiveNumberValue\n  boxAnimateDelay?: ResponsiveNumberValue\n  itemAnimateType?: ResponsiveSelectValue<BoxAnimateIn>\n  itemAnimateDuration?: ResponsiveNumberValue\n  itemAnimateDelay?: ResponsiveNumberValue\n  itemStaggerDuration?: ResponsiveNumberValue\n}\n\nfunction compareResponsiveValues<T>(a?: ResponsiveValue<T>, b?: ResponsiveValue<T>) {\n  if (a == null && b == null) {\n    return true\n  }\n  if (a != null && b != null) {\n    let isEqual = true\n    a.forEach((currentA, index) => {\n      const currentB = b.at(index)\n      if (currentB == null) {\n        isEqual = false\n        return\n      }\n\n      if (currentA.deviceId != currentB?.deviceId || currentA.value != currentB.value) {\n        isEqual = false\n      }\n    })\n    return isEqual\n  }\n\n  return false\n}\n\nexport function areBoxAnimationPropsEqual(prevProps: BoxAnimationProps, props: BoxAnimationProps) {\n  return (\n    compareResponsiveValues(prevProps.boxAnimateType, props.boxAnimateType) &&\n    compareResponsiveValues(prevProps.boxAnimateDuration, props.boxAnimateDuration) &&\n    compareResponsiveValues(prevProps.boxAnimateDelay, props.boxAnimateDelay) &&\n    compareResponsiveValues(prevProps.itemAnimateType, props.itemAnimateType) &&\n    compareResponsiveValues(prevProps.itemAnimateDuration, props.itemAnimateDuration) &&\n    compareResponsiveValues(prevProps.itemAnimateDelay, props.itemAnimateDelay) &&\n    compareResponsiveValues(prevProps.itemStaggerDuration, props.itemStaggerDuration)\n  )\n}\n\nconst exitedBoxAnimationProperties: { [key in BoxAnimateIn]: CSSObject } = {\n  none: { opacity: 1 },\n  fadeIn: { opacity: 0 },\n  fadeLeft: { transform: 'translate3d(60px,0,0)', opacity: 0 },\n  fadeRight: { transform: 'translate3d(-60px,0,0)', opacity: 0 },\n  fadeDown: { transform: 'translate3d(0,-80px,0)', opacity: 0 },\n  fadeUp: { transform: 'translate3d(0,80px,0)', opacity: 0 },\n  blurIn: { filter: 'blur(20px)', opacity: 0 },\n  scaleDown: {\n    transform: 'scale(1.2)',\n    opacity: 0,\n  },\n  scaleUp: {\n    transform: 'scale(.75)',\n    opacity: 0,\n  },\n}\n\nconst enteredBoxAnimationProperties: { [key in BoxAnimateIn]: CSSObject } = {\n  none: { opacity: 1 },\n  fadeIn: { opacity: 1 },\n  fadeLeft: { transform: 'translate3d(0px,0,0)', opacity: 1 },\n  fadeRight: { transform: 'translate3d(0px,0,0)', opacity: 1 },\n  fadeDown: { transform: 'translate3d(0,0px,0)', opacity: 1 },\n  fadeUp: { transform: 'translate3d(0,0px,0)', opacity: 1 },\n  blurIn: { filter: 'blur(0px)', opacity: 1 },\n  scaleDown: {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n  scaleUp: {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n}\n\nexport function useBoxAnimation(\n  responsiveAnimationType: ResponsiveValue<BoxAnimateIn> | undefined,\n  responsiveDuration: ResponsiveValue<number> | undefined,\n  responisveDelay: ResponsiveValue<number> | undefined,\n  itemResponsiveAnimationType: ResponsiveValue<BoxAnimateIn> | undefined,\n): [string, () => void, (element: HTMLElement | null) => void] {\n  const [isVisible, setElement] = useElementOnScreen({\n    root: null,\n    rootMargin: `0px 0px -10% 0px`,\n    threshold: 0.2,\n  })\n  const animationType = useMediaQuery(responsiveAnimationType) || DEFAULT_BOX_ANIMATE_TYPE\n  const itemAnimationType = useMediaQuery(itemResponsiveAnimationType) || DEFAULT_ITEM_ANIMATE_TYPE\n  const duration = useMediaQuery(responsiveDuration) || DEFAULT_BOX_ANIMATE_DURATION\n  const delay = useMediaQuery(responisveDelay) || DEFAULT_BOX_ANIMATE_DELAY\n  const actualDelay = delay * 1000\n  const actualDuration = duration * 1000\n\n  const entered = {\n    ...enteredBoxAnimationProperties[animationType],\n    transition: `transform ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms,filter ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms, opacity ${actualDuration}ms ease ${actualDelay}ms`,\n    [`& > div > .${gridItemIdentifierClassName}`]: {\n      ...enteredBoxAnimationProperties[itemAnimationType],\n    },\n  }\n\n  const exited = {\n    ...exitedBoxAnimationProperties[animationType],\n    transition: `all 0ms`,\n    [`& > div > .${gridItemIdentifierClassName}`]: {\n      ...exitedBoxAnimationProperties[itemAnimationType],\n    },\n  }\n\n  const [isEntered, setEntered] = useState(false)\n\n  useEffect(() => {\n    if (isVisible && !isEntered) setEntered(true)\n  }, [isVisible, entered])\n\n  const replayAnimation = useCallback(() => {\n    setEntered(false)\n  }, [])\n\n  return [\n    useStyle({\n      '@media (prefers-reduced-motion: no-preference)': isEntered ? entered : exited,\n    }),\n    replayAnimation,\n    setElement,\n  ]\n}\n\nexport function useItemAnimation(\n  responsiveDuration: ResponsiveValue<number> | undefined,\n  responisveDelay: ResponsiveValue<number> | undefined,\n  responsiveStagger: ResponsiveValue<number> | undefined,\n  index: number,\n) {\n  const duration = useMediaQuery(responsiveDuration) || DEFAULT_BOX_ANIMATE_DURATION\n  const delay = useMediaQuery(responisveDelay) || DEFAULT_BOX_ANIMATE_DELAY\n  const stagger = useMediaQuery(responsiveStagger) || DEFAULT_ITEM_STAGGER_DURATION\n  const delayFromStagger = responsiveStagger == null || index == null ? 0 : stagger * index\n  const actualDelay = (delay + delayFromStagger) * 1000\n  const actualDuration = duration * 1000\n\n  return useStyle({\n    '@media (prefers-reduced-motion: no-preference)': {\n      transition: `transform ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms,filter ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms, opacity ${actualDuration}ms ease ${actualDelay}ms`,\n    },\n  })\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/components/builtin/Box/animations.tsx"],"sourcesContent":["'use client'\n\nimport { type CSSObject } from '@emotion/serialize'\nimport { useState, useEffect, useCallback, useRef } from 'react'\nimport { ResponsiveValue } from '../../../prop-controllers'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useMediaQuery } from '../../hooks'\nimport { gridItemIdentifierClassName } from '../../shared/grid-item'\nimport {\n  BoxAnimateIn,\n  DEFAULT_BOX_ANIMATE_DELAY,\n  DEFAULT_BOX_ANIMATE_DURATION,\n  DEFAULT_BOX_ANIMATE_TYPE,\n  DEFAULT_ITEM_ANIMATE_TYPE,\n  DEFAULT_ITEM_STAGGER_DURATION,\n} from './constants'\nimport { type ResponsiveNumberValue, type ResponsiveSelectValue } from '@makeswift/prop-controllers'\n\nfunction useElementOnScreen(\n  options: IntersectionObserverInit,\n): [boolean, (element: HTMLElement | null) => void] {\n  const [isVisible, setIsVisible] = useState(false)\n  const intersectionObserverRef = useRef<IntersectionObserver | null>(null)\n\n  const setElement = useCallback((element: HTMLElement | null) => {\n    if (element != null) {\n      const observer = new IntersectionObserver(([entry]) => {\n        if (entry?.isIntersecting) setIsVisible(true)\n      }, options)\n\n      observer.observe(element)\n\n      intersectionObserverRef.current = observer\n    } else {\n      intersectionObserverRef.current?.disconnect()\n\n      intersectionObserverRef.current = null\n    }\n  }, [])\n\n  return [isVisible, setElement]\n}\n\nexport type BoxAnimationProps = {\n  boxAnimateType?: ResponsiveSelectValue<BoxAnimateIn>\n  boxAnimateDuration?: ResponsiveNumberValue\n  boxAnimateDelay?: ResponsiveNumberValue\n  itemAnimateType?: ResponsiveSelectValue<BoxAnimateIn>\n  itemAnimateDuration?: ResponsiveNumberValue\n  itemAnimateDelay?: ResponsiveNumberValue\n  itemStaggerDuration?: ResponsiveNumberValue\n}\n\nfunction compareResponsiveValues<T>(a?: ResponsiveValue<T>, b?: ResponsiveValue<T>) {\n  if (a == null && b == null) {\n    return true\n  }\n  if (a != null && b != null) {\n    let isEqual = true\n    a.forEach((currentA, index) => {\n      const currentB = b.at(index)\n      if (currentB == null) {\n        isEqual = false\n        return\n      }\n\n      if (currentA.deviceId != currentB?.deviceId || currentA.value != currentB.value) {\n        isEqual = false\n      }\n    })\n    return isEqual\n  }\n\n  return false\n}\n\nexport function areBoxAnimationPropsEqual(prevProps: BoxAnimationProps, props: BoxAnimationProps) {\n  return (\n    compareResponsiveValues(prevProps.boxAnimateType, props.boxAnimateType) &&\n    compareResponsiveValues(prevProps.boxAnimateDuration, props.boxAnimateDuration) &&\n    compareResponsiveValues(prevProps.boxAnimateDelay, props.boxAnimateDelay) &&\n    compareResponsiveValues(prevProps.itemAnimateType, props.itemAnimateType) &&\n    compareResponsiveValues(prevProps.itemAnimateDuration, props.itemAnimateDuration) &&\n    compareResponsiveValues(prevProps.itemAnimateDelay, props.itemAnimateDelay) &&\n    compareResponsiveValues(prevProps.itemStaggerDuration, props.itemStaggerDuration)\n  )\n}\n\nconst exitedBoxAnimationProperties: { [key in BoxAnimateIn]: CSSObject } = {\n  none: { opacity: 1 },\n  fadeIn: { opacity: 0 },\n  fadeLeft: { transform: 'translate3d(60px,0,0)', opacity: 0 },\n  fadeRight: { transform: 'translate3d(-60px,0,0)', opacity: 0 },\n  fadeDown: { transform: 'translate3d(0,-80px,0)', opacity: 0 },\n  fadeUp: { transform: 'translate3d(0,80px,0)', opacity: 0 },\n  blurIn: { filter: 'blur(20px)', opacity: 0 },\n  scaleDown: {\n    transform: 'scale(1.2)',\n    opacity: 0,\n  },\n  scaleUp: {\n    transform: 'scale(.75)',\n    opacity: 0,\n  },\n}\n\nconst enteredBoxAnimationProperties: { [key in BoxAnimateIn]: CSSObject } = {\n  none: { opacity: 1 },\n  fadeIn: { opacity: 1 },\n  fadeLeft: { transform: 'translate3d(0px,0,0)', opacity: 1 },\n  fadeRight: { transform: 'translate3d(0px,0,0)', opacity: 1 },\n  fadeDown: { transform: 'translate3d(0,0px,0)', opacity: 1 },\n  fadeUp: { transform: 'translate3d(0,0px,0)', opacity: 1 },\n  blurIn: { filter: 'blur(0px)', opacity: 1 },\n  scaleDown: {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n  scaleUp: {\n    transform: 'scale(1)',\n    opacity: 1,\n  },\n}\n\nexport function useBoxAnimation(\n  responsiveAnimationType: ResponsiveValue<BoxAnimateIn> | undefined,\n  responsiveDuration: ResponsiveValue<number> | undefined,\n  responisveDelay: ResponsiveValue<number> | undefined,\n  itemResponsiveAnimationType: ResponsiveValue<BoxAnimateIn> | undefined,\n): [string, () => void, (element: HTMLElement | null) => void] {\n  const [isVisible, setElement] = useElementOnScreen({\n    root: null,\n    rootMargin: `0px 0px -10% 0px`,\n    threshold: 0.2,\n  })\n  const animationType = useMediaQuery(responsiveAnimationType) || DEFAULT_BOX_ANIMATE_TYPE\n  const itemAnimationType = useMediaQuery(itemResponsiveAnimationType) || DEFAULT_ITEM_ANIMATE_TYPE\n  const duration = useMediaQuery(responsiveDuration) || DEFAULT_BOX_ANIMATE_DURATION\n  const delay = useMediaQuery(responisveDelay) || DEFAULT_BOX_ANIMATE_DELAY\n  const actualDelay = delay * 1000\n  const actualDuration = duration * 1000\n\n  const entered = {\n    ...enteredBoxAnimationProperties[animationType],\n    transition: `transform ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms,filter ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms, opacity ${actualDuration}ms ease ${actualDelay}ms`,\n    [`& > div > .${gridItemIdentifierClassName}`]: {\n      ...enteredBoxAnimationProperties[itemAnimationType],\n    },\n  }\n\n  const exited = {\n    ...exitedBoxAnimationProperties[animationType],\n    transition: `all 0ms`,\n    [`& > div > .${gridItemIdentifierClassName}`]: {\n      ...exitedBoxAnimationProperties[itemAnimationType],\n    },\n  }\n\n  const [isEntered, setEntered] = useState(false)\n\n  useEffect(() => {\n    if (isVisible && !isEntered) setEntered(true)\n  }, [isVisible, entered])\n\n  const replayAnimation = useCallback(() => {\n    setEntered(false)\n  }, [])\n\n  return [\n    useStyle({\n      '@media (prefers-reduced-motion: no-preference)': isEntered ? entered : exited,\n    }),\n    replayAnimation,\n    setElement,\n  ]\n}\n\nexport function useItemAnimation(\n  responsiveDuration: ResponsiveValue<number> | undefined,\n  responisveDelay: ResponsiveValue<number> | undefined,\n  responsiveStagger: ResponsiveValue<number> | undefined,\n  index: number,\n) {\n  const duration = useMediaQuery(responsiveDuration) || DEFAULT_BOX_ANIMATE_DURATION\n  const delay = useMediaQuery(responisveDelay) || DEFAULT_BOX_ANIMATE_DELAY\n  const stagger = useMediaQuery(responsiveStagger) || DEFAULT_ITEM_STAGGER_DURATION\n  const delayFromStagger = responsiveStagger == null || index == null ? 0 : stagger * index\n  const actualDelay = (delay + delayFromStagger) * 1000\n  const actualDuration = duration * 1000\n\n  return useStyle({\n    '@media (prefers-reduced-motion: no-preference)': {\n      transition: `transform ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms,filter ${actualDuration}ms cubic-bezier(0.16, 0.84, 0.44, 1) ${actualDelay}ms, opacity ${actualDuration}ms ease ${actualDelay}ms`,\n    },\n  })\n}\n"],"mappings":"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","names":[]}

package/dist/esm/components/builtin/Form/components/Field/services/responsiveField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/components/builtin/Form/components/Field/services/responsiveField.ts"],"sourcesContent":["import { colorToString } from '../../../../../utils/colorToString'\n\nimport {\n  Size,\n  Shape,\n  Contrast,\n  Shapes,\n  Sizes,\n  Contrasts,\n  Value,\n} from '../../../context/FormContext'\nimport { useResponsiveStyle } from '../../../../../utils/responsive-style'\nimport { CSSObject } from '@emotion/css'\n\nexport function getSizeHeight(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 30\n\n    case Sizes.MEDIUM:\n      return 38\n\n    case Sizes.LARGE:\n      return 48\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nexport function getSizeHorizontalPadding(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 8\n\n    case Sizes.MEDIUM:\n      return 12\n\n    case Sizes.LARGE:\n      return 16\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nfunction getSizeVerticalPadding(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 3\n\n    case Sizes.MEDIUM:\n      return 7\n\n    case Sizes.LARGE:\n      return 11\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nexport function getShapeBorderRadius(shape: Shape): number {\n  switch (shape) {\n    case Shapes.SQUARE:\n      return 0\n\n    case Shapes.ROUNDED:\n      return 4\n\n    case Shapes.PILL:\n      return 500\n\n    default:\n      throw new Error(`Invalid form shape \"${shape}\"`)\n  }\n}\n\nexport function getContrastBorderColor(contrast: Contrast, error?: boolean): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return error ? 'rgba(255, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0.25)'\n\n    case Contrasts.DARK:\n      return error ? 'rgba(255, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.6)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nexport function getContrastBackgroundColor(contrast: Contrast): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'white'\n\n    case Contrasts.DARK:\n      return 'rgba(0, 0, 0, 0.7)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nexport function getContrastColor(contrast: Contrast): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'rgba(0, 0, 0, 0.95)'\n\n    case Contrasts.DARK:\n      return 'white'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nfunction getContrastPlaceholderColor(contrast: Contrast) {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'rgba(0, 0, 0, 0.3)'\n\n    case Contrasts.DARK:\n      return 'rgba(255,255,255,0.3)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nexport default function responsiveField(\n  props: Pick<Value, 'shape' | 'size' | 'contrast' | 'brandColor'> & { error?: boolean },\n): CSSObject {\n  return {\n    display: 'block',\n    width: '100%',\n    outline: 'none',\n    borderWidth: 1,\n    borderStyle: 'solid',\n    transition: 'border-color 200ms',\n    ...useResponsiveStyle(\n      [props.shape, props.size, props.contrast, props.brandColor] as const,\n      ([\n        shape = Shapes.ROUNDED,\n        size = Sizes.MEDIUM,\n        contrast = Contrasts.LIGHT,\n        brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 },\n      ]) => ({\n        padding: `${getSizeVerticalPadding(size)}px ${getSizeHorizontalPadding(size)}px`,\n        borderRadius: getShapeBorderRadius(shape),\n        borderColor: getContrastBorderColor(contrast, props.error),\n        color: getContrastColor(contrast),\n        backgroundColor: getContrastBackgroundColor(contrast),\n\n        ':focus, :focus-within': {\n          borderColor: colorToString(brandColor),\n        },\n\n        '::placeholder': {\n          color: getContrastPlaceholderColor(contrast),\n        },\n      }),\n    ),\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../../../../src/components/builtin/Form/components/Field/services/responsiveField.ts"],"sourcesContent":["import { colorToString } from '../../../../../utils/colorToString'\n\nimport {\n  Size,\n  Shape,\n  Contrast,\n  Shapes,\n  Sizes,\n  Contrasts,\n  Value,\n} from '../../../context/FormContext'\nimport { useResponsiveStyle } from '../../../../../utils/responsive-style'\nimport { type CSSObject } from '@emotion/serialize'\n\nexport function getSizeHeight(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 30\n\n    case Sizes.MEDIUM:\n      return 38\n\n    case Sizes.LARGE:\n      return 48\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nexport function getSizeHorizontalPadding(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 8\n\n    case Sizes.MEDIUM:\n      return 12\n\n    case Sizes.LARGE:\n      return 16\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nfunction getSizeVerticalPadding(size: Size): number {\n  switch (size) {\n    case Sizes.SMALL:\n      return 3\n\n    case Sizes.MEDIUM:\n      return 7\n\n    case Sizes.LARGE:\n      return 11\n\n    default:\n      throw new Error(`Invalid form size \"${size}\"`)\n  }\n}\n\nexport function getShapeBorderRadius(shape: Shape): number {\n  switch (shape) {\n    case Shapes.SQUARE:\n      return 0\n\n    case Shapes.ROUNDED:\n      return 4\n\n    case Shapes.PILL:\n      return 500\n\n    default:\n      throw new Error(`Invalid form shape \"${shape}\"`)\n  }\n}\n\nexport function getContrastBorderColor(contrast: Contrast, error?: boolean): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return error ? 'rgba(255, 0, 0, 0.7)' : 'rgba(0, 0, 0, 0.25)'\n\n    case Contrasts.DARK:\n      return error ? 'rgba(255, 0, 0, 0.7)' : 'rgba(255, 255, 255, 0.6)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nexport function getContrastBackgroundColor(contrast: Contrast): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'white'\n\n    case Contrasts.DARK:\n      return 'rgba(0, 0, 0, 0.7)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nexport function getContrastColor(contrast: Contrast): string {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'rgba(0, 0, 0, 0.95)'\n\n    case Contrasts.DARK:\n      return 'white'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nfunction getContrastPlaceholderColor(contrast: Contrast) {\n  switch (contrast) {\n    case Contrasts.LIGHT:\n      return 'rgba(0, 0, 0, 0.3)'\n\n    case Contrasts.DARK:\n      return 'rgba(255,255,255,0.3)'\n\n    default:\n      throw new Error(`Invalid form contrast \"${contrast}\"`)\n  }\n}\n\nexport default function responsiveField(\n  props: Pick<Value, 'shape' | 'size' | 'contrast' | 'brandColor'> & { error?: boolean },\n): CSSObject {\n  return {\n    display: 'block',\n    width: '100%',\n    outline: 'none',\n    borderWidth: 1,\n    borderStyle: 'solid',\n    transition: 'border-color 200ms',\n    ...useResponsiveStyle(\n      [props.shape, props.size, props.contrast, props.brandColor] as const,\n      ([\n        shape = Shapes.ROUNDED,\n        size = Sizes.MEDIUM,\n        contrast = Contrasts.LIGHT,\n        brandColor = { swatch: { hue: 0, saturation: 0, lightness: 0 }, alpha: 1 },\n      ]) => ({\n        padding: `${getSizeVerticalPadding(size)}px ${getSizeHorizontalPadding(size)}px`,\n        borderRadius: getShapeBorderRadius(shape),\n        borderColor: getContrastBorderColor(contrast, props.error),\n        color: getContrastColor(contrast),\n        backgroundColor: getContrastBackgroundColor(contrast),\n\n        ':focus, :focus-within': {\n          borderColor: colorToString(brandColor),\n        },\n\n        '::placeholder': {\n          color: getContrastPlaceholderColor(contrast),\n        },\n      }),\n    ),\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/esm/components/builtin/Image/Image.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useState, useEffect, forwardRef } from "react";
-import NextImage from "next/image";
 import { findBreakpointOverride } from "@makeswift/controls";
 import { placeholders } from "../../utils/placeholders";
 import { Link } from "../../shared/Link";
@@ -9,10 +8,9 @@ import { cx } from "@emotion/css";
 import { useStyle } from "../../../runtimes/react/use-style";
 import { useResponsiveStyle, useResponsiveWidth } from "../../utils/responsive-style";
 import { useFile } from "../../../runtimes/react/hooks/makeswift-api";
-import { major as nextMajorVersion } from "../../../next/next-version";
 import { useBreakpoints } from "../../../runtimes/react/hooks/use-breakpoints";
+import { useFrameworkContext } from "../../../runtimes/react/components/hooks/use-framework-context";
 import { match, P } from "ts-pattern";
-const NextLegacyImage = NextImage;
 function loadImage(src) {
   return new Promise((resolve, reject) => {
     const image = new Image();
@@ -87,21 +85,11 @@ const ImageComponent = forwardRef(function Image2({
     boxShadow,
     className
   );
+  const { Image: Image3 } = useFrameworkContext();
   if (!dimensions)
     return null;
-  return /* @__PURE__ */ jsx(Container, { link, ref, id, className: containerClassName, children: nextMajorVersion < 13 ? /* @__PURE__ */ jsx(
-    NextLegacyImage,
-    {
-      layout: "responsive",
-      src: imageSrc,
-      sizes: imageSizes(breakpoints, width),
-      alt: altText,
-      width: dimensions.width,
-      height: dimensions.height,
-      priority
-    }
-  ) : /* @__PURE__ */ jsx(
-    NextImage,
+  return /* @__PURE__ */ jsx(Container, { link, ref, id, className: containerClassName, children: /* @__PURE__ */ jsx(
+    Image3,
     {
       src: imageSrc,
       priority,