@wix/patterns-fields 1.0.0

package/src/hooks/use-resize-effect.ts

@@ -0,0 +1,13 @@
+import { useLayoutEffect } from 'react';
+
+export const useResizeEffect = (listener: () => void) => {
+  useLayoutEffect(() => {
+    listener();
+
+    window.addEventListener('resize', listener);
+
+    return () => {
+      window.removeEventListener('resize', listener);
+    };
+  }, [listener]);
+};

package/src/hooks/use-set-selection-on-focus.ts

@@ -0,0 +1,37 @@
+import type { FocusEvent } from 'react';
+import { useCallback } from 'react';
+
+import { useRequestFrameCallback } from './use-request-callback';
+
+type SelectionOptions = {
+  selectionStart?: number;
+  selectionEnd?: number;
+};
+
+export const useSetSelectionOnFocus = <
+  E extends HTMLInputElement | HTMLTextAreaElement,
+>({ selectionStart = -1, selectionEnd = -1 }: SelectionOptions = {}) => {
+  const requestFrameCallback = useRequestFrameCallback();
+  return useCallback(
+    (e?: FocusEvent<E>) => {
+      const target = e?.target;
+
+      if (!target) {
+        return;
+      }
+
+      target.setSelectionRange(selectionStart, selectionEnd);
+      requestFrameCallback(() => {
+        const valueSize = target.value.length;
+
+        if (
+          valueSize === target.selectionStart &&
+          valueSize === target.selectionEnd
+        ) {
+          target.scrollTop = target.scrollHeight;
+        }
+      });
+    },
+    [requestFrameCallback, selectionStart, selectionEnd],
+  );
+};

package/src/hooks/use-translations.ts

@@ -0,0 +1,16 @@
+import { usePatternsCmsFieldsContainer } from '../providers/PatternsFieldsContainerProvider';
+
+/**
+ * Hook to access translations in field components.
+ * Gets the translate function from PatternsCmsFieldsContainer.
+ *
+ * @returns Translate function for localizing text
+ *
+ * @example
+ * const { translate: t } = useTranslations();
+ * const label = t('CMS.<components-name>.toolbar.button.tooltip');
+ */
+export const useTranslations = () => {
+  const { translate, i18n } = usePatternsCmsFieldsContainer();
+  return { t: translate, i18n };
+};

package/src/hooks/use-with-callback.ts

@@ -0,0 +1,18 @@
+import { useCallback } from 'react';
+
+/**
+ * Wraps a function and calls an optional callback after the function executes.
+ */
+export function useWithCallback<Args extends unknown[], R>(
+  func?: (...args: Args) => R,
+  withCallback?: () => void,
+): (...args: Args) => R | undefined {
+  return useCallback(
+    (...args: Args): R | undefined => {
+      const result = func?.(...args);
+      withCallback?.();
+      return result;
+    },
+    [func, withCallback],
+  );
+}

package/src/hooks/usePersistedState.ts

@@ -0,0 +1,25 @@
+import { useState, useCallback } from 'react';
+
+export function usePersistedState(key: string, defaultValue: string) {
+  const [value, setValue] = useState(() => {
+    try {
+      return localStorage.getItem(key) ?? defaultValue;
+    } catch {
+      return defaultValue;
+    }
+  });
+
+  const setPersistedValue = useCallback(
+    (newValue: string) => {
+      setValue(newValue);
+      try {
+        localStorage.setItem(key, newValue);
+      } catch {
+        // localStorage may be unavailable
+      }
+    },
+    [key],
+  );
+
+  return [value, setPersistedValue] as const;
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './hooks';
+export * from './services';
+export * from './types';
+export * from './utils';

package/src/providers/PatternsFieldsAppContainer.ts

@@ -0,0 +1,51 @@
+import { WixPatternsContainer } from '@wix/patterns';
+import { TaskState } from '@wix/patterns/core';
+import { translationsImportsMap } from '../services/translationsImportsMap';
+import type { Translate } from '../services/translations';
+
+export interface PatternsFieldsAppContainerParams {
+  patternsContainer: WixPatternsContainer;
+}
+
+export class PatternsFieldsAppContainer {
+  readonly patternsContainer;
+  readonly i18n;
+  readonly initTask;
+  readonly translate: Translate;
+
+  constructor(params: PatternsFieldsAppContainerParams) {
+    this.patternsContainer = params.patternsContainer;
+
+    this.initTask = new TaskState();
+
+    this.translate = (key, tParams) => {
+      void this.initTask.status; // status is observable so reading it here starts mobx reactivity
+      return this.i18n.t(key, tParams);
+    };
+
+    const { i18n } = this.patternsContainer.createEssentials({
+      i18n: {
+        useSuspense: false,
+        disableAutoInit: true,
+        asyncMessagesLoader: async (locale) => {
+          const messages = await translationsImportsMap[
+            locale as keyof typeof translationsImportsMap
+          ]?.();
+          return messages?.default ?? messages;
+        },
+      },
+    });
+
+    this.i18n = i18n;
+  }
+
+  init() {
+    const { i18n, initTask, patternsContainer } = this;
+
+    initTask.runOnce(async () => {
+      patternsContainer.initTask.runOnce();
+      await i18n.init();
+      await patternsContainer.initTask.status.promise;
+    });
+  }
+}

package/src/providers/PatternsFieldsContainerProvider.ts

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+import type { PatternsFieldsAppContainer } from './PatternsFieldsAppContainer';
+
+const Context = createContext<PatternsFieldsAppContainer>(null!);
+
+export const PatternsFieldsContainerProvider = Context.Provider;
+export const PatternsCmsFieldsContainerConsumer = Context.Consumer;
+export const PatternsCmsFieldsContainerContext = Context;
+export const usePatternsCmsFieldsContainer = () => useContext(Context);

package/src/providers/index.ts

@@ -0,0 +1,8 @@
+export { PatternsFieldsAppContainer } from './PatternsFieldsAppContainer';
+export type { PatternsFieldsAppContainerParams } from './PatternsFieldsAppContainer';
+export {
+  PatternsFieldsContainerProvider,
+  PatternsCmsFieldsContainerConsumer,
+  PatternsCmsFieldsContainerContext,
+  usePatternsCmsFieldsContainer,
+} from './PatternsFieldsContainerProvider';

package/src/services/atlas/atlas-service-mock.ts

@@ -0,0 +1,20 @@
+import type { AtlasService, AtlasAddress } from './types';
+
+export const createAtlasServiceMock = (
+  searchResults: AtlasAddress[] = [],
+): AtlasService => ({
+  searchAddress: jest.fn().mockResolvedValue(searchResults),
+});
+
+export const createAsyncAtlasServiceMock = (
+  searchResults: AtlasAddress[] = [],
+  delay = 1000,
+): AtlasService => ({
+  searchAddress: jest.fn().mockImplementation(() => {
+    return new Promise((resolve) => {
+      setTimeout(() => {
+        resolve(searchResults);
+      }, delay);
+    });
+  }),
+});

package/src/services/atlas/index.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './utils';
+export * from './wix-atlas-service';

package/src/services/atlas/types.ts

@@ -0,0 +1,14 @@
+import { location } from '@wix/atlas';
+
+/**
+ * The @wix/atlas SDK types are auto-generated from public API schemas and are incomplete.
+ */
+type SdkAddress = NonNullable<location.SearchResult['address']>;
+
+export interface AtlasAddress extends SdkAddress {
+  formatted?: string;
+}
+
+export interface AtlasService {
+  searchAddress: (query: string) => Promise<AtlasAddress[]>;
+}

package/src/services/atlas/utils.ts

@@ -0,0 +1,11 @@
+import type { Address } from '../../types/address';
+import type { AtlasAddress } from './types';
+import { omitNullish } from '../../utils';
+
+/**
+ * Converts an Atlas API address to our internal Address type
+ */
+export const atlasAddressToAddress = (address: AtlasAddress): Address => {
+  // @ts-expect-error - omitNullish removes null values at runtime, but TS can't narrow the type
+  return omitNullish(address);
+};

package/src/services/atlas/wix-atlas-service.ts

@@ -0,0 +1,25 @@
+import { location } from '@wix/atlas';
+
+import type { AtlasService, AtlasAddress } from './types';
+import { isTruthy } from '../../utils';
+
+/**
+ * Wix Atlas service implementation for address search/autocomplete
+ * Uses the public @wix/atlas SDK which handles authentication automatically
+ */
+export class WixAtlasService implements AtlasService {
+  async searchAddress(query: string): Promise<AtlasAddress[]> {
+    try {
+      const response = await location.search({ query });
+
+      return (
+        response.searchResults
+          ?.map((result) => result.address)
+          .filter(isTruthy) ?? []
+      );
+    } catch (error) {
+      console.error('Failed to search address:', error);
+      throw error;
+    }
+  }
+}

package/src/services/index.ts

@@ -0,0 +1 @@
+export * from './atlas';

package/src/services/patternsFieldsTranslations.ts

@@ -0,0 +1,8 @@
+export type PatternsFieldsTranslations = Partial<
+  typeof import('../assets/locale/messages_en.json')
+>;
+
+// `vite` imports JSON with `default` namespace
+export type PatternsFieldsTranslationsOrDefault =
+  | (PatternsFieldsTranslations & { default?: undefined })
+  | { default: PatternsFieldsTranslations };

package/src/services/translations.ts

@@ -0,0 +1,173 @@
+// DO NOT UPDATE THIS FILE! This file was auto-generated by generate-keys.ts
+export type TranslationsKeys =
+  | 'CMS.document.add.button.text'
+  | 'CMS.document.addMore.button.text'
+  | 'CMS.document.action.open'
+  | 'CMS.document.action.download'
+  | 'CMS.document.action.replace'
+  | 'CMS.document.action.replaceWithUrl'
+  | 'CMS.document.action.delete'
+  | 'CMS.document.pasteUrl.button'
+  | 'CMS.document.pasteUrl.title'
+  | 'CMS.document.replaceWithUrl.title'
+  | 'CMS.document.delete.confirm'
+  | 'CMS.document.delete.cancel'
+  | 'CMS.mediaControl.pasteUrl.button.save'
+  | 'CMS.mediaControl.pasteUrl.button.cancel'
+  | 'CMS.mediaControl.pasteUrl.placeholder.document'
+  | 'CMS.mediaControl.pasteUrl.placeholder.image'
+  | 'CMS.mediaControl.pasteUrl.error.document'
+  | 'CMS.mediaControl.pasteUrl.error.image'
+  | 'auto-patterns.filters.has_value'
+  | 'auto-patterns.filters.no_value'
+  | 'auto-patterns.fields.type_mismatch_convert_disabled'
+  | 'auto-patterns.fields.type_mismatch_clear'
+  | 'auto-patterns.fields.field_type_object_title'
+  | 'auto-patterns.fields.field_type_array_title'
+  | 'auto-patterns.fields.field_type_address_title'
+  | 'auto-patterns.fields.field_type_time_title'
+  | 'auto-patterns.time_input.placeholder'
+  | 'auto-patterns.time_input.invalid_message'
+  | 'auto-patterns.fields.no_results_found'
+  | 'auto-patterns.fields.no_items'
+  | 'auto-patterns.fields.select_placeholder'
+  | 'auto-patterns.fields.field_type_address_placeholder'
+  | 'auto-patterns.fields.field_type_rich_text_title'
+  | 'auto-patterns.fields.field_type_rich_content_title'
+  | 'auto-patterns.fields.field_type_video_title'
+  | 'auto-patterns.fields.add_video_tooltip'
+  | 'auto-patterns.fields.replace_video_tooltip'
+  | 'auto-patterns.fields.more_actions_tooltip'
+  | 'auto-patterns.fields.preview_video'
+  | 'auto-patterns.fields.download_video'
+  | 'auto-patterns.fields.remove_video'
+  | 'auto-patterns.fields.field_type_multi_document_title'
+  | 'auto-patterns.fields.field_type_email_title'
+  | 'auto-patterns.fields.email_input_error'
+  | 'CMS.richTextEditor.toolbar.button.link.cancel'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h1.subtitle'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h1.title'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h2.subtitle'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h2.title'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h3.subtitle'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h3.title'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h4.subtitle'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h4.title'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h5.subtitle'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h5.title'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h6.subtitle'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.h6.title'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.p1.subtitle'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.p1.title'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.p2.subtitle'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.p2.title'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.p3.subtitle'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.option.p3.title'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.button.info'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.button.info.link'
+  | 'CMS.richTextEditor.toolbar.headerDropdown.help.text'
+  | 'CMS.richTextEditor.toolbar.button.tooltip.align'
+  | 'CMS.richTextEditor.toolbar.button.tooltip.bold'
+  | 'CMS.richTextEditor.toolbar.button.tooltip.clear-formation'
+  | 'CMS.richTextEditor.toolbar.button.tooltip.full-screen.exit'
+  | 'CMS.richTextEditor.toolbar.button.tooltip.full-screen'
+  | 'CMS.richTextEditor.toolbar.header'
+  | 'CMS.richTextEditor.toolbar.button.tooltip.italic'
+  | 'CMS.richTextEditor.toolbar.button.link'
+  | 'CMS.richTextEditor.toolbar.button.tooltip.ol'
+  | 'CMS.richTextEditor.toolbar.button.tooltip.ul'
+  | 'CMS.richTextEditor.toolbar.button.tooltip.underline'
+  | 'CMS.richTextEditor.toolbar.button.link.paste.url.title'
+  | 'CMS.richTextEditor.toolbar.button.link.paste.url.placeholder'
+  | 'CMS.richTextEditor.toolbar.button.link.save'
+  | 'CMS.richContentCommon.publishLoader'
+  | 'auto-patterns.fields.field_type_audio_title'
+  | 'CMS.audio.button.add'
+  | 'CMS.audio.button.replace'
+  | 'CMS.audio.button.download'
+  | 'CMS.audio.button.delete'
+  | 'CMS.mediaGallery.addGallery'
+  | 'CMS.mediaGallery.emptyHint'
+  | 'CMS.mediaGallery.manageGallery'
+  | 'CMS.mediaGallery.preview'
+  | 'CMS.mediaGallery.clear'
+  | 'CMS.mediaGallery.addMedia'
+  | 'CMS.mediaGallery.replaceItem'
+  | 'CMS.mediaGallery.preview.replace'
+  | 'CMS.mediaGallery.preview.download'
+  | 'CMS.mediaGallery.preview.delete'
+  | 'CMS.mediaGallery.preview.previousItem'
+  | 'CMS.mediaGallery.preview.nextItem'
+  | 'CMS.mediaGallery.noItems.title'
+  | 'CMS.mediaGallery.noItems.subtitle'
+  | 'CMS.mediaGallery.noItems.addMedia'
+  | 'CMS.mediaGallery.addLink.titleImage'
+  | 'CMS.mediaGallery.addLink.titleVideo'
+  | 'CMS.mediaGallery.addLink.subtitleImage'
+  | 'CMS.mediaGallery.addLink.subtitleVideo'
+  | 'CMS.mediaGallery.addLink.urlLabel'
+  | 'CMS.mediaGallery.addLink.invalidUrl'
+  | 'CMS.mediaGallery.addLink.targetLabel'
+  | 'CMS.mediaGallery.addLink.newTab'
+  | 'CMS.mediaGallery.addLink.currentTab'
+  | 'CMS.mediaGallery.addLink.save'
+  | 'CMS.mediaGallery.addLink.cancel'
+  | 'CMS.mediaGallery.dialog.emptySearchResultsTitle'
+  | 'CMS.mediaGallery.dialog.emptySearchResultsSubtitle'
+  | 'CMS.mediaGallery.dialog.modalDone'
+  | 'CMS.mediaGallery.dialog.modalDoneEmpty'
+  | 'CMS.mediaGallery.dialog.modalTitle'
+  | 'CMS.mediaGallery.dialog.selectionSelectAll'
+  | 'CMS.mediaGallery.dialog.selectionDeselectAll'
+  | 'CMS.mediaGallery.dialog.selectionDelete'
+  | 'CMS.mediaGallery.dialog.sortLabel'
+  | 'CMS.mediaGallery.dialog.sortByTitleAsc'
+  | 'CMS.mediaGallery.dialog.sortByTitleDesc'
+  | 'CMS.mediaGallery.dialog.sortByFilenameAsc'
+  | 'CMS.mediaGallery.dialog.sortByFilenameDesc'
+  | 'CMS.mediaGallery.dialog.searchPlaceholder'
+  | 'CMS.mediaGallery.dialog.settingsTitle'
+  | 'CMS.mediaGallery.dialog.settingsNewItemsDirectionLabel'
+  | 'CMS.mediaGallery.dialog.settingsNewItemsDirectionStart'
+  | 'CMS.mediaGallery.dialog.settingsNewItemsDirectionEnd'
+  | 'CMS.mediaGallery.dialog.settingsNewItemsTitleLabel'
+  | 'CMS.mediaGallery.dialog.settingsNewItemsTitleEmpty'
+  | 'CMS.mediaGallery.dialog.settingsNewItemsTitleFilename'
+  | 'CMS.mediaGallery.dialog.itemTitleLabel'
+  | 'CMS.mediaGallery.dialog.itemTitlePlaceholder'
+  | 'CMS.mediaGallery.dialog.itemDescriptionLabel'
+  | 'CMS.mediaGallery.dialog.itemDescriptionPlaceholder'
+  | 'CMS.mediaGallery.dialog.itemAltLabel'
+  | 'CMS.mediaGallery.dialog.itemAltTooltip'
+  | 'CMS.mediaGallery.dialog.itemAltPlaceholder'
+  | 'CMS.mediaGallery.dialog.itemDeleteTooltip'
+  | 'CMS.mediaGallery.dialog.itemFocalPointTooltip'
+  | 'CMS.mediaGallery.dialog.masonryLayoutTooltip'
+  | 'CMS.mediaGallery.dialog.gridLayoutTooltip'
+  | 'CMS.mediaGallery.dialog.externalLinkLabel'
+  | 'CMS.mediaGallery.dialog.externalLinkButtonEdit'
+  | 'CMS.mediaGallery.dialog.externalLinkButtonAdd'
+  | 'CMS.mediaGallery.dialog.externalLinkTextPlaceholder'
+  | 'CMS.document.delete.title'
+  | 'CMS.document.delete.message'
+  | 'auto-patterns.fields.type_mismatch_convert'
+  | 'auto-patterns.fields.type_mismatch_tip'
+  | 'CMS.mediaGallery.dialog.selectionSelected';
+
+export type Translate = {
+  (key: TranslationsKeys, params?: Record<string, string | number>): string;
+  (key: 'CMS.document.delete.title', params: { filename: string }): string;
+  (key: 'CMS.document.delete.message', params: { filename: string }): string;
+  (
+    key: 'auto-patterns.fields.type_mismatch_convert',
+    params: { typeName: string },
+  ): string;
+  (
+    key: 'auto-patterns.fields.type_mismatch_tip',
+    params: { typeName: string },
+  ): string;
+  (
+    key: 'CMS.mediaGallery.dialog.selectionSelected',
+    params: { items: string },
+  ): string;
+};

package/src/services/translationsImportsMap.ts

@@ -0,0 +1,144 @@
+import { PatternsFieldsTranslationsOrDefault } from './patternsFieldsTranslations';
+
+export const translationsImportsMap = {
+  ar: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_ar-json" */ '../assets/locale/messages_ar.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  bg: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_bg-json" */ '../assets/locale/messages_bg.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  ca: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_ca-json" */ '../assets/locale/messages_ca.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  cs: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_cs-json" */ '../assets/locale/messages_cs.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  da: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_da-json" */ '../assets/locale/messages_da.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  de: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_de-json" */ '../assets/locale/messages_de.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  el: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_el-json" */ '../assets/locale/messages_el.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  en: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_en-json" */ '../assets/locale/messages_en.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  es: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_es-json" */ '../assets/locale/messages_es.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  fi: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_fi-json" */ '../assets/locale/messages_fi.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  fr: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_fr-json" */ '../assets/locale/messages_fr.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  he: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_he-json" */ '../assets/locale/messages_he.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  hi: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_hi-json" */ '../assets/locale/messages_hi.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  hu: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_hu-json" */ '../assets/locale/messages_hu.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  id: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_id-json" */ '../assets/locale/messages_id.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  it: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_it-json" */ '../assets/locale/messages_it.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  ja: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_ja-json" */ '../assets/locale/messages_ja.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  ko: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_ko-json" */ '../assets/locale/messages_ko.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  lt: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_lt-json" */ '../assets/locale/messages_lt.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  ms: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_ms-json" */ '../assets/locale/messages_ms.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  nl: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_nl-json" */ '../assets/locale/messages_nl.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  no: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_no-json" */ '../assets/locale/messages_no.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  pl: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_pl-json" */ '../assets/locale/messages_pl.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  pt: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_pt-json" */ '../assets/locale/messages_pt.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  ro: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_ro-json" */ '../assets/locale/messages_ro.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  ru: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_ru-json" */ '../assets/locale/messages_ru.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  sk: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_sk-json" */ '../assets/locale/messages_sk.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  sl: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_sl-json" */ '../assets/locale/messages_sl.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  sv: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_sv-json" */ '../assets/locale/messages_sv.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  th: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_th-json" */ '../assets/locale/messages_th.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  tl: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_tl-json" */ '../assets/locale/messages_tl.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  tr: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_tr-json" */ '../assets/locale/messages_tr.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  uk: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_uk-json" */ '../assets/locale/messages_uk.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  vi: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_vi-json" */ '../assets/locale/messages_vi.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+  zh: () =>
+    import(
+      /* webpackChunkName: "patterns-fields-locale-messages_zh-json" */ '../assets/locale/messages_zh.json'
+    ) as Promise<PatternsFieldsTranslationsOrDefault>,
+};