@wix/auto-patterns 1.44.0 → 1.46.0

package/dist/esm/cms-fields/components/media-control/use-document-delete.js

@@ -0,0 +1,38 @@
+import { useCallback, useState } from 'react';
+import { useTranslations } from '../../hooks';
+import { getMediaTitle } from '../../utils/media-utils';
+export const useDocumentDelete = _ref => {
+  let {
+    data = [],
+    onChange
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const [indexToDelete, setIndexToDelete] = useState(null);
+  const onDelete = useCallback(index => () => setIndexToDelete(index), []);
+  const onDeleteCancel = useCallback(() => setIndexToDelete(null), []);
+  const onDeleteConfirm = useCallback(() => {
+    if (indexToDelete === null) {
+      return;
+    }
+    const updatedData = [...(data ?? [])];
+    updatedData.splice(indexToDelete, 1);
+    onChange(updatedData);
+    setIndexToDelete(null);
+  }, [indexToDelete, onChange, data]);
+  const filename = indexToDelete !== null ? getMediaTitle(data[indexToDelete]) : '';
+  return {
+    isOpen: indexToDelete !== null,
+    onDelete,
+    onDeleteCancel,
+    onDeleteConfirm,
+    title: t('CMS.document.delete.title', {
+      filename
+    }),
+    text: t('CMS.document.delete.message', {
+      filename
+    })
+  };
+};
+//# sourceMappingURL=use-document-delete.js.map

package/dist/esm/cms-fields/components/media-control/use-document-delete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","useTranslations","getMediaTitle","useDocumentDelete","_ref","data","onChange","t","indexToDelete","setIndexToDelete","onDelete","index","onDeleteCancel","onDeleteConfirm","updatedData","splice","filename","isOpen","title","text"],"sources":["../../../../../src/cms-fields/components/media-control/use-document-delete.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { useTranslations } from '../../hooks';\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface UseDocumentDeleteParams {\n  data?: string[];\n  onChange: (value: string[]) => void;\n}\n\nexport const useDocumentDelete = ({\n  data = [],\n  onChange,\n}: UseDocumentDeleteParams) => {\n  const { t } = useTranslations();\n  const [indexToDelete, setIndexToDelete] = useState<number | null>(null);\n\n  const onDelete = useCallback(\n    (index: number) => () => setIndexToDelete(index),\n    [],\n  );\n\n  const onDeleteCancel = useCallback(() => setIndexToDelete(null), []);\n\n  const onDeleteConfirm = useCallback(() => {\n    if (indexToDelete === null) {\n      return;\n    }\n\n    const updatedData = [...(data ?? [])];\n    updatedData.splice(indexToDelete, 1);\n    onChange(updatedData);\n\n    setIndexToDelete(null);\n  }, [indexToDelete, onChange, data]);\n\n  const filename =\n    indexToDelete !== null ? getMediaTitle(data[indexToDelete]) : '';\n\n  return {\n    isOpen: indexToDelete !== null,\n    onDelete,\n    onDeleteCancel,\n    onDeleteConfirm,\n    title: t('CMS.document.delete.title', { filename }),\n    text: t('CMS.document.delete.message', { filename }),\n  };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,SAASC,eAAe,QAAQ,aAAa;AAC7C,SAASC,aAAa,QAAQ,yBAAyB;AAOvD,OAAO,MAAMC,iBAAiB,GAAGC,IAAA,IAGF;EAAA,IAHG;IAChCC,IAAI,GAAG,EAAE;IACTC;EACuB,CAAC,GAAAF,IAAA;EACxB,MAAM;IAAEG;EAAE,CAAC,GAAGN,eAAe,CAAC,CAAC;EAC/B,MAAM,CAACO,aAAa,EAAEC,gBAAgB,CAAC,GAAGT,QAAQ,CAAgB,IAAI,CAAC;EAEvE,MAAMU,QAAQ,GAAGX,WAAW,CACzBY,KAAa,IAAK,MAAMF,gBAAgB,CAACE,KAAK,CAAC,EAChD,EACF,CAAC;EAED,MAAMC,cAAc,GAAGb,WAAW,CAAC,MAAMU,gBAAgB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAEpE,MAAMI,eAAe,GAAGd,WAAW,CAAC,MAAM;IACxC,IAAIS,aAAa,KAAK,IAAI,EAAE;MAC1B;IACF;IAEA,MAAMM,WAAW,GAAG,CAAC,IAAIT,IAAI,IAAI,EAAE,CAAC,CAAC;IACrCS,WAAW,CAACC,MAAM,CAACP,aAAa,EAAE,CAAC,CAAC;IACpCF,QAAQ,CAACQ,WAAW,CAAC;IAErBL,gBAAgB,CAAC,IAAI,CAAC;EACxB,CAAC,EAAE,CAACD,aAAa,EAAEF,QAAQ,EAAED,IAAI,CAAC,CAAC;EAEnC,MAAMW,QAAQ,GACZR,aAAa,KAAK,IAAI,GAAGN,aAAa,CAACG,IAAI,CAACG,aAAa,CAAC,CAAC,GAAG,EAAE;EAElE,OAAO;IACLS,MAAM,EAAET,aAAa,KAAK,IAAI;IAC9BE,QAAQ;IACRE,cAAc;IACdC,eAAe;IACfK,KAAK,EAAEX,CAAC,CAAC,2BAA2B,EAAE;MAAES;IAAS,CAAC,CAAC;IACnDG,IAAI,EAAEZ,CAAC,CAAC,6BAA6B,EAAE;MAAES;IAAS,CAAC;EACrD,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/use-media-control.js

@@ -0,0 +1,121 @@
+import { useRef, useState, useEffect, useCallback } from 'react';
+import { dashboard } from '@wix/dashboard';
+const MEDIA_TYPE_TO_CATEGORY = {
+  IMAGE: 'IMAGE',
+  VIDEO: 'VIDEO',
+  AUDIO: 'MUSIC',
+  DOCUMENT: 'DOCUMENT',
+  ALL_MEDIA: undefined
+};
+
+/**
+ * Extracts the Wix media URI from media manager result.
+ * Media manager returns different structures for different media types.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const extractMediaUri = mediaItem => {
+  var _media$image, _media$video, _media$audio, _media$document;
+  const {
+    media
+  } = mediaItem || {};
+  if (!media) {
+    return '';
+  }
+
+  // Try each media type - the URI is nested under media.[type].[type]
+  return ((_media$image = media.image) == null ? void 0 : _media$image.image) || ((_media$video = media.video) == null ? void 0 : _media$video.video) || ((_media$audio = media.audio) == null ? void 0 : _media$audio.audio) || ((_media$document = media.document) == null ? void 0 : _media$document.document) || (
+  // Fallback for direct string values
+  typeof media.image === 'string' ? media.image : '') || (typeof media.video === 'string' ? media.video : '') || (typeof media.audio === 'string' ? media.audio : '') || (typeof media.document === 'string' ? media.document : '');
+};
+export function useMediaControl(_ref) {
+  let {
+    mediaType,
+    readOnly,
+    autoFocus,
+    initialLoading,
+    inputRef,
+    viewRef,
+    onFocus,
+    onBlur,
+    ...params
+  } = _ref;
+  const {
+    value,
+    multiSelect
+  } = params;
+  const [loading, setLoading] = useState(Boolean(initialLoading && value));
+  const mediaRequested = useRef(false);
+  const setActive = useCallback(() => {
+    if (!autoFocus) {
+      return;
+    }
+    if (value) {
+      var _viewRef$current, _inputRef$current;
+      viewRef && (viewRef == null || (_viewRef$current = viewRef.current) == null ? void 0 : _viewRef$current.focus());
+      !viewRef && (inputRef == null || (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.focus());
+    } else {
+      var _inputRef$current2;
+      inputRef == null || (_inputRef$current2 = inputRef.current) == null || _inputRef$current2.focus();
+    }
+  }, [autoFocus, value, inputRef, viewRef]);
+  useEffect(() => setActive(), [setActive]);
+  const onMediaLoad = useCallback(() => setLoading(false), []);
+  const callMedia = useCallback(async index => {
+    if (mediaRequested.current || readOnly) {
+      return;
+    }
+    if (!params.onChange) {
+      return;
+    }
+    mediaRequested.current = true;
+    onFocus == null || onFocus();
+    setLoading(true);
+    try {
+      var _mediaManagerData$ite;
+      const category = MEDIA_TYPE_TO_CATEGORY[mediaType];
+      const mediaManagerData = await dashboard.openMediaManager({
+        multiSelect: Boolean(multiSelect),
+        ...(category && {
+          category
+        })
+      });
+      onBlur == null || onBlur();
+      setLoading(false);
+      setActive();
+      mediaRequested.current = false;
+      if (!(mediaManagerData != null && (_mediaManagerData$ite = mediaManagerData.items) != null && _mediaManagerData$ite.length)) {
+        return;
+      }
+      if (params.multiSelect) {
+        const newURIs = mediaManagerData.items.map(extractMediaUri);
+        if (!newURIs.length) {
+          throw new Error(`Media Control Error: Media Manager returns not-covered Multi-Document data.`);
+        }
+        if (typeof index === 'number') {
+          const newValue = value ? [...value] : [];
+          newValue.splice(index, 1, ...newURIs);
+          params.onChange(newValue);
+        } else {
+          params.onChange([...(value ?? []), ...newURIs]);
+        }
+      } else {
+        params.onChange(extractMediaUri(mediaManagerData.items[0]));
+      }
+    } catch (e) {
+      setLoading(false);
+      mediaRequested.current = false;
+      console.error(`Media Control Error:`, e);
+    }
+  }, [mediaType, multiSelect, onBlur, onFocus, params, readOnly, setActive, value]);
+  const downloadMedia = valueToDownload => {
+    // TODO: Implement download media
+    return valueToDownload;
+  };
+  return {
+    loading,
+    callMedia,
+    downloadMedia,
+    onMediaLoad
+  };
+}
+//# sourceMappingURL=use-media-control.js.map

package/dist/esm/cms-fields/components/media-control/use-media-control.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useState","useEffect","useCallback","dashboard","MEDIA_TYPE_TO_CATEGORY","IMAGE","VIDEO","AUDIO","DOCUMENT","ALL_MEDIA","undefined","extractMediaUri","mediaItem","_media$image","_media$video","_media$audio","_media$document","media","image","video","audio","document","useMediaControl","_ref","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","loading","setLoading","Boolean","mediaRequested","setActive","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","onMediaLoad","callMedia","index","onChange","_mediaManagerData$ite","category","mediaManagerData","openMediaManager","items","length","newURIs","map","Error","newValue","splice","e","console","error","downloadMedia","valueToDownload"],"sources":["../../../../../src/cms-fields/components/media-control/use-media-control.ts"],"sourcesContent":["import { useRef, useState, useEffect, useCallback } from 'react';\nimport { dashboard } from '@wix/dashboard';\n\nimport type { MEDIA_TYPES } from '../../utils/media-utils';\n\ntype Focusable = { focus: () => void };\ntype FocusableRef =\n  | React.RefObject<Focusable | undefined>\n  | React.MutableRefObject<Focusable | undefined>;\n\ninterface UseMediaControlBaseParams {\n  mediaType: MEDIA_TYPES;\n  autoFocus?: boolean;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  readOnly?: boolean;\n  initialLoading?: boolean;\n  inputRef?: FocusableRef;\n  viewRef?: FocusableRef;\n}\n\ninterface UseSingleMediaControlParams extends UseMediaControlBaseParams {\n  value?: string;\n  onChange?: (value: string) => void;\n  multiSelect?: false;\n}\n\ninterface UseMultiMediaControlParams extends UseMediaControlBaseParams {\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  multiSelect: true;\n}\n\nexport type UseMediaControlParams =\n  | UseSingleMediaControlParams\n  | UseMultiMediaControlParams;\n\ninterface UseMediaControlBaseReturnType {\n  loading: boolean;\n  onMediaLoad: () => void;\n}\n\ninterface UseSingleMediaControlReturnType\n  extends UseMediaControlBaseReturnType {\n  callMedia(): Promise<void>;\n}\n\ninterface UseMultiMediaControlReturnType extends UseMediaControlBaseReturnType {\n  callMedia(index?: number): Promise<void>;\n  downloadMedia(): void;\n}\n\nexport type UseMediaControlReturnType =\n  | UseSingleMediaControlReturnType\n  | UseMultiMediaControlReturnType;\n\nconst MEDIA_TYPE_TO_CATEGORY: Record<string, string | undefined> = {\n  IMAGE: 'IMAGE',\n  VIDEO: 'VIDEO',\n  AUDIO: 'MUSIC',\n  DOCUMENT: 'DOCUMENT',\n  ALL_MEDIA: undefined,\n};\n\n/**\n * Extracts the Wix media URI from media manager result.\n * Media manager returns different structures for different media types.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractMediaUri = (mediaItem: any): string => {\n  const { media } = mediaItem || {};\n  if (!media) {\n    return '';\n  }\n\n  // Try each media type - the URI is nested under media.[type].[type]\n  return (\n    media.image?.image ||\n    media.video?.video ||\n    media.audio?.audio ||\n    media.document?.document ||\n    // Fallback for direct string values\n    (typeof media.image === 'string' ? media.image : '') ||\n    (typeof media.video === 'string' ? media.video : '') ||\n    (typeof media.audio === 'string' ? media.audio : '') ||\n    (typeof media.document === 'string' ? media.document : '')\n  );\n};\n\nexport function useMediaControl(\n  params: UseSingleMediaControlParams,\n): UseSingleMediaControlReturnType;\n\nexport function useMediaControl(\n  params: UseMultiMediaControlParams,\n): UseMultiMediaControlReturnType;\n\nexport function useMediaControl({\n  mediaType,\n  readOnly,\n  autoFocus,\n  initialLoading,\n  inputRef,\n  viewRef,\n  onFocus,\n  onBlur,\n  ...params\n}: UseMediaControlParams): UseMediaControlReturnType {\n  const { value, multiSelect } = params;\n\n  const [loading, setLoading] = useState(Boolean(initialLoading && value));\n  const mediaRequested = useRef(false);\n\n  const setActive = useCallback(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    if (value) {\n      viewRef && viewRef?.current?.focus();\n      !viewRef && inputRef?.current?.focus();\n    } else {\n      inputRef?.current?.focus();\n    }\n  }, [autoFocus, value, inputRef, viewRef]);\n\n  useEffect(() => setActive(), [setActive]);\n\n  const onMediaLoad = useCallback(() => setLoading(false), []);\n\n  const callMedia = useCallback(\n    async (index?: number) => {\n      if (mediaRequested.current || readOnly) {\n        return;\n      }\n\n      if (!params.onChange) {\n        return;\n      }\n\n      mediaRequested.current = true;\n\n      onFocus?.();\n      setLoading(true);\n\n      try {\n        const category = MEDIA_TYPE_TO_CATEGORY[mediaType];\n        const mediaManagerData = await dashboard.openMediaManager({\n          multiSelect: Boolean(multiSelect),\n          ...(category && { category }),\n        });\n\n        onBlur?.();\n        setLoading(false);\n\n        setActive();\n\n        mediaRequested.current = false;\n\n        if (!mediaManagerData?.items?.length) {\n          return;\n        }\n\n        if (params.multiSelect) {\n          const newURIs = mediaManagerData.items.map(extractMediaUri);\n\n          if (!newURIs.length) {\n            throw new Error(\n              `Media Control Error: Media Manager returns not-covered Multi-Document data.`,\n            );\n          }\n\n          if (typeof index === 'number') {\n            const newValue = value ? [...value] : [];\n            newValue.splice(index, 1, ...newURIs);\n            params.onChange(newValue);\n          } else {\n            params.onChange([...((value as string[]) ?? []), ...newURIs]);\n          }\n        } else {\n          params.onChange(extractMediaUri(mediaManagerData.items[0]));\n        }\n      } catch (e) {\n        setLoading(false);\n        mediaRequested.current = false;\n        console.error(`Media Control Error:`, e);\n      }\n    },\n    [\n      mediaType,\n      multiSelect,\n      onBlur,\n      onFocus,\n      params,\n      readOnly,\n      setActive,\n      value,\n    ],\n  );\n\n  const downloadMedia = (valueToDownload?: string) => {\n    // TODO: Implement download media\n    return valueToDownload;\n  };\n\n  return {\n    loading,\n    callMedia,\n    downloadMedia,\n    onMediaLoad,\n  };\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AAChE,SAASC,SAAS,QAAQ,gBAAgB;AAuD1C,MAAMC,sBAA0D,GAAG;EACjEC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAEC;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAIC,SAAc,IAAa;EAAA,IAAAC,YAAA,EAAAC,YAAA,EAAAC,YAAA,EAAAC,eAAA;EAClD,MAAM;IAAEC;EAAM,CAAC,GAAGL,SAAS,IAAI,CAAC,CAAC;EACjC,IAAI,CAACK,KAAK,EAAE;IACV,OAAO,EAAE;EACX;;EAEA;EACA,OACE,EAAAJ,YAAA,GAAAI,KAAK,CAACC,KAAK,qBAAXL,YAAA,CAAaK,KAAK,OAAAJ,YAAA,GAClBG,KAAK,CAACE,KAAK,qBAAXL,YAAA,CAAaK,KAAK,OAAAJ,YAAA,GAClBE,KAAK,CAACG,KAAK,qBAAXL,YAAA,CAAaK,KAAK,OAAAJ,eAAA,GAClBC,KAAK,CAACI,QAAQ,qBAAdL,eAAA,CAAgBK,QAAQ;EACxB;EACC,OAAOJ,KAAK,CAACC,KAAK,KAAK,QAAQ,GAAGD,KAAK,CAACC,KAAK,GAAG,EAAE,CAAC,KACnD,OAAOD,KAAK,CAACE,KAAK,KAAK,QAAQ,GAAGF,KAAK,CAACE,KAAK,GAAG,EAAE,CAAC,KACnD,OAAOF,KAAK,CAACG,KAAK,KAAK,QAAQ,GAAGH,KAAK,CAACG,KAAK,GAAG,EAAE,CAAC,KACnD,OAAOH,KAAK,CAACI,QAAQ,KAAK,QAAQ,GAAGJ,KAAK,CAACI,QAAQ,GAAG,EAAE,CAAC;AAE9D,CAAC;AAUD,OAAO,SAASC,eAAeA,CAAAC,IAAA,EAUsB;EAAA,IAVrB;IAC9BC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,cAAc;IACdC,QAAQ;IACRC,OAAO;IACPC,OAAO;IACPC,MAAM;IACN,GAAGC;EACkB,CAAC,GAAAT,IAAA;EACtB,MAAM;IAAEU,KAAK;IAAEC;EAAY,CAAC,GAAGF,MAAM;EAErC,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAGpC,QAAQ,CAACqC,OAAO,CAACV,cAAc,IAAIM,KAAK,CAAC,CAAC;EACxE,MAAMK,cAAc,GAAGvC,MAAM,CAAC,KAAK,CAAC;EAEpC,MAAMwC,SAAS,GAAGrC,WAAW,CAAC,MAAM;IAClC,IAAI,CAACwB,SAAS,EAAE;MACd;IACF;IAEA,IAAIO,KAAK,EAAE;MAAA,IAAAO,gBAAA,EAAAC,iBAAA;MACTZ,OAAO,KAAIA,OAAO,aAAAW,gBAAA,GAAPX,OAAO,CAAEa,OAAO,qBAAhBF,gBAAA,CAAkBG,KAAK,CAAC,CAAC;MACpC,CAACd,OAAO,KAAID,QAAQ,aAAAa,iBAAA,GAARb,QAAQ,CAAEc,OAAO,qBAAjBD,iBAAA,CAAmBE,KAAK,CAAC,CAAC;IACxC,CAAC,MAAM;MAAA,IAAAC,kBAAA;MACLhB,QAAQ,aAAAgB,kBAAA,GAARhB,QAAQ,CAAEc,OAAO,aAAjBE,kBAAA,CAAmBD,KAAK,CAAC,CAAC;IAC5B;EACF,CAAC,EAAE,CAACjB,SAAS,EAAEO,KAAK,EAAEL,QAAQ,EAAEC,OAAO,CAAC,CAAC;EAEzC5B,SAAS,CAAC,MAAMsC,SAAS,CAAC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEzC,MAAMM,WAAW,GAAG3C,WAAW,CAAC,MAAMkC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAE5D,MAAMU,SAAS,GAAG5C,WAAW,CAC3B,MAAO6C,KAAc,IAAK;IACxB,IAAIT,cAAc,CAACI,OAAO,IAAIjB,QAAQ,EAAE;MACtC;IACF;IAEA,IAAI,CAACO,MAAM,CAACgB,QAAQ,EAAE;MACpB;IACF;IAEAV,cAAc,CAACI,OAAO,GAAG,IAAI;IAE7BZ,OAAO,YAAPA,OAAO,CAAG,CAAC;IACXM,UAAU,CAAC,IAAI,CAAC;IAEhB,IAAI;MAAA,IAAAa,qBAAA;MACF,MAAMC,QAAQ,GAAG9C,sBAAsB,CAACoB,SAAS,CAAC;MAClD,MAAM2B,gBAAgB,GAAG,MAAMhD,SAAS,CAACiD,gBAAgB,CAAC;QACxDlB,WAAW,EAAEG,OAAO,CAACH,WAAW,CAAC;QACjC,IAAIgB,QAAQ,IAAI;UAAEA;QAAS,CAAC;MAC9B,CAAC,CAAC;MAEFnB,MAAM,YAANA,MAAM,CAAG,CAAC;MACVK,UAAU,CAAC,KAAK,CAAC;MAEjBG,SAAS,CAAC,CAAC;MAEXD,cAAc,CAACI,OAAO,GAAG,KAAK;MAE9B,IAAI,EAACS,gBAAgB,aAAAF,qBAAA,GAAhBE,gBAAgB,CAAEE,KAAK,aAAvBJ,qBAAA,CAAyBK,MAAM,GAAE;QACpC;MACF;MAEA,IAAItB,MAAM,CAACE,WAAW,EAAE;QACtB,MAAMqB,OAAO,GAAGJ,gBAAgB,CAACE,KAAK,CAACG,GAAG,CAAC7C,eAAe,CAAC;QAE3D,IAAI,CAAC4C,OAAO,CAACD,MAAM,EAAE;UACnB,MAAM,IAAIG,KAAK,CACb,6EACF,CAAC;QACH;QAEA,IAAI,OAAOV,KAAK,KAAK,QAAQ,EAAE;UAC7B,MAAMW,QAAQ,GAAGzB,KAAK,GAAG,CAAC,GAAGA,KAAK,CAAC,GAAG,EAAE;UACxCyB,QAAQ,CAACC,MAAM,CAACZ,KAAK,EAAE,CAAC,EAAE,GAAGQ,OAAO,CAAC;UACrCvB,MAAM,CAACgB,QAAQ,CAACU,QAAQ,CAAC;QAC3B,CAAC,MAAM;UACL1B,MAAM,CAACgB,QAAQ,CAAC,CAAC,IAAKf,KAAK,IAAiB,EAAE,CAAC,EAAE,GAAGsB,OAAO,CAAC,CAAC;QAC/D;MACF,CAAC,MAAM;QACLvB,MAAM,CAACgB,QAAQ,CAACrC,eAAe,CAACwC,gBAAgB,CAACE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;MAC7D;IACF,CAAC,CAAC,OAAOO,CAAC,EAAE;MACVxB,UAAU,CAAC,KAAK,CAAC;MACjBE,cAAc,CAACI,OAAO,GAAG,KAAK;MAC9BmB,OAAO,CAACC,KAAK,CAAC,sBAAsB,EAAEF,CAAC,CAAC;IAC1C;EACF,CAAC,EACD,CACEpC,SAAS,EACTU,WAAW,EACXH,MAAM,EACND,OAAO,EACPE,MAAM,EACNP,QAAQ,EACRc,SAAS,EACTN,KAAK,CAET,CAAC;EAED,MAAM8B,aAAa,GAAIC,eAAwB,IAAK;IAClD;IACA,OAAOA,eAAe;EACxB,CAAC;EAED,OAAO;IACL7B,OAAO;IACPW,SAAS;IACTiB,aAAa;IACblB;EACF,CAAC;AACH","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/use-paste-url-form.js

@@ -0,0 +1,40 @@
+import { useState, useCallback } from 'react';
+import { useOpenState } from '../../hooks';
+export const usePasteURLForm = _ref => {
+  let {
+    onChange
+  } = _ref;
+  const {
+    isOpen,
+    onOpen: onOpenModal,
+    onClose
+  } = useOpenState(false);
+  const [title, setTitle] = useState('');
+  const [value, setValue] = useState('');
+  const [indexToReplace, setIndexToReplace] = useState(undefined);
+  const onOpen = useCallback(_ref2 => {
+    let {
+      title,
+      value,
+      index
+    } = _ref2;
+    return () => {
+      setTitle(title);
+      setValue(value ?? '');
+      onOpenModal();
+      setIndexToReplace(index);
+    };
+  }, [onOpenModal]);
+  const onSave = useCallback(value => {
+    onChange(value, indexToReplace);
+  }, [onChange, indexToReplace]);
+  return {
+    isOpen,
+    title,
+    onOpen,
+    onClose,
+    onSave,
+    value
+  };
+};
+//# sourceMappingURL=use-paste-url-form.js.map

package/dist/esm/cms-fields/components/media-control/use-paste-url-form.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useCallback","useOpenState","usePasteURLForm","_ref","onChange","isOpen","onOpen","onOpenModal","onClose","title","setTitle","value","setValue","indexToReplace","setIndexToReplace","undefined","_ref2","index","onSave"],"sources":["../../../../../src/cms-fields/components/media-control/use-paste-url-form.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\n\nimport { useOpenState } from '../../hooks';\n\nexport interface UsePasteURLFormParams {\n  onChange: (value: string, indexToReplace?: number) => void;\n}\n\nexport interface OpenPasteURLFormParams {\n  title: string;\n  value?: string;\n  index?: number;\n}\n\nexport type UsePasteURLFormHook = (params: UsePasteURLFormParams) => {\n  isOpen: boolean;\n  title: string;\n  onOpen: (params: OpenPasteURLFormParams) => () => void;\n  onClose: () => void;\n  onSave: (value: string) => void;\n  value?: string;\n};\n\nexport const usePasteURLForm: UsePasteURLFormHook = ({ onChange }) => {\n  const { isOpen, onOpen: onOpenModal, onClose } = useOpenState(false);\n  const [title, setTitle] = useState('');\n  const [value, setValue] = useState('');\n  const [indexToReplace, setIndexToReplace] = useState<number | undefined>(\n    undefined,\n  );\n\n  const onOpen = useCallback(\n    ({ title, value, index }: OpenPasteURLFormParams) =>\n      () => {\n        setTitle(title);\n        setValue(value ?? '');\n        onOpenModal();\n        setIndexToReplace(index);\n      },\n    [onOpenModal],\n  );\n\n  const onSave = useCallback(\n    (value: string) => {\n      onChange(value, indexToReplace);\n    },\n    [onChange, indexToReplace],\n  );\n\n  return {\n    isOpen,\n    title,\n    onOpen,\n    onClose,\n    onSave,\n    value,\n  };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AAE7C,SAASC,YAAY,QAAQ,aAAa;AAqB1C,OAAO,MAAMC,eAAoC,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAC/D,MAAM;IAAEE,MAAM;IAAEC,MAAM,EAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAGP,YAAY,CAAC,KAAK,CAAC;EACpE,MAAM,CAACQ,KAAK,EAAEC,QAAQ,CAAC,GAAGX,QAAQ,CAAC,EAAE,CAAC;EACtC,MAAM,CAACY,KAAK,EAAEC,QAAQ,CAAC,GAAGb,QAAQ,CAAC,EAAE,CAAC;EACtC,MAAM,CAACc,cAAc,EAAEC,iBAAiB,CAAC,GAAGf,QAAQ,CAClDgB,SACF,CAAC;EAED,MAAMT,MAAM,GAAGN,WAAW,CACxBgB,KAAA;IAAA,IAAC;MAAEP,KAAK;MAAEE,KAAK;MAAEM;IAA8B,CAAC,GAAAD,KAAA;IAAA,OAC9C,MAAM;MACJN,QAAQ,CAACD,KAAK,CAAC;MACfG,QAAQ,CAACD,KAAK,IAAI,EAAE,CAAC;MACrBJ,WAAW,CAAC,CAAC;MACbO,iBAAiB,CAACG,KAAK,CAAC;IAC1B,CAAC;EAAA,GACH,CAACV,WAAW,CACd,CAAC;EAED,MAAMW,MAAM,GAAGlB,WAAW,CACvBW,KAAa,IAAK;IACjBP,QAAQ,CAACO,KAAK,EAAEE,cAAc,CAAC;EACjC,CAAC,EACD,CAACT,QAAQ,EAAES,cAAc,CAC3B,CAAC;EAED,OAAO;IACLR,MAAM;IACNI,KAAK;IACLH,MAAM;IACNE,OAAO;IACPU,MAAM;IACNP;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-gallery/index.js

@@ -0,0 +1,2 @@
+export * from './media-gallery-view';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/media-gallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/media-gallery/index.ts"],"sourcesContent":["export * from './media-gallery-view';\n"],"mappings":"AAAA,cAAc,sBAAsB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-gallery/media-gallery-item-thumbnail.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { getImageDimensions } from '@wix/auto-cms-field-types';
+import { MediaImage } from '../media-image';
+export const MediaGalleryItemThumbnail = _ref => {
+  let {
+    width,
+    height = 30,
+    ...props
+  } = _ref;
+  const dimensions = (() => {
+    try {
+      return getImageDimensions(props.src);
+    } catch (e) {
+      console.error(e);
+      return {
+        width: 0,
+        height: 0
+      };
+    }
+  })();
+  const actualHeight = parseInt(height.toString(), 10);
+  const actualWidth = Math.ceil(dimensions.width * actualHeight / dimensions.height);
+  return /*#__PURE__*/React.createElement(MediaImage, _extends({
+    suspended: true,
+    transparent: true,
+    borderRadius: 1,
+    width: `${actualWidth}px`,
+    height: `${actualHeight}px`,
+    size: MediaImage.Size.S
+  }, props));
+};
+//# sourceMappingURL=media-gallery-item-thumbnail.js.map

package/dist/esm/cms-fields/components/media-gallery/media-gallery-item-thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","getImageDimensions","MediaImage","MediaGalleryItemThumbnail","_ref","width","height","props","dimensions","src","e","console","error","actualHeight","parseInt","toString","actualWidth","Math","ceil","createElement","_extends","suspended","transparent","borderRadius","size","Size","S"],"sources":["../../../../../src/cms-fields/components/media-gallery/media-gallery-item-thumbnail.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getImageDimensions } from '@wix/auto-cms-field-types';\n\nimport type { MediaImageProps } from '../media-image';\nimport { MediaImage } from '../media-image';\n\nexport interface MediaGalleryItemThumbnailProps extends MediaImageProps {\n  src: string;\n}\n\nexport const MediaGalleryItemThumbnail: React.FC<\n  MediaGalleryItemThumbnailProps\n> = ({ width, height = 30, ...props }) => {\n  const dimensions = (() => {\n    try {\n      return getImageDimensions(props.src);\n    } catch (e) {\n      console.error(e);\n      return { width: 0, height: 0 };\n    }\n  })();\n\n  const actualHeight = parseInt(height.toString(), 10);\n  const actualWidth = Math.ceil(\n    (dimensions.width * actualHeight) / dimensions.height,\n  );\n\n  return (\n    <MediaImage\n      suspended\n      transparent\n      borderRadius={1}\n      width={`${actualWidth}px`}\n      height={`${actualHeight}px`}\n      size={MediaImage.Size.S}\n      {...props}\n    />\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,kBAAkB,QAAQ,2BAA2B;AAG9D,SAASC,UAAU,QAAQ,gBAAgB;AAM3C,OAAO,MAAMC,yBAEZ,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,KAAK;IAAEC,MAAM,GAAG,EAAE;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EACnC,MAAMI,UAAU,GAAG,CAAC,MAAM;IACxB,IAAI;MACF,OAAOP,kBAAkB,CAACM,KAAK,CAACE,GAAG,CAAC;IACtC,CAAC,CAAC,OAAOC,CAAC,EAAE;MACVC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;MAChB,OAAO;QAAEL,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;IAChC;EACF,CAAC,EAAE,CAAC;EAEJ,MAAMO,YAAY,GAAGC,QAAQ,CAACR,MAAM,CAACS,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;EACpD,MAAMC,WAAW,GAAGC,IAAI,CAACC,IAAI,CAC1BV,UAAU,CAACH,KAAK,GAAGQ,YAAY,GAAIL,UAAU,CAACF,MACjD,CAAC;EAED,oBACEN,KAAA,CAAAmB,aAAA,CAACjB,UAAU,EAAAkB,QAAA;IACTC,SAAS;IACTC,WAAW;IACXC,YAAY,EAAE,CAAE;IAChBlB,KAAK,EAAE,GAAGW,WAAW,IAAK;IAC1BV,MAAM,EAAE,GAAGO,YAAY,IAAK;IAC5BW,IAAI,EAAEtB,UAAU,CAACuB,IAAI,CAACC;EAAE,GACpBnB,KAAK,CACV,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/media-gallery/media-gallery-view.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Box } from '@wix/design-system';
+import { MediaGalleryItemThumbnail } from './media-gallery-item-thumbnail';
+export function MediaGalleryView(_ref) {
+  let {
+    data
+  } = _ref;
+  const items = data ?? [];
+  return /*#__PURE__*/React.createElement(Box, {
+    gap: "SP1",
+    maxWidth: "100%",
+    overflow: "hidden"
+  }, items.map((_ref2, index) => {
+    let {
+      src
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(MediaGalleryItemThumbnail, {
+      key: `${src}:${index}`,
+      src: src
+    });
+  }));
+}
+MediaGalleryView.displayName = 'MediaGalleryView';
+//# sourceMappingURL=media-gallery-view.js.map

package/dist/esm/cms-fields/components/media-gallery/media-gallery-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","MediaGalleryItemThumbnail","MediaGalleryView","_ref","data","items","createElement","gap","maxWidth","overflow","map","_ref2","index","src","key","displayName"],"sources":["../../../../../src/cms-fields/components/media-gallery/media-gallery-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { WixCodeGalleryItem } from '@wix/auto-cms-field-types';\nimport { Box } from '@wix/design-system';\n\nimport { MediaGalleryItemThumbnail } from './media-gallery-item-thumbnail';\n\nexport interface MediaGalleryViewProps {\n  data?: WixCodeGalleryItem[];\n}\n\nexport function MediaGalleryView({ data }: MediaGalleryViewProps) {\n  const items: WixCodeGalleryItem[] = data ?? [];\n  return (\n    <Box gap=\"SP1\" maxWidth=\"100%\" overflow=\"hidden\">\n      {items.map(({ src }, index) => (\n        <MediaGalleryItemThumbnail key={`${src}:${index}`} src={src} />\n      ))}\n    </Box>\n  );\n}\n\nMediaGalleryView.displayName = 'MediaGalleryView';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,GAAG,QAAQ,oBAAoB;AAExC,SAASC,yBAAyB,QAAQ,gCAAgC;AAM1E,OAAO,SAASC,gBAAgBA,CAAAC,IAAA,EAAkC;EAAA,IAAjC;IAAEC;EAA4B,CAAC,GAAAD,IAAA;EAC9D,MAAME,KAA2B,GAAGD,IAAI,IAAI,EAAE;EAC9C,oBACEL,KAAA,CAAAO,aAAA,CAACN,GAAG;IAACO,GAAG,EAAC,KAAK;IAACC,QAAQ,EAAC,MAAM;IAACC,QAAQ,EAAC;EAAQ,GAC7CJ,KAAK,CAACK,GAAG,CAAC,CAAAC,KAAA,EAAUC,KAAK;IAAA,IAAd;MAAEC;IAAI,CAAC,GAAAF,KAAA;IAAA,oBACjBZ,KAAA,CAAAO,aAAA,CAACL,yBAAyB;MAACa,GAAG,EAAE,GAAGD,GAAG,IAAID,KAAK,EAAG;MAACC,GAAG,EAAEA;IAAI,CAAE,CAAC;EAAA,CAChE,CACE,CAAC;AAEV;AAEAX,gBAAgB,CAACa,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-image/index.js

@@ -0,0 +1,2 @@
+export * from './media-image';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/media-image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/cms-fields/components/media-image/index.ts"],"sourcesContent":["export * from './media-image';\n"],"mappings":"AAAA,cAAc,eAAe","ignoreList":[]}

package/dist/esm/cms-fields/components/media-image/media-image.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback, useEffect, useState } from 'react';
+import { Image } from '@wix/design-system';
+import { mediaURItoImageURL, ThumbnailSize } from '@wix/auto-cms-field-types';
+import { classes, st } from './media-image.st.css.js';
+import { useRequestIdleCallback } from '../../hooks';
+export const MediaImage = _ref => {
+  let {
+    size = ThumbnailSize.L,
+    fit = 'cover',
+    suspended = false,
+    overlay,
+    src,
+    onLoad,
+    onError,
+    width = '100%',
+    height = '100%',
+    borderRadius,
+    onMouseEnter,
+    onMouseLeave,
+    className,
+    dataHook,
+    ...props
+  } = _ref;
+  const [allowLoading, setAllowLoading] = useState(!suspended || isLoadedImage(src));
+  useEffect(() => setAllowLoading(!suspended || isLoadedImage(src)), [src, suspended]);
+  const [loading, setLoading] = useState(allowLoading);
+  const [error, setError] = useState(isBrokenImage(src));
+  useEffect(() => {
+    const isBroken = isBrokenImage(src);
+    setError(isBroken);
+    isBroken && (onError == null ? void 0 : onError());
+  }, [src, onError]);
+  const requestFrameCallback = useRequestIdleCallback();
+  useEffect(() => {
+    if (!allowLoading) {
+      requestFrameCallback(() => {
+        setAllowLoading(true);
+        setLoading(true);
+      });
+    }
+  }, [allowLoading, requestFrameCallback]);
+  const onImageLoad = useCallback(() => {
+    if (allowLoading && src) {
+      imageLoaded(src);
+      setLoading(false);
+      setError(false);
+    }
+    onLoad == null || onLoad();
+  }, [allowLoading, onLoad, src]);
+  const onImageError = useCallback(() => {
+    if (allowLoading && src) {
+      imageBroken(src);
+      setLoading(false);
+      setError(true);
+    }
+    onError == null || onError();
+  }, [allowLoading, onError, src]);
+  return /*#__PURE__*/React.createElement("picture", {
+    "data-hook": dataHook,
+    style: {
+      width,
+      height,
+      borderRadius
+    },
+    className: st(classes.root, {
+      error,
+      loading
+    }, className),
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave
+  }, !error && /*#__PURE__*/React.createElement(Image, _extends({}, props, {
+    fit: fit,
+    src: allowLoading && src ? mediaURItoImageURL(src, size) : '',
+    width: width,
+    height: height,
+    borderRadius: borderRadius,
+    onLoad: onImageLoad,
+    dataHook: "media-image-image",
+    onError: onImageError
+  })), overlay);
+};
+MediaImage.displayName = 'MediaImage';
+MediaImage.Size = ThumbnailSize;
+MediaImage.loadedImages = new Set();
+MediaImage.brokenImages = new Set();
+MediaImage.resetBrokenImagesCache = () => {
+  MediaImage.brokenImages.clear();
+};
+export const useResetMediaImagesCacheEffect = () => {
+  useEffect(() => () => {
+    MediaImage.resetBrokenImagesCache();
+  }, []);
+};
+function imageLoaded(src) {
+  MediaImage.loadedImages.add(src);
+  MediaImage.brokenImages.delete(src);
+}
+function isLoadedImage(src) {
+  return src ? MediaImage.loadedImages.has(src) : false;
+}
+function imageBroken(src) {
+  MediaImage.brokenImages.add(src);
+}
+function isBrokenImage(src) {
+  return src ? MediaImage.brokenImages.has(src) : false;
+}
+//# sourceMappingURL=media-image.js.map

package/dist/esm/cms-fields/components/media-image/media-image.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useState","Image","mediaURItoImageURL","ThumbnailSize","classes","st","useRequestIdleCallback","MediaImage","_ref","size","L","fit","suspended","overlay","src","onLoad","onError","width","height","borderRadius","onMouseEnter","onMouseLeave","className","dataHook","props","allowLoading","setAllowLoading","isLoadedImage","loading","setLoading","error","setError","isBrokenImage","isBroken","requestFrameCallback","onImageLoad","imageLoaded","onImageError","imageBroken","createElement","style","root","_extends","displayName","Size","loadedImages","Set","brokenImages","resetBrokenImagesCache","clear","useResetMediaImagesCacheEffect","add","delete","has"],"sources":["../../../../../src/cms-fields/components/media-image/media-image.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\n\nimport type { ImageProps } from '@wix/design-system';\nimport { Image } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '@wix/auto-cms-field-types';\n\nimport { classes, st } from './media-image.st.css.js';\nimport { useRequestIdleCallback } from '../../hooks';\n\nexport interface MediaImageProps\n  extends Omit<ImageProps, 'onLoad' | 'onError'> {\n  size?: ThumbnailSize | number;\n  suspended?: boolean;\n  overlay?: React.ReactNode;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\ntype MediaImageFC = React.FC<MediaImageProps> & {\n  Size: typeof ThumbnailSize;\n  loadedImages: Set<string>;\n  brokenImages: Set<string>;\n  resetBrokenImagesCache: () => void;\n};\n\nexport const MediaImage: MediaImageFC = ({\n  size = ThumbnailSize.L,\n  fit = 'cover',\n  suspended = false,\n  overlay,\n  src,\n  onLoad,\n  onError,\n  width = '100%',\n  height = '100%',\n  borderRadius,\n  onMouseEnter,\n  onMouseLeave,\n  className,\n  dataHook,\n  ...props\n}) => {\n  const [allowLoading, setAllowLoading] = useState(\n    !suspended || isLoadedImage(src),\n  );\n  useEffect(\n    () => setAllowLoading(!suspended || isLoadedImage(src)),\n    [src, suspended],\n  );\n\n  const [loading, setLoading] = useState(allowLoading);\n\n  const [error, setError] = useState(isBrokenImage(src));\n  useEffect(() => {\n    const isBroken = isBrokenImage(src);\n    setError(isBroken);\n    isBroken && onError?.();\n  }, [src, onError]);\n\n  const requestFrameCallback = useRequestIdleCallback();\n  useEffect(() => {\n    if (!allowLoading) {\n      requestFrameCallback(() => {\n        setAllowLoading(true);\n        setLoading(true);\n      });\n    }\n  }, [allowLoading, requestFrameCallback]);\n\n  const onImageLoad = useCallback(() => {\n    if (allowLoading && src) {\n      imageLoaded(src);\n      setLoading(false);\n      setError(false);\n    }\n\n    onLoad?.();\n  }, [allowLoading, onLoad, src]);\n\n  const onImageError = useCallback(() => {\n    if (allowLoading && src) {\n      imageBroken(src);\n      setLoading(false);\n      setError(true);\n    }\n\n    onError?.();\n  }, [allowLoading, onError, src]);\n\n  return (\n    <picture\n      data-hook={dataHook}\n      style={{ width, height, borderRadius }}\n      className={st(classes.root, { error, loading }, className)}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {!error && (\n        <Image\n          {...props}\n          fit={fit}\n          src={allowLoading && src ? mediaURItoImageURL(src, size) : ''}\n          width={width}\n          height={height}\n          borderRadius={borderRadius}\n          onLoad={onImageLoad}\n          dataHook=\"media-image-image\"\n          onError={onImageError}\n        />\n      )}\n      {overlay}\n    </picture>\n  );\n};\n\nMediaImage.displayName = 'MediaImage';\n\nMediaImage.Size = ThumbnailSize;\n\nMediaImage.loadedImages = new Set();\nMediaImage.brokenImages = new Set();\n\nMediaImage.resetBrokenImagesCache = () => {\n  MediaImage.brokenImages.clear();\n};\n\nexport const useResetMediaImagesCacheEffect = () => {\n  useEffect(\n    () => () => {\n      MediaImage.resetBrokenImagesCache();\n    },\n    [],\n  );\n};\n\nfunction imageLoaded(src: string) {\n  MediaImage.loadedImages.add(src);\n  MediaImage.brokenImages.delete(src);\n}\n\nfunction isLoadedImage(src?: string) {\n  return src ? MediaImage.loadedImages.has(src) : false;\n}\n\nfunction imageBroken(src: string) {\n  MediaImage.brokenImages.add(src);\n}\n\nfunction isBrokenImage(src?: string) {\n  return src ? MediaImage.brokenImages.has(src) : false;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/cms-fields/components/media-image/media-image.st.css

@@ -0,0 +1,30 @@
+@property st-global(--wds-color-red-200);
+@property st-global(--wsr-color-R20);
+@property st-global(--wds-color-black-550);
+@property st-global(--wsr-color-D55);
+
+.root {
+  -st-states: error, loading;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  position: relative;
+  box-sizing: border-box;
+}
+
+.root:error {
+  --from: calc(50% - 0.5px);
+  --to: calc(50% + 0.5px);
+
+  background-image: linear-gradient(
+    to bottom right,
+    transparent var(--from),
+    var(--wds-color-red-200, var(--wsr-color-R20)) var(--from),
+    var(--wds-color-red-200, var(--wsr-color-R20)) var(--to),
+    transparent var(--to)
+  );
+}
+
+.root:error > * {
+  opacity: 0;
+}

package/dist/esm/cms-fields/components/media-image/media-image.st.css.js

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "mediaimage2553715898";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "mediaimage2553715898__root"
+};
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-color-red-200": "--wds-color-red-200",
+  "wsr-color-R20": "--wsr-color-R20",
+  "wds-color-black-550": "--wds-color-black-550",
+  "wsr-color-D55": "--wsr-color-D55",
+  "from": "--mediaimage2553715898-from",
+  "to": "--mediaimage2553715898-to"
+};
+//# sourceMappingURL=media-image.st.css.js.map

package/dist/esm/cms-fields/components/media-image/media-image.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage2553715898\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage2553715898__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage2553715898-from\",\"to\":\"--mediaimage2553715898-to\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AAC1D,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/multi-document/index.js

@@ -0,0 +1,3 @@
+export { MultiDocumentView } from './multi-document-view/multi-document-view';
+export { FormMultiDocumentField } from './multi-document-input/form-multi-document-field';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/multi-document/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MultiDocumentView","FormMultiDocumentField"],"sources":["../../../../../src/cms-fields/components/multi-document/index.ts"],"sourcesContent":["export { MultiDocumentView } from './multi-document-view/multi-document-view';\nexport { FormMultiDocumentField } from './multi-document-input/form-multi-document-field';\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,2CAA2C;AAC7E,SAASC,sBAAsB,QAAQ,kDAAkD","ignoreList":[]}

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document-field.js

@@ -0,0 +1,85 @@
+import React, { useRef, useCallback } from 'react';
+import { MEDIA_TYPES } from '../../../utils/media-utils';
+import { PasteURLForm, useMediaControl, usePasteURLForm } from '../../media-control';
+import { FormDocumentInput } from '../../document/form';
+import { useTranslations, useWithCallback } from '../../../hooks';
+import { FormMultiDocumentView } from './form-multi-document-view';
+export const FormMultiDocumentField = _ref => {
+  let {
+    data,
+    onChange: onChangeMultiDocument,
+    onInput,
+    autoFocus,
+    readOnly,
+    invalid,
+    dataHook
+  } = _ref;
+  const {
+    t
+  } = useTranslations();
+  const onChange = useWithCallback(onChangeMultiDocument, onInput);
+  const inputRef = useRef(null);
+  const firstDocumentViewRef = useRef(null);
+  const {
+    callMedia,
+    loading
+  } = useMediaControl({
+    mediaType: MEDIA_TYPES.ALL_MEDIA,
+    value: data,
+    onChange,
+    autoFocus,
+    readOnly,
+    inputRef,
+    viewRef: firstDocumentViewRef,
+    multiSelect: true
+  });
+  const onPastedURLChange = useCallback((value, indexToReplace) => {
+    if (indexToReplace !== undefined) {
+      const nextData = [...(data ?? [])];
+      nextData.splice(indexToReplace, 1, value);
+      onChange(nextData);
+    } else {
+      onChange([...(data ?? []), value]);
+    }
+  }, [data, onChange]);
+  const {
+    isOpen,
+    title,
+    onOpen,
+    onClose,
+    onSave,
+    value
+  } = usePasteURLForm({
+    onChange: onPastedURLChange
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, data != null && data.length ? /*#__PURE__*/React.createElement(FormMultiDocumentView, {
+    dataHook: dataHook,
+    data: data,
+    readOnly: readOnly,
+    callMedia: callMedia,
+    onChange: onChange,
+    ref: firstDocumentViewRef,
+    loading: loading,
+    onOpenPasteURLForm: onOpen
+  }) : /*#__PURE__*/React.createElement(FormDocumentInput, {
+    dataHook: dataHook,
+    ref: inputRef,
+    theme: "dashes",
+    disabled: readOnly,
+    loading: loading,
+    error: invalid,
+    loaderBorderStyle: "dashed",
+    onAddButtonClick: callMedia,
+    onPasteURLButtonClick: onOpen({
+      title: t('CMS.document.pasteUrl.title')
+    })
+  }), /*#__PURE__*/React.createElement(PasteURLForm, {
+    title: title,
+    value: value,
+    show: isOpen,
+    closeModal: onClose,
+    onSave: onSave
+  }));
+};
+FormMultiDocumentField.displayName = 'FormMultiDocumentField';
+//# sourceMappingURL=form-multi-document-field.js.map

package/dist/esm/cms-fields/components/multi-document/multi-document-input/form-multi-document-field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useCallback","MEDIA_TYPES","PasteURLForm","useMediaControl","usePasteURLForm","FormDocumentInput","useTranslations","useWithCallback","FormMultiDocumentView","FormMultiDocumentField","_ref","data","onChange","onChangeMultiDocument","onInput","autoFocus","readOnly","invalid","dataHook","t","inputRef","firstDocumentViewRef","callMedia","loading","mediaType","ALL_MEDIA","value","viewRef","multiSelect","onPastedURLChange","indexToReplace","undefined","nextData","splice","isOpen","title","onOpen","onClose","onSave","createElement","Fragment","length","ref","onOpenPasteURLForm","theme","disabled","error","loaderBorderStyle","onAddButtonClick","onPasteURLButtonClick","show","closeModal","displayName"],"sources":["../../../../../../src/cms-fields/components/multi-document/multi-document-input/form-multi-document-field.tsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\n\nimport { MEDIA_TYPES } from '../../../utils/media-utils';\nimport type { AddItemActions } from '@wix/design-system';\n\nimport type { FormMediaControlProps } from '../../media-control';\nimport {\n  PasteURLForm,\n  useMediaControl,\n  usePasteURLForm,\n} from '../../media-control';\nimport { FormDocumentInput } from '../../document/form';\nimport { useTranslations, useWithCallback } from '../../../hooks';\n\nimport { FormMultiDocumentView } from './form-multi-document-view';\n\nexport const FormMultiDocumentField: React.FC<\n  FormMediaControlProps<string[]>\n> = ({\n  data,\n  onChange: onChangeMultiDocument,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeMultiDocument, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const firstDocumentViewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef: firstDocumentViewRef,\n    multiSelect: true,\n  });\n\n  const onPastedURLChange = useCallback(\n    (value: string, indexToReplace?: number) => {\n      if (indexToReplace !== undefined) {\n        const nextData = [...(data ?? [])];\n        nextData.splice(indexToReplace, 1, value);\n        onChange(nextData);\n      } else {\n        onChange([...(data ?? []), value]);\n      }\n    },\n    [data, onChange],\n  );\n\n  const { isOpen, title, onOpen, onClose, onSave, value } = usePasteURLForm({\n    onChange: onPastedURLChange,\n  });\n\n  return (\n    <>\n      {data?.length ? (\n        <FormMultiDocumentView\n          dataHook={dataHook}\n          data={data}\n          readOnly={readOnly}\n          callMedia={callMedia}\n          onChange={onChange}\n          ref={firstDocumentViewRef}\n          loading={loading}\n          onOpenPasteURLForm={onOpen}\n        />\n      ) : (\n        <FormDocumentInput\n          dataHook={dataHook}\n          ref={inputRef}\n          theme=\"dashes\"\n          disabled={readOnly}\n          loading={loading}\n          error={invalid}\n          loaderBorderStyle=\"dashed\"\n          onAddButtonClick={callMedia as () => Promise<void>}\n          onPasteURLButtonClick={onOpen({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n      )}\n      <PasteURLForm\n        title={title}\n        value={value}\n        show={isOpen}\n        closeModal={onClose}\n        onSave={onSave}\n      />\n    </>\n  );\n};\n\nFormMultiDocumentField.displayName = 'FormMultiDocumentField';\n"],"mappings":"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","ignoreList":[]}