@wix/patterns-fields 1.0.0

package/dist/cjs/components/media-control/use-media-control.js

@@ -0,0 +1,169 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useMediaControl = useMediaControl;
+var _react = require("react");
+var _dashboard = require("@wix/dashboard");
+var _media = require("@wix/media");
+var _mediaUtils = require("../../utils/media-utils");
+var _autoFieldTypes = require("../../auto-field-types");
+const MEDIA_TYPE_TO_CATEGORY = {
+  IMAGE: 'IMAGE',
+  VIDEO: 'VIDEO',
+  MUSIC: 'MUSIC',
+  // MEDIA_TYPES.AUDIO = 'MUSIC'
+  DOCUMENT: 'DOCUMENT',
+  ALL_MEDIA: undefined
+};
+
+/**
+ * Extracts a playable URL from media.audio, which may be:
+ *   - a string (wix:audio:// URI or direct URL)
+ *   - an object with { audio: string } (nested URI)
+ *   - an object with { assets: [{ url }] } or { assets: [string] }
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const extractAudioUrl = audio => {
+  if (audio) {
+    var _audio$assets;
+    if (typeof audio === 'string') {
+      return audio;
+    }
+    if (typeof audio.audio === 'string') {
+      return audio.audio;
+    }
+    const firstAsset = (_audio$assets = audio.assets) == null ? void 0 : _audio$assets[0];
+    if (typeof firstAsset === 'string') {
+      return firstAsset;
+    }
+    if (typeof (firstAsset == null ? void 0 : firstAsset.url) === 'string') {
+      return firstAsset.url;
+    }
+  }
+  return undefined;
+};
+
+/**
+ * Extracts the Wix media URI from media manager result.
+ * Media manager returns different structures for different media types.
+ */
+const extractMediaUri = mediaItem => {
+  const {
+    media
+  } = mediaItem || {};
+  if (media) {
+    var _media$image, _media$video, _media$document;
+    return (
+      // Try each media type: the URI is nested under media.[type].[type], fallback for direct string values
+      ((_media$image = media.image) == null ? void 0 : _media$image.image) || typeof media.image === 'string' && media.image || ((_media$video = media.video) == null ? void 0 : _media$video.video) || typeof media.video === 'string' && media.video || ((_media$document = media.document) == null ? void 0 : _media$document.document) || typeof media.document === 'string' && media.document || extractAudioUrl(media.audio) || ''
+    );
+  }
+  return '';
+};
+function useMediaControl({
+  mediaType,
+  readOnly,
+  autoFocus,
+  initialLoading,
+  inputRef,
+  viewRef,
+  onFocus,
+  onBlur,
+  ...params
+}) {
+  const {
+    value,
+    multiSelect
+  } = params;
+  const [loading, setLoading] = (0, _react.useState)(Boolean(initialLoading && value));
+  const mediaRequested = (0, _react.useRef)(false);
+  const setActive = (0, _react.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]);
+  (0, _react.useEffect)(() => setActive(), [setActive]);
+  const onMediaLoad = (0, _react.useCallback)(() => setLoading(false), []);
+  const callMedia = (0, _react.useCallback)(async index => {
+    if (mediaRequested.current || readOnly) {
+      return;
+    }
+    if (!params.onChange) {
+      return;
+    }
+    mediaRequested.current = true;
+    onFocus == null || onFocus();
+    setLoading(true);
+    try {
+      const category = MEDIA_TYPE_TO_CATEGORY[mediaType];
+      const mediaManagerData = await _dashboard.dashboard.openMediaManager({
+        multiSelect: Boolean(multiSelect),
+        ...(category && {
+          category
+        })
+      });
+      onBlur == null || onBlur();
+      setLoading(false);
+      setActive();
+      mediaRequested.current = false;
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const items = (mediaManagerData == null ? void 0 : mediaManagerData.items) || (mediaManagerData == null ? void 0 : mediaManagerData.files);
+      if (!(items != null && items.length)) {
+        return;
+      }
+      if (params.multiSelect) {
+        const newURIs = 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(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 = (0, _react.useCallback)(async mediaUri => {
+    if (!mediaUri) {
+      return;
+    }
+    try {
+      var _result$downloadUrls;
+      const result = await _media.files.generateFileDownloadUrl(mediaUri);
+      const downloadUrl = (_result$downloadUrls = result.downloadUrls) == null || (_result$downloadUrls = _result$downloadUrls[0]) == null ? void 0 : _result$downloadUrls.url;
+      if (!downloadUrl) {
+        throw new Error('No download URL returned');
+      }
+      return (0, _mediaUtils.executeDownloading)(downloadUrl);
+    } catch (error) {
+      // Fallback: open the static URL in a new tab
+      console.error('Media download error, falling back to static URL:', error);
+      return (0, _mediaUtils.executeDownloading)((0, _autoFieldTypes.getMediaURL)(mediaUri));
+    }
+  }, []);
+  return {
+    loading,
+    callMedia,
+    downloadMedia,
+    onMediaLoad
+  };
+}
+//# sourceMappingURL=use-media-control.js.map

package/dist/cjs/components/media-control/use-media-control.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_dashboard","_media","_mediaUtils","_autoFieldTypes","MEDIA_TYPE_TO_CATEGORY","IMAGE","VIDEO","MUSIC","DOCUMENT","ALL_MEDIA","undefined","extractAudioUrl","audio","_audio$assets","firstAsset","assets","url","extractMediaUri","mediaItem","media","_media$image","_media$video","_media$document","image","video","document","useMediaControl","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","loading","setLoading","useState","Boolean","mediaRequested","useRef","setActive","useCallback","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","useEffect","onMediaLoad","callMedia","index","onChange","category","mediaManagerData","dashboard","openMediaManager","items","files","length","newURIs","map","Error","newValue","splice","e","console","error","downloadMedia","mediaUri","_result$downloadUrls","result","generateFileDownloadUrl","downloadUrl","downloadUrls","executeDownloading","getMediaURL"],"sources":["../../../../src/components/media-control/use-media-control.ts"],"sourcesContent":["import { useRef, useState, useEffect, useCallback } from 'react';\nimport { dashboard } from '@wix/dashboard';\nimport { files } from '@wix/media';\n\nimport type { MEDIA_TYPES } from '../../utils/media-utils';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\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  downloadMedia(mediaUri?: string): Promise<void>;\n}\n\ninterface UseMultiMediaControlReturnType extends UseMediaControlBaseReturnType {\n  callMedia(index?: number): Promise<void>;\n  downloadMedia(mediaUri?: string): Promise<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  MUSIC: 'MUSIC', // MEDIA_TYPES.AUDIO = 'MUSIC'\n  DOCUMENT: 'DOCUMENT',\n  ALL_MEDIA: undefined,\n};\n\n/**\n * Extracts a playable URL from media.audio, which may be:\n *   - a string (wix:audio:// URI or direct URL)\n *   - an object with { audio: string } (nested URI)\n *   - an object with { assets: [{ url }] } or { assets: [string] }\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractAudioUrl = (audio: any): string | undefined => {\n  if (audio) {\n    if (typeof audio === 'string') {\n      return audio;\n    }\n    if (typeof audio.audio === 'string') {\n      return audio.audio;\n    }\n    const firstAsset = audio.assets?.[0];\n    if (typeof firstAsset === 'string') {\n      return firstAsset;\n    }\n    if (typeof firstAsset?.url === 'string') {\n      return firstAsset.url;\n    }\n  }\n  return 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 */\nconst extractMediaUri = (mediaItem: any): string => {\n  const { media } = mediaItem || {};\n  if (media) {\n    return (\n      // Try each media type: the URI is nested under media.[type].[type], fallback for direct string values\n      media.image?.image ||\n      (typeof media.image === 'string' && media.image) ||\n      media.video?.video ||\n      (typeof media.video === 'string' && media.video) ||\n      media.document?.document ||\n      (typeof media.document === 'string' && media.document) ||\n      extractAudioUrl(media.audio) ||\n      ''\n    );\n  }\n\n  return '';\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        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        const items =\n          mediaManagerData?.items || (mediaManagerData as any)?.files;\n\n        if (!items?.length) {\n          return;\n        }\n\n        if (params.multiSelect) {\n          const newURIs = 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(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 = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\n    }\n\n    try {\n      const result = await files.generateFileDownloadUrl(mediaUri);\n      const downloadUrl = result.downloadUrls?.[0]?.url;\n      if (!downloadUrl) {\n        throw new Error('No download URL returned');\n      }\n      return executeDownloading(downloadUrl);\n    } catch (error) {\n      // Fallback: open the static URL in a new tab\n      console.error('Media download error, falling back to static URL:', error);\n      return executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  return {\n    loading,\n    callMedia,\n    downloadMedia,\n    onMediaLoad,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAsDA,MAAMK,sBAA0D,GAAG;EACjEC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EAAE;EAChBC,QAAQ,EAAE,UAAU;EACpBC,SAAS,EAAEC;AACb,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAIC,KAAU,IAAyB;EAC1D,IAAIA,KAAK,EAAE;IAAA,IAAAC,aAAA;IACT,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;MAC7B,OAAOA,KAAK;IACd;IACA,IAAI,OAAOA,KAAK,CAACA,KAAK,KAAK,QAAQ,EAAE;MACnC,OAAOA,KAAK,CAACA,KAAK;IACpB;IACA,MAAME,UAAU,IAAAD,aAAA,GAAGD,KAAK,CAACG,MAAM,qBAAZF,aAAA,CAAe,CAAC,CAAC;IACpC,IAAI,OAAOC,UAAU,KAAK,QAAQ,EAAE;MAClC,OAAOA,UAAU;IACnB;IACA,IAAI,QAAOA,UAAU,oBAAVA,UAAU,CAAEE,GAAG,MAAK,QAAQ,EAAE;MACvC,OAAOF,UAAU,CAACE,GAAG;IACvB;EACF;EACA,OAAON,SAAS;AAClB,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMO,eAAe,GAAIC,SAAc,IAAa;EAClD,MAAM;IAAEC;EAAM,CAAC,GAAGD,SAAS,IAAI,CAAC,CAAC;EACjC,IAAIC,KAAK,EAAE;IAAA,IAAAC,YAAA,EAAAC,YAAA,EAAAC,eAAA;IACT;MACE;MACA,EAAAF,YAAA,GAAAD,KAAK,CAACI,KAAK,qBAAXH,YAAA,CAAaG,KAAK,KACjB,OAAOJ,KAAK,CAACI,KAAK,KAAK,QAAQ,IAAIJ,KAAK,CAACI,KAAM,MAAAF,YAAA,GAChDF,KAAK,CAACK,KAAK,qBAAXH,YAAA,CAAaG,KAAK,KACjB,OAAOL,KAAK,CAACK,KAAK,KAAK,QAAQ,IAAIL,KAAK,CAACK,KAAM,MAAAF,eAAA,GAChDH,KAAK,CAACM,QAAQ,qBAAdH,eAAA,CAAgBG,QAAQ,KACvB,OAAON,KAAK,CAACM,QAAQ,KAAK,QAAQ,IAAIN,KAAK,CAACM,QAAS,IACtDd,eAAe,CAACQ,KAAK,CAACP,KAAK,CAAC,IAC5B;IAAE;EAEN;EAEA,OAAO,EAAE;AACX,CAAC;AAUM,SAASc,eAAeA,CAAC;EAC9BC,SAAS;EACTC,QAAQ;EACRC,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,MAAM;EACN,GAAGC;AACkB,CAAC,EAA6B;EACnD,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAGF,MAAM;EAErC,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAACC,OAAO,CAACX,cAAc,IAAIM,KAAK,CAAC,CAAC;EACxE,MAAMM,cAAc,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAEpC,MAAMC,SAAS,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClC,IAAI,CAAChB,SAAS,EAAE;MACd;IACF;IAEA,IAAIO,KAAK,EAAE;MAAA,IAAAU,gBAAA,EAAAC,iBAAA;MACTf,OAAO,KAAIA,OAAO,aAAAc,gBAAA,GAAPd,OAAO,CAAEgB,OAAO,qBAAhBF,gBAAA,CAAkBG,KAAK,CAAC,CAAC;MACpC,CAACjB,OAAO,KAAID,QAAQ,aAAAgB,iBAAA,GAARhB,QAAQ,CAAEiB,OAAO,qBAAjBD,iBAAA,CAAmBE,KAAK,CAAC,CAAC;IACxC,CAAC,MAAM;MAAA,IAAAC,kBAAA;MACLnB,QAAQ,aAAAmB,kBAAA,GAARnB,QAAQ,CAAEiB,OAAO,aAAjBE,kBAAA,CAAmBD,KAAK,CAAC,CAAC;IAC5B;EACF,CAAC,EAAE,CAACpB,SAAS,EAAEO,KAAK,EAAEL,QAAQ,EAAEC,OAAO,CAAC,CAAC;EAEzC,IAAAmB,gBAAS,EAAC,MAAMP,SAAS,CAAC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEzC,MAAMQ,WAAW,GAAG,IAAAP,kBAAW,EAAC,MAAMN,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAE5D,MAAMc,SAAS,GAAG,IAAAR,kBAAW,EAC3B,MAAOS,KAAc,IAAK;IACxB,IAAIZ,cAAc,CAACM,OAAO,IAAIpB,QAAQ,EAAE;MACtC;IACF;IAEA,IAAI,CAACO,MAAM,CAACoB,QAAQ,EAAE;MACpB;IACF;IAEAb,cAAc,CAACM,OAAO,GAAG,IAAI;IAE7Bf,OAAO,YAAPA,OAAO,CAAG,CAAC;IACXM,UAAU,CAAC,IAAI,CAAC;IAEhB,IAAI;MACF,MAAMiB,QAAQ,GAAGpD,sBAAsB,CAACuB,SAAS,CAAC;MAClD,MAAM8B,gBAAgB,GAAG,MAAMC,oBAAS,CAACC,gBAAgB,CAAC;QACxDtB,WAAW,EAAEI,OAAO,CAACJ,WAAW,CAAC;QACjC,IAAImB,QAAQ,IAAI;UAAEA;QAAS,CAAC;MAC9B,CAAC,CAAC;MAEFtB,MAAM,YAANA,MAAM,CAAG,CAAC;MACVK,UAAU,CAAC,KAAK,CAAC;MAEjBK,SAAS,CAAC,CAAC;MAEXF,cAAc,CAACM,OAAO,GAAG,KAAK;;MAE9B;MACA,MAAMY,KAAK,GACT,CAAAH,gBAAgB,oBAAhBA,gBAAgB,CAAEG,KAAK,MAAKH,gBAAgB,oBAAhBA,gBAAgB,CAAUI,KAAK;MAE7D,IAAI,EAACD,KAAK,YAALA,KAAK,CAAEE,MAAM,GAAE;QAClB;MACF;MAEA,IAAI3B,MAAM,CAACE,WAAW,EAAE;QACtB,MAAM0B,OAAO,GAAGH,KAAK,CAACI,GAAG,CAAC/C,eAAe,CAAC;QAE1C,IAAI,CAAC8C,OAAO,CAACD,MAAM,EAAE;UACnB,MAAM,IAAIG,KAAK,CACb,6EACF,CAAC;QACH;QAEA,IAAI,OAAOX,KAAK,KAAK,QAAQ,EAAE;UAC7B,MAAMY,QAAQ,GAAG9B,KAAK,GAAG,CAAC,GAAGA,KAAK,CAAC,GAAG,EAAE;UACxC8B,QAAQ,CAACC,MAAM,CAACb,KAAK,EAAE,CAAC,EAAE,GAAGS,OAAO,CAAC;UACrC5B,MAAM,CAACoB,QAAQ,CAACW,QAAQ,CAAC;QAC3B,CAAC,MAAM;UACL/B,MAAM,CAACoB,QAAQ,CAAC,CAAC,IAAKnB,KAAK,IAAiB,EAAE,CAAC,EAAE,GAAG2B,OAAO,CAAC,CAAC;QAC/D;MACF,CAAC,MAAM;QACL5B,MAAM,CAACoB,QAAQ,CAACtC,eAAe,CAAC2C,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;MAC5C;IACF,CAAC,CAAC,OAAOQ,CAAC,EAAE;MACV7B,UAAU,CAAC,KAAK,CAAC;MACjBG,cAAc,CAACM,OAAO,GAAG,KAAK;MAC9BqB,OAAO,CAACC,KAAK,CAAC,sBAAsB,EAAEF,CAAC,CAAC;IAC1C;EACF,CAAC,EACD,CACEzC,SAAS,EACTU,WAAW,EACXH,MAAM,EACND,OAAO,EACPE,MAAM,EACNP,QAAQ,EACRgB,SAAS,EACTR,KAAK,CAET,CAAC;EAED,MAAMmC,aAAa,GAAG,IAAA1B,kBAAW,EAAC,MAAO2B,QAAiB,IAAK;IAC7D,IAAI,CAACA,QAAQ,EAAE;MACb;IACF;IAEA,IAAI;MAAA,IAAAC,oBAAA;MACF,MAAMC,MAAM,GAAG,MAAMb,YAAK,CAACc,uBAAuB,CAACH,QAAQ,CAAC;MAC5D,MAAMI,WAAW,IAAAH,oBAAA,GAAGC,MAAM,CAACG,YAAY,cAAAJ,oBAAA,GAAnBA,oBAAA,CAAsB,CAAC,CAAC,qBAAxBA,oBAAA,CAA0BzD,GAAG;MACjD,IAAI,CAAC4D,WAAW,EAAE;QAChB,MAAM,IAAIX,KAAK,CAAC,0BAA0B,CAAC;MAC7C;MACA,OAAO,IAAAa,8BAAkB,EAACF,WAAW,CAAC;IACxC,CAAC,CAAC,OAAON,KAAK,EAAE;MACd;MACAD,OAAO,CAACC,KAAK,CAAC,mDAAmD,EAAEA,KAAK,CAAC;MACzE,OAAO,IAAAQ,8BAAkB,EAAC,IAAAC,2BAAW,EAACP,QAAQ,CAAC,CAAC;IAClD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLlC,OAAO;IACPe,SAAS;IACTkB,aAAa;IACbnB;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/media-control/use-paste-url-form.js

@@ -0,0 +1,41 @@
+"use strict";
+
+exports.__esModule = true;
+exports.usePasteURLForm = void 0;
+var _react = require("react");
+var _hooks = require("../../hooks");
+const usePasteURLForm = ({
+  onChange
+}) => {
+  const {
+    isOpen,
+    onOpen: onOpenModal,
+    onClose
+  } = (0, _hooks.useOpenState)(false);
+  const [title, setTitle] = (0, _react.useState)('');
+  const [value, setValue] = (0, _react.useState)('');
+  const [indexToReplace, setIndexToReplace] = (0, _react.useState)(undefined);
+  const onOpen = (0, _react.useCallback)(({
+    title,
+    value,
+    index
+  }) => () => {
+    setTitle(title);
+    setValue(value ?? '');
+    onOpenModal();
+    setIndexToReplace(index);
+  }, [onOpenModal]);
+  const onSave = (0, _react.useCallback)(value => {
+    onChange(value, indexToReplace);
+  }, [onChange, indexToReplace]);
+  return {
+    isOpen,
+    title,
+    onOpen,
+    onClose,
+    onSave,
+    value
+  };
+};
+exports.usePasteURLForm = usePasteURLForm;
+//# sourceMappingURL=use-paste-url-form.js.map

package/dist/cjs/components/media-control/use-paste-url-form.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_hooks","usePasteURLForm","onChange","isOpen","onOpen","onOpenModal","onClose","useOpenState","title","setTitle","useState","value","setValue","indexToReplace","setIndexToReplace","undefined","useCallback","index","onSave","exports"],"sources":["../../../../src/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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAqBO,MAAME,eAAoC,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EACpE,MAAM;IAAEC,MAAM;IAAEC,MAAM,EAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAG,IAAAC,mBAAY,EAAC,KAAK,CAAC;EACpE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EACtC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACtC,MAAM,CAACG,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAJ,eAAQ,EAClDK,SACF,CAAC;EAED,MAAMX,MAAM,GAAG,IAAAY,kBAAW,EACxB,CAAC;IAAER,KAAK;IAAEG,KAAK;IAAEM;EAA8B,CAAC,KAC9C,MAAM;IACJR,QAAQ,CAACD,KAAK,CAAC;IACfI,QAAQ,CAACD,KAAK,IAAI,EAAE,CAAC;IACrBN,WAAW,CAAC,CAAC;IACbS,iBAAiB,CAACG,KAAK,CAAC;EAC1B,CAAC,EACH,CAACZ,WAAW,CACd,CAAC;EAED,MAAMa,MAAM,GAAG,IAAAF,kBAAW,EACvBL,KAAa,IAAK;IACjBT,QAAQ,CAACS,KAAK,EAAEE,cAAc,CAAC;EACjC,CAAC,EACD,CAACX,QAAQ,EAAEW,cAAc,CAC3B,CAAC;EAED,OAAO;IACLV,MAAM;IACNK,KAAK;IACLJ,MAAM;IACNE,OAAO;IACPY,MAAM;IACNP;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAAlB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/media-gallery/form-media-gallery-field.js

@@ -0,0 +1,275 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormMediaGalleryField = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _hooks = require("../../hooks");
+var _mediaUtils = require("../../utils/media-utils");
+var _autoFieldTypes = require("../../auto-field-types");
+var _media = require("@wix/media");
+var _formMediaGalleryFieldStCss = require("./form-media-gallery-field.st.css.js");
+var _formMediaGalleryItemsPreview = require("./form-media-gallery-items-preview");
+var _mediaPreviewModal = require("./media-preview-modal");
+var _hooks2 = require("./media-gallery-dialog/hooks");
+var _mediaGalleryDialog = require("./media-gallery-dialog/media-gallery-dialog");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-gallery/form-media-gallery-field.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const mediaGalleryPreviewTextKeys = {
+  replace: 'CMS.mediaGallery.preview.replace',
+  download: 'CMS.mediaGallery.preview.download',
+  delete: 'CMS.mediaGallery.preview.delete'
+};
+const FormMediaGalleryField = ({
+  data,
+  onChange,
+  onClear,
+  readOnly,
+  invalid,
+  autoFocus,
+  dataHook
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const boxRef = (0, _react.useRef)(null);
+  const inputRef = (0, _react.useRef)(null);
+  const [boxWidth, setBoxWidth] = (0, _react.useState)(0);
+  const [hovered, setHovered] = (0, _react.useState)(false);
+  const [isPreviewOpen, setIsPreviewOpen] = (0, _react.useState)(false);
+  const hasValue = Boolean(data == null ? void 0 : data.length);
+
+  // autoFocus support
+  (0, _react.useEffect)(() => {
+    var _boxRef$current, _inputRef$current;
+    if (!autoFocus) {
+      return;
+    }
+    (_boxRef$current = boxRef.current) == null || _boxRef$current.focus();
+    (_inputRef$current = inputRef.current) == null || _inputRef$current.focus();
+  }, [autoFocus]);
+
+  // Responsive width tracking
+  (0, _react.useEffect)(() => {
+    const el = boxRef.current;
+    if (!el) {
+      return;
+    }
+    setBoxWidth(el.clientWidth);
+    const ro = new ResizeObserver(([entry]) => setBoxWidth(entry.contentRect.width));
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const {
+    openMediaGalleryDialog,
+    ...mediaGalleryDialogProps
+  } = (0, _hooks2.useMediaGalleryDialog)({
+    initialOpen: false,
+    items: data,
+    onChange
+  });
+  const onMouseEnter = (0, _react.useCallback)(() => hasValue && setHovered(true), [hasValue]);
+  const onMouseLeave = (0, _react.useCallback)(() => hasValue && setHovered(false), [hasValue]);
+
+  // Download using Wix media API (consistent with useMediaControl)
+  const onDownloadMedia = (0, _react.useCallback)(async mediaUri => {
+    if (!mediaUri) {
+      return;
+    }
+    try {
+      var _result$downloadUrls;
+      const result = await _media.files.generateFileDownloadUrl(mediaUri);
+      const downloadUrl = (_result$downloadUrls = result.downloadUrls) == null || (_result$downloadUrls = _result$downloadUrls[0]) == null ? void 0 : _result$downloadUrls.url;
+      if (!downloadUrl) {
+        throw new Error('No download URL returned');
+      }
+      (0, _mediaUtils.executeDownloading)(downloadUrl);
+    } catch (error) {
+      // Fallback: open the static URL in a new tab
+      console.error('Media download error, falling back to static URL:', error);
+      (0, _mediaUtils.executeDownloading)((0, _autoFieldTypes.getMediaURL)(mediaUri));
+    }
+  }, []);
+  const onRequestMedia = (0, _react.useCallback)(() => {
+    openMediaGalleryDialog();
+    setIsPreviewOpen(false);
+    setHovered(false);
+  }, [openMediaGalleryDialog]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    ref: boxRef,
+    tabIndex: hasValue ? 0 : -1,
+    className: _formMediaGalleryFieldStCss.classes.container,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    onFocus: onMouseEnter,
+    onBlur: onMouseLeave,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
+      columnNumber: 5
+    }
+  }, !hasValue ? /*#__PURE__*/_react.default.createElement("div", {
+    className: _formMediaGalleryFieldStCss.classes.addItemWrapper,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 138,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
+    ref: inputRef,
+    className: (0, _formMediaGalleryFieldStCss.style)(_formMediaGalleryFieldStCss.classes.addItem, {
+      error: invalid
+    }),
+    size: "tiny",
+    theme: "dashes",
+    onClick: onRequestMedia,
+    disabled: readOnly,
+    dataHook: `${dataHook}-add`,
+    subtitle: t('CMS.mediaGallery.emptyHint'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 139,
+      columnNumber: 11
+    }
+  }, t('CMS.mediaGallery.addGallery'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay, {
+    hovered: hovered,
+    className: _formMediaGalleryFieldStCss.classes.overlay,
+    hoverSkin: "dark",
+    borderRadius: 0,
+    media: /*#__PURE__*/_react.default.createElement(_formMediaGalleryItemsPreview.FormMediaGalleryItemsPreview, {
+      width: boxWidth,
+      value: data,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 160,
+        columnNumber: 15
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 154,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay.Content, {
+    visible: "hover",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 163,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP2",
+    align: "center",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 164,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+    skin: "inverted",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 167,
+        columnNumber: 31
+      }
+    }),
+    onClick: onRequestMedia,
+    disabled: readOnly,
+    dataHook: `${dataHook}-manage`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 165,
+      columnNumber: 17
+    }
+  }, t('CMS.mediaGallery.manageGallery')), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('CMS.mediaGallery.preview'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 174,
+      columnNumber: 17
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    skin: "inverted",
+    onClick: () => setIsPreviewOpen(true),
+    dataHook: `${dataHook}-preview`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 175,
+      columnNumber: 19
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Maximize, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 180,
+      columnNumber: 21
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('CMS.mediaGallery.clear'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 183,
+      columnNumber: 17
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    skin: "inverted",
+    onClick: onClear,
+    disabled: readOnly,
+    dataHook: `${dataHook}-clear`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 184,
+      columnNumber: 19
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 190,
+      columnNumber: 21
+    }
+  })))))), /*#__PURE__*/_react.default.createElement(_mediaPreviewModal.MediaPreviewModal, {
+    isOpen: isPreviewOpen,
+    onClose: () => setIsPreviewOpen(false),
+    value: data == null ? void 0 : data.map(d => d.src),
+    onRequestMedia: onRequestMedia,
+    onClearMedia: onClear,
+    onDownloadMedia: onDownloadMedia,
+    textKeys: mediaGalleryPreviewTextKeys,
+    readOnly: readOnly,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 196,
+      columnNumber: 11
+    }
+  })), mediaGalleryDialogProps.isOpen && /*#__PURE__*/_react.default.createElement(_mediaGalleryDialog.MediaGalleryDialog, (0, _extends2.default)({}, mediaGalleryDialogProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 210,
+      columnNumber: 9
+    }
+  })));
+};
+exports.FormMediaGalleryField = FormMediaGalleryField;
+FormMediaGalleryField.displayName = 'FormMediaGalleryField';
+//# sourceMappingURL=form-media-gallery-field.js.map

package/dist/cjs/components/media-gallery/form-media-gallery-field.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_hooks","_mediaUtils","_autoFieldTypes","_media","_formMediaGalleryFieldStCss","_formMediaGalleryItemsPreview","_mediaPreviewModal","_hooks2","_mediaGalleryDialog","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","FormMediaGalleryField","data","onChange","onClear","readOnly","invalid","autoFocus","dataHook","useTranslations","boxRef","useRef","inputRef","boxWidth","setBoxWidth","useState","hovered","setHovered","isPreviewOpen","setIsPreviewOpen","hasValue","Boolean","length","useEffect","_boxRef$current","_inputRef$current","current","focus","el","clientWidth","ro","ResizeObserver","entry","contentRect","width","observe","disconnect","openMediaGalleryDialog","mediaGalleryDialogProps","useMediaGalleryDialog","initialOpen","items","onMouseEnter","useCallback","onMouseLeave","onDownloadMedia","mediaUri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","error","console","getMediaURL","onRequestMedia","createElement","ref","tabIndex","className","classes","container","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","addItemWrapper","AddItem","style","addItem","size","theme","onClick","disabled","subtitle","Fragment","MediaOverlay","overlay","hoverSkin","borderRadius","media","FormMediaGalleryItemsPreview","value","Content","visible","Box","gap","align","Button","skin","prefixIcon","Refresh","Tooltip","content","IconButton","Maximize","Delete","MediaPreviewModal","isOpen","onClose","map","d","src","onClearMedia","textKeys","MediaGalleryDialog","_extends2","exports","displayName"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.tsx"],"sourcesContent":["import React, { useRef, useState, useCallback, useEffect } from 'react';\nimport type { AddItemActions } from '@wix/design-system';\nimport {\n  AddItem,\n  Box,\n  Button,\n  IconButton,\n  MediaOverlay,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Refresh as RefreshIcon,\n  Delete as DeleteIcon,\n  Maximize as MaximizeIcon,\n} from '@wix/wix-ui-icons-common';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { files } from '@wix/media';\n\nimport { style, classes } from './form-media-gallery-field.st.css.js';\nimport { FormMediaGalleryItemsPreview } from './form-media-gallery-items-preview';\nimport { MediaPreviewModal } from './media-preview-modal';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\n\nexport interface FormMediaGalleryFieldProps {\n  data?: WixCodeGalleryItem[];\n  onChange: (value: WixCodeGalleryItem[]) => void;\n  onClear?: () => void;\n  readOnly?: boolean;\n  invalid?: boolean;\n  autoFocus?: boolean;\n  dataHook?: string;\n}\n\nconst mediaGalleryPreviewTextKeys = {\n  replace: 'CMS.mediaGallery.preview.replace',\n  download: 'CMS.mediaGallery.preview.download',\n  delete: 'CMS.mediaGallery.preview.delete',\n} as const;\n\nexport const FormMediaGalleryField: React.FC<FormMediaGalleryFieldProps> = ({\n  data,\n  onChange,\n  onClear,\n  readOnly,\n  invalid,\n  autoFocus,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const boxRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<AddItemActions>(null);\n  const [boxWidth, setBoxWidth] = useState(0);\n  const [hovered, setHovered] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const hasValue = Boolean(data?.length);\n\n  // autoFocus support\n  useEffect(() => {\n    if (!autoFocus) {\n      return;\n    }\n    boxRef.current?.focus();\n    inputRef.current?.focus();\n  }, [autoFocus]);\n\n  // Responsive width tracking\n  useEffect(() => {\n    const el = boxRef.current;\n    if (!el) {\n      return;\n    }\n    setBoxWidth(el.clientWidth);\n    const ro = new ResizeObserver(([entry]) =>\n      setBoxWidth(entry.contentRect.width),\n    );\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  const { openMediaGalleryDialog, ...mediaGalleryDialogProps } =\n    useMediaGalleryDialog({\n      initialOpen: false,\n      items: data,\n      onChange,\n    });\n\n  const onMouseEnter = useCallback(\n    () => hasValue && setHovered(true),\n    [hasValue],\n  );\n  const onMouseLeave = useCallback(\n    () => hasValue && setHovered(false),\n    [hasValue],\n  );\n\n  // Download using Wix media API (consistent with useMediaControl)\n  const onDownloadMedia = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\n    }\n    try {\n      const result = await files.generateFileDownloadUrl(mediaUri);\n      const downloadUrl = result.downloadUrls?.[0]?.url;\n      if (!downloadUrl) {\n        throw new Error('No download URL returned');\n      }\n      executeDownloading(downloadUrl);\n    } catch (error) {\n      // Fallback: open the static URL in a new tab\n      console.error('Media download error, falling back to static URL:', error);\n      executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  const onRequestMedia = useCallback(() => {\n    openMediaGalleryDialog();\n    setIsPreviewOpen(false);\n    setHovered(false);\n  }, [openMediaGalleryDialog]);\n\n  return (\n    <div\n      data-hook={dataHook}\n      ref={boxRef}\n      tabIndex={hasValue ? 0 : -1}\n      className={classes.container}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onMouseEnter}\n      onBlur={onMouseLeave}\n    >\n      {!hasValue ? (\n        <div className={classes.addItemWrapper}>\n          <AddItem\n            ref={inputRef}\n            className={style(classes.addItem, { error: invalid })}\n            size=\"tiny\"\n            theme=\"dashes\"\n            onClick={onRequestMedia}\n            disabled={readOnly}\n            dataHook={`${dataHook}-add`}\n            subtitle={t('CMS.mediaGallery.emptyHint')}\n          >\n            {t('CMS.mediaGallery.addGallery')}\n          </AddItem>\n        </div>\n      ) : (\n        <>\n          <MediaOverlay\n            hovered={hovered}\n            className={classes.overlay}\n            hoverSkin=\"dark\"\n            borderRadius={0}\n            media={\n              <FormMediaGalleryItemsPreview width={boxWidth} value={data} />\n            }\n          >\n            <MediaOverlay.Content visible=\"hover\">\n              <Box gap=\"SP2\" align=\"center\">\n                <Button\n                  skin=\"inverted\"\n                  prefixIcon={<RefreshIcon />}\n                  onClick={onRequestMedia}\n                  disabled={readOnly}\n                  dataHook={`${dataHook}-manage`}\n                >\n                  {t('CMS.mediaGallery.manageGallery')}\n                </Button>\n                <Tooltip content={t('CMS.mediaGallery.preview')}>\n                  <IconButton\n                    skin=\"inverted\"\n                    onClick={() => setIsPreviewOpen(true)}\n                    dataHook={`${dataHook}-preview`}\n                  >\n                    <MaximizeIcon />\n                  </IconButton>\n                </Tooltip>\n                <Tooltip content={t('CMS.mediaGallery.clear')}>\n                  <IconButton\n                    skin=\"inverted\"\n                    onClick={onClear}\n                    disabled={readOnly}\n                    dataHook={`${dataHook}-clear`}\n                  >\n                    <DeleteIcon />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            </MediaOverlay.Content>\n          </MediaOverlay>\n          <MediaPreviewModal\n            isOpen={isPreviewOpen}\n            onClose={() => setIsPreviewOpen(false)}\n            value={data?.map((d) => d.src)}\n            onRequestMedia={onRequestMedia}\n            onClearMedia={onClear}\n            onDownloadMedia={onDownloadMedia}\n            textKeys={mediaGalleryPreviewTextKeys}\n            readOnly={readOnly}\n          />\n        </>\n      )}\n\n      {mediaGalleryDialogProps.isOpen && (\n        <MediaGalleryDialog {...mediaGalleryDialogProps} />\n      )}\n    </div>\n  );\n};\n\nFormMediaGalleryField.displayName = 'FormMediaGalleryField';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css

@@ -0,0 +1,51 @@
+.container {
+  display: flex;
+  min-height: 128px;
+  max-height: 259px;
+}
+
+.viewBox {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-wrap: wrap;
+}
+
+.addItemWrapper {
+  height: 128px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.addItem {
+  -st-states: error;
+  box-sizing: border-box;
+}
+
+.overlay {
+  width: initial !important;
+  min-width: 382px !important;
+}
+
+.image {
+  -st-states: withMarginRight, withMarginTop;
+}
+
+.image:withMarginRight {
+  margin-right: 3px;
+}
+
+.image:withMarginTop {
+  margin-top: 3px;
+}
+
+/* Preview modal styles */
+.previewImage {
+  max-height: calc(100% - 12px) !important;
+}
+
+.previewVideo {
+  border-radius: 8px;
+  max-width: 100%;
+  max-height: calc(100% - 12px) !important;
+}

package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js

@@ -0,0 +1,30 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "formmediagalleryfield2735002816";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "formmediagalleryfield2735002816__root",
+  "container": "formmediagalleryfield2735002816__container",
+  "viewBox": "formmediagalleryfield2735002816__viewBox",
+  "addItemWrapper": "formmediagalleryfield2735002816__addItemWrapper",
+  "addItem": "formmediagalleryfield2735002816__addItem",
+  "overlay": "formmediagalleryfield2735002816__overlay",
+  "image": "formmediagalleryfield2735002816__image",
+  "previewImage": "formmediagalleryfield2735002816__previewImage",
+  "previewVideo": "formmediagalleryfield2735002816__previewVideo"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=form-media-gallery-field.st.css.js.map

package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield2735002816\";\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\":\"formmediagalleryfield2735002816__root\",\"container\":\"formmediagalleryfield2735002816__container\",\"viewBox\":\"formmediagalleryfield2735002816__viewBox\",\"addItemWrapper\":\"formmediagalleryfield2735002816__addItemWrapper\",\"addItem\":\"formmediagalleryfield2735002816__addItem\",\"overlay\":\"formmediagalleryfield2735002816__overlay\",\"image\":\"formmediagalleryfield2735002816__image\",\"previewImage\":\"formmediagalleryfield2735002816__previewImage\",\"previewVideo\":\"formmediagalleryfield2735002816__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}