@wix/patterns-fields 1.0.0

package/src/assets/locale/messages_sl.json

@@ -0,0 +1,7 @@
+{
+  "auto-patterns.fields.type_mismatch_convert": "Convert value to {typeName}",
+  "auto-patterns.fields.type_mismatch_convert_disabled": "Convert (Not Available)",
+  "auto-patterns.fields.type_mismatch_clear": "Clear this field",
+  "auto-patterns.fields.type_mismatch_tip": "The value does not match the field type {typeName}",
+  "auto-patterns.fields.field_type_object_title": "Object"
+}

package/src/assets/locale/messages_sv.json

@@ -0,0 +1,7 @@
+{
+  "auto-patterns.fields.type_mismatch_convert": "Konvertera värde till {typeName}",
+  "auto-patterns.fields.type_mismatch_convert_disabled": "Konvertera (en tillgängligt)",
+  "auto-patterns.fields.type_mismatch_clear": "Rensa det här fältet",
+  "auto-patterns.fields.type_mismatch_tip": "Värdet överensstämmer inte med fälttypen {typeName}",
+  "auto-patterns.fields.field_type_object_title": "Objekt"
+}

package/src/assets/locale/messages_th.json

@@ -0,0 +1,7 @@
+{
+  "auto-patterns.fields.type_mismatch_convert": "แปลงค่าเป็น {typeName}",
+  "auto-patterns.fields.type_mismatch_convert_disabled": "แปลง (ไม่พร้อมใช้งาน)",
+  "auto-patterns.fields.type_mismatch_clear": "ล้างช่องข้อมูลนี้",
+  "auto-patterns.fields.type_mismatch_tip": "ข้อมูลไม่ตรงกับประเภทของช่องข้อมูล {typeName}",
+  "auto-patterns.fields.field_type_object_title": "Object"
+}

package/src/assets/locale/messages_tl.json

@@ -0,0 +1,7 @@
+{
+  "auto-patterns.fields.type_mismatch_convert": "Convert value to {typeName}",
+  "auto-patterns.fields.type_mismatch_convert_disabled": "Convert (Not Available)",
+  "auto-patterns.fields.type_mismatch_clear": "Clear this field",
+  "auto-patterns.fields.type_mismatch_tip": "The value does not match the field type {typeName}",
+  "auto-patterns.fields.field_type_object_title": "Object"
+}

package/src/assets/locale/messages_tr.json

@@ -0,0 +1,7 @@
+{
+  "auto-patterns.fields.type_mismatch_convert": "Değeri şuna dönüştür: {typeName}",
+  "auto-patterns.fields.type_mismatch_convert_disabled": "Dönüştür (Mevcut Değil)",
+  "auto-patterns.fields.type_mismatch_clear": "Bu alanı temizle",
+  "auto-patterns.fields.type_mismatch_tip": "Değer, {typeName} alan türüyle eşleşmiyor",
+  "auto-patterns.fields.field_type_object_title": "Nesne"
+}

package/src/assets/locale/messages_uk.json

@@ -0,0 +1,7 @@
+{
+  "auto-patterns.fields.type_mismatch_convert": "Змінити значення на {typeName}",
+  "auto-patterns.fields.type_mismatch_convert_disabled": "Перетворити (недоступно)",
+  "auto-patterns.fields.type_mismatch_clear": "Очистити це поле",
+  "auto-patterns.fields.type_mismatch_tip": "Значення не відповідає типу поля {typeName}",
+  "auto-patterns.fields.field_type_object_title": "Об'єкт"
+}

package/src/assets/locale/messages_vi.json

@@ -0,0 +1,7 @@
+{
+  "auto-patterns.fields.type_mismatch_convert": "Chuyển đổi giá trị thành {typeName}",
+  "auto-patterns.fields.type_mismatch_convert_disabled": "Chuyển đổi (không có sẵn)",
+  "auto-patterns.fields.type_mismatch_clear": "Xóa trường này",
+  "auto-patterns.fields.type_mismatch_tip": "Giá trị không khớp với kiểu trường {typeName}",
+  "auto-patterns.fields.field_type_object_title": "Đối tượng"
+}

package/src/assets/locale/messages_zh.json

@@ -0,0 +1,7 @@
+{
+  "auto-patterns.fields.type_mismatch_convert": "將值轉換為 {typeName}",
+  "auto-patterns.fields.type_mismatch_convert_disabled": "轉換（不可用）",
+  "auto-patterns.fields.type_mismatch_clear": "清除此欄位",
+  "auto-patterns.fields.type_mismatch_tip": "值不符合 {typeName} 欄位類型。",
+  "auto-patterns.fields.field_type_object_title": "物件"
+}

package/src/auto-field-types/html-to-text.ts

@@ -0,0 +1,8 @@
+export function HTMLToText(
+  html: string,
+  { singleLine }: { singleLine?: boolean } = {},
+): string {
+  const parsed = new DOMParser().parseFromString(html, 'text/html').body;
+  const plainText = parsed.innerText || parsed.textContent || '';
+  return !singleLine ? plainText : plainText.replace(/[\s\n\t\r]+/g, ' ');
+}

package/src/auto-field-types/index.ts

@@ -0,0 +1,18 @@
+export { HTMLToText } from './html-to-text';
+export { getValidURL } from './url';
+export { isRicosLikeObject } from './utils';
+export { isDataValid } from './validations';
+export { ThumbnailSize } from './media-types';
+export type {
+  WixCodeGalleryItem,
+  WixCodeGalleryItemLink,
+  WixCodeGalleryItemTarget,
+} from './media-types';
+export {
+  getMediaURL,
+  getMediaTitle,
+  getImageDimensions,
+  mediaURItoImageURL,
+  mediaURItoVideoURL,
+  isMediaVideoURI,
+} from './media-manager';

package/src/auto-field-types/media-manager.ts

@@ -0,0 +1,190 @@
+import {
+  video,
+  document,
+  audio,
+  vector,
+  image,
+} from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-cm-media-utils';
+
+import { isDataValid } from './validations';
+import type { ThumbnailSize } from './media-types';
+
+const isDecodable = (uri: string): boolean => {
+  try {
+    decodeURI(uri);
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+const IMAGE_URI_MISSING_FILENAME_PATTERN =
+  /^wix:image:\/\/v1\/([^/]+)\/#originWidth=([0-9]+)&originHeight=([0-9]+)$/;
+const VIDEO_URI_MISSING_FILENAME_PATTERN =
+  /^wix:video:\/\/v1\/([^/]+)\/#posterUri=([^/]+)&posterWidth=([0-9]+)&posterHeight=([0-9]+)$/;
+
+const isImageURI = (mediaUri: string) => /^wix:image:\/\//.test(mediaUri);
+const isVideoURI = (mediaUri: string) => /^wix:video:\/\//.test(mediaUri);
+
+const isMissingFileName = (mediaUri: string): boolean => {
+  if (isImageURI(mediaUri)) {
+    return IMAGE_URI_MISSING_FILENAME_PATTERN.test(mediaUri);
+  }
+  if (isVideoURI(mediaUri)) {
+    return VIDEO_URI_MISSING_FILENAME_PATTERN.test(mediaUri);
+  }
+  return false;
+};
+
+const extractThumbnail = (mediaUri: string) => mediaUri.split('/')[3];
+
+const addFileName = (mediaUri: string): string => {
+  if (isImageURI(mediaUri) && isMissingFileName(mediaUri)) {
+    const originWidthIndex = mediaUri.indexOf('#originWidth');
+    const fileName = extractThumbnail(mediaUri);
+    return (
+      mediaUri.slice(0, originWidthIndex - 1) +
+      `/${fileName}` +
+      mediaUri.slice(originWidthIndex)
+    );
+  }
+  if (isVideoURI(mediaUri) && isMissingFileName(mediaUri)) {
+    const posterUriIndex = mediaUri.indexOf('#posterUri');
+    const fileName = extractThumbnail(mediaUri);
+    return (
+      mediaUri.slice(0, posterUriIndex - 1) +
+      `/${fileName}` +
+      mediaUri.slice(posterUriIndex)
+    );
+  }
+  return mediaUri;
+};
+
+// --- Image ---
+
+export const isWixImageURI = (uri: string) =>
+  isDecodable(uri) && image.isWixImageUri(uri);
+
+const getOriginalSizeImageURL = (uri: string) => image.getOriginalSizeUrl(uri);
+
+const getImageURLWithSize = (uri: string, width: number, height: number) =>
+  image.getUrl(uri, width, height);
+
+const getImageTitle = (uri: string) => image.getTitle(uri);
+
+export const getImageDimensions = (
+  uri: string,
+): { width: number; height: number } => image.getDimensions(addFileName(uri));
+
+const getThumbnailDimensions = (uri: string, size: number) => {
+  const { width, height } = getImageDimensions(uri);
+  const scale = Math.min(width / size, height / size);
+  return {
+    width: Math.round(width / scale),
+    height: Math.round(height / scale),
+  };
+};
+
+const ensureOriginalSizeImageURL = (uri: string) =>
+  isWixImageURI(uri) ? getOriginalSizeImageURL(uri) : uri;
+
+const ensureThumbnailSizeImageURL = (uri: string, size: ThumbnailSize) => {
+  if (isWixImageURI(uri)) {
+    const { width, height } = getThumbnailDimensions(uri, size);
+    return getImageURLWithSize(uri, width, height);
+  }
+  return uri;
+};
+
+// --- Video ---
+
+const isWixVideoURI = (uri: string) =>
+  isDecodable(uri) && video.isWixVideoUri(uri);
+
+const getVideoTitle = (uri: string) => video.getTitle(uri);
+
+const getPosterOriginalSizeImageURL = (uri: string) =>
+  getOriginalSizeImageURL(video.getPosterUri(uri));
+
+// --- Document ---
+
+const isWixDocumentURI = (uri: string) =>
+  isDecodable(uri) && document.isWixDocumentUri(uri);
+
+const getDocumentTitle = (uri: string) =>
+  document.isWixDocumentUri(uri)
+    ? document.getTitle(uri)
+    : uri.split('/').pop() || uri;
+
+// --- Audio ---
+
+const isWixAudioURI = (uri: string) =>
+  isDecodable(uri) && audio.isWixAudioUri(uri);
+
+const getAudioTitle = (uri: string) => audio.getTitle(uri);
+
+// --- Vector ---
+
+const isWixVectorURI = (uri: string) =>
+  isDecodable(uri) && vector.isWixVectorUri(uri);
+
+const getVectorTitle = (uri: string) => vector.getTitle(uri);
+const getVectorUrl = (uri: string) => vector.getUrl(uri);
+
+// --- Common ---
+
+export const getMediaURL = (uri: string, msid?: string): string => {
+  if (isWixImageURI(uri)) {
+    return ensureOriginalSizeImageURL(uri);
+  }
+  if (isWixVideoURI(uri)) {
+    return video.getUrl(uri);
+  }
+  if (isWixDocumentURI(uri)) {
+    return document.getUrl(uri, msid);
+  }
+  if (isWixAudioURI(uri)) {
+    return audio.getUrl(uri);
+  }
+  if (isWixVectorURI(uri)) {
+    return vector.getUrl(uri);
+  }
+  return uri;
+};
+
+export const getMediaTitle = (uri: string): string => {
+  if (isWixImageURI(uri)) {
+    return getImageTitle(uri);
+  }
+  if (isWixVideoURI(uri)) {
+    return getVideoTitle(uri);
+  }
+  if (isWixAudioURI(uri)) {
+    return getAudioTitle(uri);
+  }
+  if (isWixVectorURI(uri)) {
+    return getVectorTitle(uri);
+  }
+  if (isWixDocumentURI(uri) || isDataValid(uri, 'document')) {
+    return getDocumentTitle(uri);
+  }
+  return uri;
+};
+
+export const isMediaVideoURI = isWixVideoURI;
+
+export const mediaURItoVideoURL = (uri: string): string => video.getUrl(uri);
+
+export const mediaURItoImageURL = (
+  uri: string,
+  size: ThumbnailSize,
+): string => {
+  const normalizedUri = addFileName(uri);
+  if (isWixVideoURI(normalizedUri)) {
+    return getPosterOriginalSizeImageURL(normalizedUri);
+  }
+  if (isWixVectorURI(uri)) {
+    return getVectorUrl(uri);
+  }
+  return ensureThumbnailSizeImageURL(normalizedUri, size);
+};

package/src/auto-field-types/media-types.ts

@@ -0,0 +1,25 @@
+export enum ThumbnailSize {
+  S = 48,
+  M = 128,
+  L = 204,
+}
+
+export type WixCodeGalleryItemTarget = '_blank' | '_self';
+
+export type WixCodeGalleryItemLink =
+  | string
+  | { url: string; target?: WixCodeGalleryItemTarget };
+
+export interface WixCodeGalleryItem {
+  slug: string;
+  src: string;
+  type: string;
+  title?: string;
+  fileName?: string;
+  description?: string;
+  thumbnail?: string;
+  alt?: string;
+  settings?: any;
+  link?: WixCodeGalleryItemLink;
+  target?: WixCodeGalleryItemTarget;
+}

package/src/auto-field-types/url.ts

@@ -0,0 +1,19 @@
+const allowedPrefixes = [
+  '/',
+  '//',
+  'http://',
+  'https://',
+  'ftp://',
+  'ftps://',
+  'mailto:',
+  'tel:',
+  'sms:',
+];
+
+const getDefaultURL = (url: string) => `http://${url}`;
+
+const isURLvalid = (url: string) =>
+  allowedPrefixes.some((prefix) => url.startsWith(prefix));
+
+export const getValidURL = (url: string): string =>
+  isURLvalid(url) ? url : getDefaultURL(url);

package/src/auto-field-types/utils.ts

@@ -0,0 +1,7 @@
+export const isRicosLikeObject = (
+  data: unknown,
+): data is { nodes: unknown[] } =>
+  data !== null &&
+  typeof data === 'object' &&
+  'nodes' in data &&
+  Array.isArray((data as { nodes: unknown }).nodes);

package/src/auto-field-types/validations.ts

@@ -0,0 +1,55 @@
+import { validateRicosDocument, RichContent, toPlainTextSync } from '@wix/ricos';
+
+import { isRicosLikeObject } from './utils';
+
+interface ValidationOptions {
+  strict?: boolean;
+}
+
+const richContentModule = {
+  isValid: (data: unknown): data is RichContent => {
+    if (!isRicosLikeObject(data)) {
+      return false;
+    }
+    try {
+      toPlainTextSync(RichContent.fromJSON(data));
+      return true;
+    } catch {
+      return false;
+    }
+  },
+  isStrictValid: (data: unknown): data is RichContent => {
+    try {
+      const validationResult = validateRicosDocument(data);
+      return validationResult.type === 'ok';
+    } catch {
+      return false;
+    }
+  },
+};
+
+type TypeModule = {
+  isValid?: (data: unknown) => boolean;
+  isStrictValid?: (data: unknown) => boolean;
+};
+
+const getModule = (type: string): TypeModule | null => {
+  switch (type) {
+    case 'rich-content':
+      return richContentModule;
+    default:
+      return null;
+  }
+};
+
+export const isDataValid = (
+  data: unknown,
+  type: string,
+  { strict }: ValidationOptions = {},
+): boolean => {
+  const module = getModule(type);
+  if (strict && module?.isStrictValid) {
+    return module.isStrictValid(data);
+  }
+  return module?.isValid ? module.isValid(data) : true;
+};

package/src/components/address/index.ts

@@ -0,0 +1,2 @@
+export * from './input';
+export * from './view';

package/src/components/address/input/address-input.st.css

@@ -0,0 +1,17 @@
+.tableAddressInput {
+    height: 36px !important;
+    margin-left: -1px;
+    display: flex !important;
+    align-items: center;
+    width: 100%;
+}
+
+.tableAddressInput > div {
+    padding: 0 !important;
+    width: 100%;
+}
+
+.tableAddressInput:focus-within {
+    margin-left: 2px;
+}
+

package/src/components/address/input/address-input.st.css.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "addressinput118148591";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style: import("@stylable/runtime").STFunction = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"addressinput118148591__root","tableAddressInput":"addressinput118148591__tableAddressInput"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+