npm - @wix/patterns-fields - Versions diffs - 1.55.0 → 1.59.0 - Mend

@wix/patterns-fields 1.55.0 → 1.59.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (419) hide show

package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_media","_autoFieldTypes","_hooks","_mediaUtils","_hooks2","_mediaGalleryDialog","_mediaPreviewModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","CellMediaGalleryEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","containerRef","useRef","hasValue","Boolean","length","isPreviewOpen","setIsPreviewOpen","useState","didCommitRef","avatarItems","map","item","imgProps","src","mediaURItoImageURL","ThumbnailSize","S","openMediaGalleryDialog","dialogProps","useMediaGalleryDialog","initialOpen","items","current","handleOpenGallery","useCallback","handleOpenPreview","handlePreviewClose","handlePreviewRequestMedia","handlePreviewClear","handleClearAll","onDownloadMedia","mediaUri","_value$","uri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","getMediaURL","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","createElement","ref","style","width","height","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","padding","boxSizing","AvatarGroup","size","type","Tooltip","content","appendTo","IconButton","priority","onClick","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Refresh","Maximize","Divider","skin","Delete","isOpen","MediaGalleryDialog","_extends2","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","textKeys","exports","displayName"],"sources":["../../../../src/components/media-gallery/cell-media-gallery-edit.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport {\n AvatarGroup,\n Box,\n IconButton,\n PopoverMenu,\n Tooltip,\n} from '@wix/design-system';\nimport {\n Add,\n MoreSmall,\n Refresh,\n Delete,\n Maximize,\n} from '@wix/wix-ui-icons-common';\nimport { files } from '@wix/media';\nimport {\n mediaURItoImageURL,\n ThumbnailSize,\n getMediaURL,\n} from '../../auto-field-types';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\nimport { MediaPreviewModal } from './media-preview-modal';\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 interface CellMediaGalleryEditProps {\n value: WixCodeGalleryItem[] \| null;\n onChange: (value: WixCodeGalleryItem[] \| null) => void;\n onCommit: () => void;\n onCancel?: () => void;\n onStartEdit?: () => void;\n inputRef?: React.MutableRefObject<{ focus: () => void } \| null \| undefined>;\n dataHook?: string;\n}\n\nexport const CellMediaGalleryEdit: React.FC<CellMediaGalleryEditProps> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n dataHook,\n}) => {\n const { t } = useTranslations();\n const containerRef = useRef<HTMLDivElement \| null>(null);\n const hasValue = Boolean(value?.length);\n const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n // Tracks whether a commit happened during the current external-UI session.\n // Prevents calling onCancel() after the user already committed (e.g., clear\n // in the preview modal fires onClear then onClose, but we should not cancel).\n const didCommitRef = useRef(false);\n\n const avatarItems = (value ?? []).map((item) => ({\n imgProps: { src: mediaURItoImageURL(item.src, ThumbnailSize.S) },\n }));\n\n const { openMediaGalleryDialog, ...dialogProps } = useMediaGalleryDialog({\n initialOpen: false,\n items: value ?? [],\n onChange: (items: WixCodeGalleryItem[]) => {\n didCommitRef.current = true;\n onChange(items.length > 0 ? items : null);\n onCommit();\n },\n });\n\n const handleOpenGallery = useCallback(() => {\n didCommitRef.current = false;\n onStartEdit?.();\n openMediaGalleryDialog();\n }, [onStartEdit, openMediaGalleryDialog]);\n\n const handleOpenPreview = useCallback(() => {\n didCommitRef.current = false;\n onStartEdit?.();\n setIsPreviewOpen(true);\n }, [onStartEdit]);\n\n const handlePreviewClose = useCallback(() => {\n setIsPreviewOpen(false);\n if (!didCommitRef.current) {\n onCancel?.();\n }\n didCommitRef.current = false;\n }, [onCancel]);\n\n const handlePreviewRequestMedia = useCallback(() => {\n setIsPreviewOpen(false);\n openMediaGalleryDialog();\n }, [openMediaGalleryDialog]);\n\n const handlePreviewClear = useCallback(() => {\n didCommitRef.current = true;\n onChange(null);\n onCommit();\n }, [onChange, onCommit]);\n\n const handleClearAll = useCallback(() => {\n onChange(null);\n onCommit();\n }, [onChange, onCommit]);\n\n const onDownloadMedia = useCallback(\n async (mediaUri?: string) => {\n const uri = mediaUri ?? value?.[0]?.src;\n if (!uri) return;\n try {\n const result = await files.generateFileDownloadUrl(uri);\n const downloadUrl = result.downloadUrls?.[0]?.url;\n if (!downloadUrl) throw new Error('No download URL returned');\n executeDownloading(downloadUrl);\n } catch {\n executeDownloading(getMediaURL(uri));\n }\n },\n [value],\n );\n\n const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n containerRef,\n onCancel,\n inputRef,\n });\n\n return (\n <div\n ref={containerRef}\n data-hook={dataHook}\n style={{ width: '100%', height: '100%' }}\n onFocus={handleContainerFocus}\n onBlur={handleContainerBlur}\n >\n <Box\n align=\"space-between\"\n verticalAlign=\"middle\"\n height=\"100%\"\n padding=\"0 8px\"\n style={{ boxSizing: 'border-box' }}\n >\n {hasValue ? (\n <AvatarGroup items={avatarItems} size=\"tiny\" type=\"condensed\" />\n ) : (\n <Tooltip content={t('CMS.mediaGallery.addGallery')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"secondary\"\n dataHook=\"gallery-edit-add-button\"\n onClick={handleOpenGallery}\n >\n <Add />\n </IconButton>\n </Tooltip>\n )}\n\n {hasValue ? (\n <PopoverMenu\n textSize=\"small\"\n appendTo=\"window\"\n triggerElement={\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n appendTo=\"window\"\n >\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"gallery-edit-more-button\"\n >\n <MoreSmall />\n </IconButton>\n </Tooltip>\n }\n >\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-manage\"\n text={t('CMS.mediaGallery.manageGallery')}\n prefixIcon={<Refresh />}\n onClick={handleOpenGallery}\n />\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-preview\"\n text={t('CMS.mediaGallery.preview')}\n prefixIcon={<Maximize />}\n onClick={handleOpenPreview}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-clear\"\n text={t('CMS.mediaGallery.clear')}\n skin=\"destructive\"\n prefixIcon={<Delete />}\n onClick={handleClearAll}\n />\n </PopoverMenu>\n ) : null}\n </Box>\n\n {dialogProps.isOpen && <MediaGalleryDialog {...dialogProps} />}\n\n <MediaPreviewModal\n isOpen={isPreviewOpen}\n onClose={handlePreviewClose}\n value={(value ?? []).map((item) => item.src)}\n onRequestMedia={handlePreviewRequestMedia}\n onClearMedia={handlePreviewClear}\n onDownloadMedia={onDownloadMedia}\n textKeys={mediaGalleryPreviewTextKeys}\n />\n </div>\n );\n};\n\nCellMediaGalleryEdit.displayName = 'CellMediaGalleryEdit';\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_media","_autoFieldTypes","_hooks","_mediaUtils","_hooks2","_mediaGalleryDialog","_mediaPreviewModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","CellMediaGalleryEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","containerRef","useRef","hasValue","Boolean","length","isPreviewOpen","setIsPreviewOpen","useState","didCommitRef","avatarItems","map","item","imgProps","src","mediaURItoImageURL","ThumbnailSize","S","openMediaGalleryDialog","dialogProps","useMediaGalleryDialog","initialOpen","items","current","handleOpenGallery","useCallback","handleOpenPreview","handlePreviewClose","handlePreviewRequestMedia","handlePreviewClear","handleClearAll","onDownloadMedia","mediaUri","_value$","uri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","getMediaURL","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","createElement","ref","style","width","height","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","padding","boxSizing","AvatarGroup","size","type","Tooltip","content","appendTo","IconButton","priority","onClick","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Refresh","Maximize","Divider","skin","Delete","isOpen","MediaGalleryDialog","_extends2","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","textKeys","exports","displayName"],"sources":["../../../../src/components/media-gallery/cell-media-gallery-edit.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport {\n AvatarGroup,\n Box,\n IconButton,\n PopoverMenu,\n Tooltip,\n} from '@wix/design-system';\nimport {\n Add,\n MoreSmall,\n Refresh,\n Delete,\n Maximize,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { files } from '@wix/media';\nimport {\n mediaURItoImageURL,\n ThumbnailSize,\n getMediaURL,\n} from '../../auto-field-types';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\nimport { MediaPreviewModal } from './media-preview-modal';\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 interface CellMediaGalleryEditProps {\n value: WixCodeGalleryItem[] \| null;\n onChange: (value: WixCodeGalleryItem[] \| null) => void;\n onCommit: () => void;\n onCancel?: () => void;\n onStartEdit?: () => void;\n inputRef?: React.MutableRefObject<{ focus: () => void } \| null \| undefined>;\n dataHook?: string;\n}\n\nexport const CellMediaGalleryEdit: React.FC<CellMediaGalleryEditProps> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n dataHook,\n}) => {\n const { t } = useTranslations();\n const containerRef = useRef<HTMLDivElement \| null>(null);\n const hasValue = Boolean(value?.length);\n const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n // Tracks whether a commit happened during the current external-UI session.\n // Prevents calling onCancel() after the user already committed (e.g., clear\n // in the preview modal fires onClear then onClose, but we should not cancel).\n const didCommitRef = useRef(false);\n\n const avatarItems = (value ?? []).map((item) => ({\n imgProps: { src: mediaURItoImageURL(item.src, ThumbnailSize.S) },\n }));\n\n const { openMediaGalleryDialog, ...dialogProps } = useMediaGalleryDialog({\n initialOpen: false,\n items: value ?? [],\n onChange: (items: WixCodeGalleryItem[]) => {\n didCommitRef.current = true;\n onChange(items.length > 0 ? items : null);\n onCommit();\n },\n });\n\n const handleOpenGallery = useCallback(() => {\n didCommitRef.current = false;\n onStartEdit?.();\n openMediaGalleryDialog();\n }, [onStartEdit, openMediaGalleryDialog]);\n\n const handleOpenPreview = useCallback(() => {\n didCommitRef.current = false;\n onStartEdit?.();\n setIsPreviewOpen(true);\n }, [onStartEdit]);\n\n const handlePreviewClose = useCallback(() => {\n setIsPreviewOpen(false);\n if (!didCommitRef.current) {\n onCancel?.();\n }\n didCommitRef.current = false;\n }, [onCancel]);\n\n const handlePreviewRequestMedia = useCallback(() => {\n setIsPreviewOpen(false);\n openMediaGalleryDialog();\n }, [openMediaGalleryDialog]);\n\n const handlePreviewClear = useCallback(() => {\n didCommitRef.current = true;\n onChange(null);\n onCommit();\n }, [onChange, onCommit]);\n\n const handleClearAll = useCallback(() => {\n onChange(null);\n onCommit();\n }, [onChange, onCommit]);\n\n const onDownloadMedia = useCallback(\n async (mediaUri?: string) => {\n const uri = mediaUri ?? value?.[0]?.src;\n if (!uri) return;\n try {\n const result = await files.generateFileDownloadUrl(uri);\n const downloadUrl = result.downloadUrls?.[0]?.url;\n if (!downloadUrl) throw new Error('No download URL returned');\n executeDownloading(downloadUrl);\n } catch {\n executeDownloading(getMediaURL(uri));\n }\n },\n [value],\n );\n\n const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n containerRef,\n onCancel,\n inputRef,\n });\n\n return (\n <div\n ref={containerRef}\n data-hook={dataHook}\n style={{ width: '100%', height: '100%' }}\n onFocus={handleContainerFocus}\n onBlur={handleContainerBlur}\n >\n <Box\n align=\"space-between\"\n verticalAlign=\"middle\"\n height=\"100%\"\n padding=\"0 8px\"\n style={{ boxSizing: 'border-box' }}\n >\n {hasValue ? (\n <AvatarGroup items={avatarItems} size=\"tiny\" type=\"condensed\" />\n ) : (\n <Tooltip content={t('CMS.mediaGallery.addGallery')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"secondary\"\n dataHook=\"gallery-edit-add-button\"\n onClick={handleOpenGallery}\n >\n <Add />\n </IconButton>\n </Tooltip>\n )}\n\n {hasValue ? (\n <PopoverMenu\n textSize=\"small\"\n appendTo=\"window\"\n triggerElement={\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n appendTo=\"window\"\n >\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"gallery-edit-more-button\"\n >\n <MoreSmall />\n </IconButton>\n </Tooltip>\n }\n >\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-manage\"\n text={t('CMS.mediaGallery.manageGallery')}\n prefixIcon={<Refresh />}\n onClick={handleOpenGallery}\n />\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-preview\"\n text={t('CMS.mediaGallery.preview')}\n prefixIcon={<Maximize />}\n onClick={handleOpenPreview}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-clear\"\n text={t('CMS.mediaGallery.clear')}\n skin=\"destructive\"\n prefixIcon={<Delete />}\n onClick={handleClearAll}\n />\n </PopoverMenu>\n ) : null}\n </Box>\n\n {dialogProps.isOpen && <MediaGalleryDialog {...dialogProps} />}\n\n <MediaPreviewModal\n isOpen={isPreviewOpen}\n onClose={handlePreviewClose}\n value={(value ?? []).map((item) => item.src)}\n onRequestMedia={handlePreviewRequestMedia}\n onClearMedia={handlePreviewClear}\n onDownloadMedia={onDownloadMedia}\n textKeys={mediaGalleryPreviewTextKeys}\n />\n </div>\n );\n};\n\nCellMediaGalleryEdit.displayName = 'CellMediaGalleryEdit';\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ 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 _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _hooks = require("../../hooks");
 var _mediaUtils = require("../../utils/media-utils");
 var _autoFieldTypes = require("../../auto-field-types");
@@ -178,7 +178,7 @@ const FormMediaGalleryField = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
     skin: "inverted",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Refresh, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -213,7 +213,7 @@ const FormMediaGalleryField = ({
       lineNumber: 175,
       columnNumber: 19
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Maximize, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Maximize, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -239,7 +239,7 @@ const FormMediaGalleryField = ({
       lineNumber: 184,
       columnNumber: 19
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

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

	@@ -1 +1 @@
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":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_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/lazy';\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.js CHANGED Viewed

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "formmediagalleryfield3678400044";
+var _namespace_ = "formmediagalleryfield1376199663";
 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": "formmediagalleryfield3678400044__root",
-  "container": "formmediagalleryfield3678400044__container",
-  "viewBox": "formmediagalleryfield3678400044__viewBox",
-  "addItemWrapper": "formmediagalleryfield3678400044__addItemWrapper",
-  "addItem": "formmediagalleryfield3678400044__addItem",
-  "overlay": "formmediagalleryfield3678400044__overlay",
-  "image": "formmediagalleryfield3678400044__image",
-  "previewImage": "formmediagalleryfield3678400044__previewImage",
-  "previewVideo": "formmediagalleryfield3678400044__previewVideo"
+  "root": "formmediagalleryfield1376199663__root",
+  "container": "formmediagalleryfield1376199663__container",
+  "viewBox": "formmediagalleryfield1376199663__viewBox",
+  "addItemWrapper": "formmediagalleryfield1376199663__addItemWrapper",
+  "addItem": "formmediagalleryfield1376199663__addItem",
+  "overlay": "formmediagalleryfield1376199663__overlay",
+  "image": "formmediagalleryfield1376199663__image",
+  "previewImage": "formmediagalleryfield1376199663__previewImage",
+  "previewVideo": "formmediagalleryfield1376199663__previewVideo"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +1 @@
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_ = \"~~formmediagalleryfield3678400044~~\";\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\":\"~~formmediagalleryfield3678400044__root~~\",\"container\":\"~~formmediagalleryfield3678400044__container~~\",\"viewBox\":\"~~formmediagalleryfield3678400044__viewBox~~\",\"addItemWrapper\":\"~~formmediagalleryfield3678400044__addItemWrapper~~\",\"addItem\":\"~~formmediagalleryfield3678400044__addItem~~\",\"overlay\":\"~~formmediagalleryfield3678400044__overlay~~\",\"image\":\"~~formmediagalleryfield3678400044__image~~\",\"previewImage\":\"~~formmediagalleryfield3678400044__previewImage~~\",\"previewVideo\":\"~~formmediagalleryfield3678400044__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":[]}
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_ = \"formmediagalleryfield1376199663\";\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\":\"formmediagalleryfield1376199663__root\",\"container\":\"formmediagalleryfield1376199663__container\",\"viewBox\":\"formmediagalleryfield1376199663__viewBox\",\"addItemWrapper\":\"formmediagalleryfield1376199663__addItemWrapper\",\"addItem\":\"formmediagalleryfield1376199663__addItem\",\"overlay\":\"formmediagalleryfield1376199663__overlay\",\"image\":\"formmediagalleryfield1376199663__image\",\"previewImage\":\"formmediagalleryfield1376199663__previewImage\",\"previewVideo\":\"formmediagalleryfield1376199663__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":[]}

package/dist/cjs/components/media-gallery/media-gallery-dialog/add-media-button.js CHANGED Viewed

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.AddMediaButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _hooks = require("../../../hooks");
 var _hooks2 = require("./hooks");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-gallery/media-gallery-dialog/add-media-button.tsx";
@@ -20,7 +20,7 @@ const AddMediaButton = ({
     isLoading
   } = (0, _hooks2.useAddMediaControl)(onAddMedia);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
-    prefixIcon: isLoading ? undefined : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: isLoading ? undefined : /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/media-gallery/media-gallery-dialog/add-media-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","~~_wixUiIconsCommon~~","_hooks","_hooks2","_jsxFileName","AddMediaButton","onAddMedia","t","useTranslations","onOpen","isLoading","useAddMediaControl","default","createElement","Button","prefixIcon","undefined","Add","__self","__source","fileName","lineNumber","columnNumber","onClick","dataHook","Loader","size","exports"],"sources":["../../../../../src/components/media-gallery/media-gallery-dialog/add-media-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Loader } from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../../hooks';\nimport { useAddMediaControl } from './hooks';\nimport type { OrganizeMediaItem } from './types';\n\nexport interface AddMediaButtonProps {\n onAddMedia: (items: OrganizeMediaItem[]) => void;\n}\n\nexport const AddMediaButton: React.FC<AddMediaButtonProps> = ({\n onAddMedia,\n}) => {\n const { t } = useTranslations();\n const { onOpen, isLoading } = useAddMediaControl(onAddMedia);\n\n return (\n <Button\n prefixIcon={isLoading ? undefined : <AddIcon />}\n onClick={onOpen}\n dataHook=\"media-gallery-add-media-button\"\n >\n {isLoading ? <Loader size=\"tiny\" /> : t('CMS.mediaGallery.addMedia')}\n </Button>\n );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,~~iBAAA~~,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA6C,IAAAK,YAAA;AAOtC,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAkB,EAACL,UAAU,CAAC;EAE5D,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,UAAU,EAAEL,SAAS,GAAGM,SAAS,gBAAGnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,~~iBAAA~~,CAAAgB,GAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAChDC,OAAO,EAAEd,MAAO;IAChBe,QAAQ,EAAC,gCAAgC;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCZ,SAAS,gBAAGb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAyB,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAGf,CAAC,CAAC,2BAA2B,CAC7D,CAAC;AAEb,CAAC;AAACoB,OAAA,CAAAtB,cAAA,GAAAA,cAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_hooks","_hooks2","_jsxFileName","AddMediaButton","onAddMedia","t","useTranslations","onOpen","isLoading","useAddMediaControl","default","createElement","Button","prefixIcon","undefined","Add","__self","__source","fileName","lineNumber","columnNumber","onClick","dataHook","Loader","size","exports"],"sources":["../../../../../src/components/media-gallery/media-gallery-dialog/add-media-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Loader } from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common/lazy';\nimport { useTranslations } from '../../../hooks';\nimport { useAddMediaControl } from './hooks';\nimport type { OrganizeMediaItem } from './types';\n\nexport interface AddMediaButtonProps {\n onAddMedia: (items: OrganizeMediaItem[]) => void;\n}\n\nexport const AddMediaButton: React.FC<AddMediaButtonProps> = ({\n onAddMedia,\n}) => {\n const { t } = useTranslations();\n const { onOpen, isLoading } = useAddMediaControl(onAddMedia);\n\n return (\n <Button\n prefixIcon={isLoading ? undefined : <AddIcon />}\n onClick={onOpen}\n dataHook=\"media-gallery-add-media-button\"\n >\n {isLoading ? <Loader size=\"tiny\" /> : t('CMS.mediaGallery.addMedia')}\n </Button>\n );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA6C,IAAAK,YAAA;AAOtC,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAkB,EAACL,UAAU,CAAC;EAE5D,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,UAAU,EAAEL,SAAS,GAAGM,SAAS,gBAAGnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAgB,GAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAChDC,OAAO,EAAEd,MAAO;IAChBe,QAAQ,EAAC,gCAAgC;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCZ,SAAS,gBAAGb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAyB,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAGf,CAAC,CAAC,2BAA2B,CAC7D,CAAC;AAEb,CAAC;AAACoB,OAAA,CAAAtB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/media-gallery/media-gallery-dialog/no-items-view.js CHANGED Viewed

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.NoItemsView = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _hooks = require("../../../hooks");
 var _hooks2 = require("./hooks");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-gallery/media-gallery-dialog/no-items-view.tsx";
@@ -41,7 +41,7 @@ const NoItemsView = ({
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-    prefixIcon: isLoading ? undefined : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: isLoading ? undefined : /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/media-gallery/media-gallery-dialog/no-items-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","~~_wixUiIconsCommon~~","_hooks","_hooks2","_jsxFileName","NoItemsView","onAddMedia","t","useTranslations","onOpen","isLoading","useAddMediaControl","default","createElement","Box","align","verticalAlign","padding","direction","__self","__source","fileName","lineNumber","columnNumber","EmptyState","theme","title","subtitle","TextButton","prefixIcon","undefined","Add","onClick","dataHook","Loader","size","exports"],"sources":["../../../../../src/components/media-gallery/media-gallery-dialog/no-items-view.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyState, Box, TextButton, Loader } from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../../hooks';\nimport { useAddMediaControl } from './hooks';\nimport type { OrganizeMediaItem } from './types';\n\nexport interface NoItemsViewProps {\n onAddMedia: (items: OrganizeMediaItem[]) => void;\n}\n\nexport const NoItemsView: React.FC<NoItemsViewProps> = ({ onAddMedia }) => {\n const { t } = useTranslations();\n const { onOpen, isLoading } = useAddMediaControl(onAddMedia);\n\n return (\n <Box\n align=\"center\"\n verticalAlign=\"middle\"\n padding=\"SP5\"\n direction=\"vertical\"\n >\n <EmptyState\n theme=\"section\"\n title={t('CMS.mediaGallery.noItems.title')}\n subtitle={t('CMS.mediaGallery.noItems.subtitle')}\n >\n <TextButton\n prefixIcon={isLoading ? undefined : <AddIcon />}\n onClick={onOpen}\n dataHook=\"media-gallery-add-media-button\"\n >\n {isLoading ? (\n <Loader size=\"tiny\" />\n ) : (\n t('CMS.mediaGallery.noItems.addMedia')\n )}\n </TextButton>\n </EmptyState>\n </Box>\n );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,~~iBAAA~~,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA6C,IAAAK,YAAA;AAOtC,MAAMC,WAAuC,GAAGA,CAAC;EAAEC;AAAW,CAAC,KAAK;EACzE,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAkB,EAACL,UAAU,CAAC;EAE5D,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG;IACFC,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBC,OAAO,EAAC,KAAK;IACbC,SAAS,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpB1B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAwB,UAAU;IACTC,KAAK,EAAC,SAAS;IACfC,KAAK,EAAEnB,CAAC,CAAC,gCAAgC,CAAE;IAC3CoB,QAAQ,EAAEpB,CAAC,CAAC,mCAAmC,CAAE;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjD1B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA4B,UAAU;IACTC,UAAU,EAAEnB,SAAS,GAAGoB,SAAS,gBAAGjC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,~~iBAAA~~,CAAA8B,GAAO;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAChDS,OAAO,EAAEvB,MAAO;IAChBwB,QAAQ,EAAC,gCAAgC;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCb,SAAS,gBACRb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAkC,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAEtBhB,CAAC,CAAC,mCAAmC,CAE7B,CACF,CACT,CAAC;AAEV,CAAC;AAAC6B,OAAA,CAAA/B,WAAA,GAAAA,WAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_hooks","_hooks2","_jsxFileName","NoItemsView","onAddMedia","t","useTranslations","onOpen","isLoading","useAddMediaControl","default","createElement","Box","align","verticalAlign","padding","direction","__self","__source","fileName","lineNumber","columnNumber","EmptyState","theme","title","subtitle","TextButton","prefixIcon","undefined","Add","onClick","dataHook","Loader","size","exports"],"sources":["../../../../../src/components/media-gallery/media-gallery-dialog/no-items-view.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyState, Box, TextButton, Loader } from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common/lazy';\nimport { useTranslations } from '../../../hooks';\nimport { useAddMediaControl } from './hooks';\nimport type { OrganizeMediaItem } from './types';\n\nexport interface NoItemsViewProps {\n onAddMedia: (items: OrganizeMediaItem[]) => void;\n}\n\nexport const NoItemsView: React.FC<NoItemsViewProps> = ({ onAddMedia }) => {\n const { t } = useTranslations();\n const { onOpen, isLoading } = useAddMediaControl(onAddMedia);\n\n return (\n <Box\n align=\"center\"\n verticalAlign=\"middle\"\n padding=\"SP5\"\n direction=\"vertical\"\n >\n <EmptyState\n theme=\"section\"\n title={t('CMS.mediaGallery.noItems.title')}\n subtitle={t('CMS.mediaGallery.noItems.subtitle')}\n >\n <TextButton\n prefixIcon={isLoading ? undefined : <AddIcon />}\n onClick={onOpen}\n dataHook=\"media-gallery-add-media-button\"\n >\n {isLoading ? (\n <Loader size=\"tiny\" />\n ) : (\n t('CMS.mediaGallery.noItems.addMedia')\n )}\n </TextButton>\n </EmptyState>\n </Box>\n );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA6C,IAAAK,YAAA;AAOtC,MAAMC,WAAuC,GAAGA,CAAC;EAAEC;AAAW,CAAC,KAAK;EACzE,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAkB,EAACL,UAAU,CAAC;EAE5D,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG;IACFC,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBC,OAAO,EAAC,KAAK;IACbC,SAAS,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpB1B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAwB,UAAU;IACTC,KAAK,EAAC,SAAS;IACfC,KAAK,EAAEnB,CAAC,CAAC,gCAAgC,CAAE;IAC3CoB,QAAQ,EAAEpB,CAAC,CAAC,mCAAmC,CAAE;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjD1B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA4B,UAAU;IACTC,UAAU,EAAEnB,SAAS,GAAGoB,SAAS,gBAAGjC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAA8B,GAAO;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAChDS,OAAO,EAAEvB,MAAO;IAChBwB,QAAQ,EAAC,gCAAgC;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCb,SAAS,gBACRb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAkC,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAEtBhB,CAAC,CAAC,mCAAmC,CAE7B,CACF,CACT,CAAC;AAEV,CAAC;AAAC6B,OAAA,CAAA/B,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/media-gallery/media-preview-modal.js CHANGED Viewed

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.MediaPreviewModal = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _autoFieldTypes = require("../../auto-field-types");
 var _hooks = require("../../hooks");
 var _formMediaGalleryFieldStCss = require("./form-media-gallery-field.st.css.js");
@@ -107,7 +107,7 @@ const MediaPreviewLayout = ({
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
       size: "small",
       skin: "light",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DownloadImport, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DownloadImport, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
@@ -134,7 +134,7 @@ const MediaPreviewLayout = ({
       priority: "secondary",
       size: "small",
       skin: "light",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
@@ -178,7 +178,7 @@ const MediaPreviewLayout = ({
         lineNumber: 155,
         columnNumber: 17
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/media-gallery/media-preview-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_autoFieldTypes","_hooks","_formMediaGalleryFieldStCss","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaPreviewModal","isOpen","onClose","value","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","readOnly","createElement","Modal","screen","__self","__source","fileName","lineNumber","columnNumber","MediaPreviewLayout","src","onDownload","onClear","onReplace","exports","useTranslations","sources","useMemo","Array","isArray","current","setCurrent","useState","title","getMediaTitle","handleDownload","useCallback","length","prevButtonProps","tooltipText","onClick","prevIndex","nextButtonProps","nextIndex","handleClear","ModalPreviewLayout","actions","Box","verticalAlign","marginRight","TextButton","size","skin","prefixIcon","DownloadImport","download","Button","priority","Replace","disabled","replace","Tooltip","content","delete","IconButton","Delete","map","mediaSrc","MediaPreviewItem","key","loading","setLoading","useEffect","onLoad","previewURL","mediaURItoImageURL","window","innerWidth","Fragment","align","width","height","Loader","isMediaVideoURI","style","display","poster","onLoadedData","controls","className","classes","previewVideo","autoPlay","loop","muted","convertMediaURIToPreviewVideoURL","Image","previewImage"],"sources":["../../../../src/components/media-gallery/media-preview-modal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState, useEffect } from 'react';\nimport type { NextButtonProps, PrevButtonProps } from '@wix/design-system';\nimport {\n Box,\n Button,\n IconButton,\n Image,\n Loader,\n Modal,\n ModalPreviewLayout,\n TextButton,\n Tooltip,\n} from '@wix/design-system';\nimport {\n Replace,\n DownloadImport as Download,\n Delete,\n} from '@wix/wix-ui-icons-common';\nimport {\n getMediaTitle,\n isMediaVideoURI,\n mediaURItoImageURL,\n} from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { TranslationsKeys } from '../../services/translations';\n\nimport { classes } from './form-media-gallery-field.st.css.js';\nimport { convertMediaURIToPreviewVideoURL } from './media-gallery-dialog/utils';\n\nexport interface MediaPreviewLayoutTextKeys {\n replace: TranslationsKeys;\n download: TranslationsKeys;\n delete: TranslationsKeys;\n}\n\nexport interface MediaPreviewProps {\n isOpen: boolean;\n onClose: () => void;\n onRequestMedia: () => void;\n onClearMedia?: () => void;\n onDownloadMedia: (value?: string) => void;\n textKeys: MediaPreviewLayoutTextKeys;\n value?: string \| string[];\n readOnly?: boolean;\n}\n\nexport const MediaPreviewModal: React.FC<MediaPreviewProps> = ({\n isOpen,\n onClose,\n value,\n onRequestMedia,\n onClearMedia,\n onDownloadMedia,\n textKeys,\n readOnly,\n}) => {\n if (!isOpen \|\| !value) {\n return null;\n }\n\n return (\n <Modal isOpen screen=\"full\">\n <MediaPreviewLayout\n src={value}\n onClose={onClose}\n textKeys={textKeys}\n onDownload={onDownloadMedia}\n onClear={onClearMedia}\n onReplace={onRequestMedia}\n readOnly={readOnly}\n />\n </Modal>\n );\n};\n\ninterface MediaPreviewLayoutProps {\n src: string[] \| string;\n onClose: () => void;\n textKeys: MediaPreviewLayoutTextKeys;\n onReplace?: () => void;\n onClear?: () => void;\n onDownload?: (src?: string) => void;\n readOnly?: boolean;\n}\n\nconst MediaPreviewLayout: React.FC<MediaPreviewLayoutProps> = ({\n src,\n onClose,\n textKeys,\n onDownload,\n onReplace,\n onClear,\n readOnly,\n}) => {\n const { t } = useTranslations();\n const sources = useMemo(() => (Array.isArray(src) ? src : [src]), [src]);\n const [current, setCurrent] = useState(sources[0]);\n const title = getMediaTitle(current);\n\n const handleDownload = useCallback(() => {\n if (sources.length > 1) {\n onDownload?.(current);\n } else {\n onDownload?.();\n }\n }, [sources, onDownload, current]);\n\n const prevButtonProps = {\n tooltipText: t('CMS.mediaGallery.preview.previousItem'),\n onClick: (prevIndex: number) => setCurrent(sources[prevIndex]),\n } as PrevButtonProps;\n\n const nextButtonProps = {\n tooltipText: t('CMS.mediaGallery.preview.nextItem'),\n onClick: (nextIndex: number) => setCurrent(sources[nextIndex]),\n } as NextButtonProps;\n\n const handleClear = useCallback(() => {\n onClear?.();\n onClose();\n }, [onClear, onClose]);\n\n return (\n <ModalPreviewLayout\n title={title}\n prevButtonProps={prevButtonProps}\n nextButtonProps={nextButtonProps}\n actions={\n <Box verticalAlign=\"middle\">\n <Box marginRight={2}>\n <TextButton\n size=\"small\"\n skin=\"light\"\n prefixIcon={<Download />}\n onClick={handleDownload}\n >\n {t(textKeys.download)}\n </TextButton>\n </Box>\n <Box marginRight={2}>\n <Button\n priority=\"secondary\"\n size=\"small\"\n skin=\"light\"\n prefixIcon={<Replace />}\n onClick={onReplace}\n disabled={readOnly}\n >\n {t(textKeys.replace)}\n </Button>\n </Box>\n {onClear && (\n <Box marginRight={2}>\n <Tooltip content={t(textKeys.delete)}>\n <IconButton\n priority=\"secondary\"\n size=\"small\"\n skin=\"light\"\n onClick={handleClear}\n disabled={readOnly}\n >\n <Delete />\n </IconButton>\n </Tooltip>\n </Box>\n )}\n </Box>\n }\n onClose={onClose}\n >\n {sources.map((mediaSrc: string, i) => (\n <MediaPreviewItem key={i} src={mediaSrc} />\n ))}\n </ModalPreviewLayout>\n );\n};\n\nconst MediaPreviewItem: React.FC<{ src: string }> = ({ src }) => {\n const [loading, setLoading] = useState(true);\n\n useEffect(() => setLoading(true), [src]);\n const onLoad = useCallback(() => setLoading(false), []);\n\n if (!src) return null;\n\n const previewURL = mediaURItoImageURL(src, window.innerWidth);\n\n return (\n <>\n {loading && (\n <Box align=\"center\" verticalAlign=\"middle\" width=\"100%\" height=\"100%\">\n <Loader size=\"small\" />\n </Box>\n )}\n {isMediaVideoURI(src) ? (\n <video\n style={{ display: loading ? 'none' : 'initial' }}\n poster={previewURL}\n onLoadedData={onLoad}\n controls\n className={classes.previewVideo}\n autoPlay\n loop\n muted\n >\n <source src={convertMediaURIToPreviewVideoURL(src)} />\n </video>\n ) : (\n <Image\n style={{ display: loading ? 'none' : 'initial' }}\n className={classes.previewImage}\n onLoad={onLoad}\n src={previewURL}\n />\n )}\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_formMediaGalleryFieldStCss","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaPreviewModal","isOpen","onClose","value","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","readOnly","createElement","Modal","screen","__self","__source","fileName","lineNumber","columnNumber","MediaPreviewLayout","src","onDownload","onClear","onReplace","exports","useTranslations","sources","useMemo","Array","isArray","current","setCurrent","useState","title","getMediaTitle","handleDownload","useCallback","length","prevButtonProps","tooltipText","onClick","prevIndex","nextButtonProps","nextIndex","handleClear","ModalPreviewLayout","actions","Box","verticalAlign","marginRight","TextButton","size","skin","prefixIcon","DownloadImport","download","Button","priority","Replace","disabled","replace","Tooltip","content","delete","IconButton","Delete","map","mediaSrc","MediaPreviewItem","key","loading","setLoading","useEffect","onLoad","previewURL","mediaURItoImageURL","window","innerWidth","Fragment","align","width","height","Loader","isMediaVideoURI","style","display","poster","onLoadedData","controls","className","classes","previewVideo","autoPlay","loop","muted","convertMediaURIToPreviewVideoURL","Image","previewImage"],"sources":["../../../../src/components/media-gallery/media-preview-modal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState, useEffect } from 'react';\nimport type { NextButtonProps, PrevButtonProps } from '@wix/design-system';\nimport {\n Box,\n Button,\n IconButton,\n Image,\n Loader,\n Modal,\n ModalPreviewLayout,\n TextButton,\n Tooltip,\n} from '@wix/design-system';\nimport {\n Replace,\n DownloadImport as Download,\n Delete,\n} from '@wix/wix-ui-icons-common/lazy';\nimport {\n getMediaTitle,\n isMediaVideoURI,\n mediaURItoImageURL,\n} from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { TranslationsKeys } from '../../services/translations';\n\nimport { classes } from './form-media-gallery-field.st.css.js';\nimport { convertMediaURIToPreviewVideoURL } from './media-gallery-dialog/utils';\n\nexport interface MediaPreviewLayoutTextKeys {\n replace: TranslationsKeys;\n download: TranslationsKeys;\n delete: TranslationsKeys;\n}\n\nexport interface MediaPreviewProps {\n isOpen: boolean;\n onClose: () => void;\n onRequestMedia: () => void;\n onClearMedia?: () => void;\n onDownloadMedia: (value?: string) => void;\n textKeys: MediaPreviewLayoutTextKeys;\n value?: string \| string[];\n readOnly?: boolean;\n}\n\nexport const MediaPreviewModal: React.FC<MediaPreviewProps> = ({\n isOpen,\n onClose,\n value,\n onRequestMedia,\n onClearMedia,\n onDownloadMedia,\n textKeys,\n readOnly,\n}) => {\n if (!isOpen \|\| !value) {\n return null;\n }\n\n return (\n <Modal isOpen screen=\"full\">\n <MediaPreviewLayout\n src={value}\n onClose={onClose}\n textKeys={textKeys}\n onDownload={onDownloadMedia}\n onClear={onClearMedia}\n onReplace={onRequestMedia}\n readOnly={readOnly}\n />\n </Modal>\n );\n};\n\ninterface MediaPreviewLayoutProps {\n src: string[] \| string;\n onClose: () => void;\n textKeys: MediaPreviewLayoutTextKeys;\n onReplace?: () => void;\n onClear?: () => void;\n onDownload?: (src?: string) => void;\n readOnly?: boolean;\n}\n\nconst MediaPreviewLayout: React.FC<MediaPreviewLayoutProps> = ({\n src,\n onClose,\n textKeys,\n onDownload,\n onReplace,\n onClear,\n readOnly,\n}) => {\n const { t } = useTranslations();\n const sources = useMemo(() => (Array.isArray(src) ? src : [src]), [src]);\n const [current, setCurrent] = useState(sources[0]);\n const title = getMediaTitle(current);\n\n const handleDownload = useCallback(() => {\n if (sources.length > 1) {\n onDownload?.(current);\n } else {\n onDownload?.();\n }\n }, [sources, onDownload, current]);\n\n const prevButtonProps = {\n tooltipText: t('CMS.mediaGallery.preview.previousItem'),\n onClick: (prevIndex: number) => setCurrent(sources[prevIndex]),\n } as PrevButtonProps;\n\n const nextButtonProps = {\n tooltipText: t('CMS.mediaGallery.preview.nextItem'),\n onClick: (nextIndex: number) => setCurrent(sources[nextIndex]),\n } as NextButtonProps;\n\n const handleClear = useCallback(() => {\n onClear?.();\n onClose();\n }, [onClear, onClose]);\n\n return (\n <ModalPreviewLayout\n title={title}\n prevButtonProps={prevButtonProps}\n nextButtonProps={nextButtonProps}\n actions={\n <Box verticalAlign=\"middle\">\n <Box marginRight={2}>\n <TextButton\n size=\"small\"\n skin=\"light\"\n prefixIcon={<Download />}\n onClick={handleDownload}\n >\n {t(textKeys.download)}\n </TextButton>\n </Box>\n <Box marginRight={2}>\n <Button\n priority=\"secondary\"\n size=\"small\"\n skin=\"light\"\n prefixIcon={<Replace />}\n onClick={onReplace}\n disabled={readOnly}\n >\n {t(textKeys.replace)}\n </Button>\n </Box>\n {onClear && (\n <Box marginRight={2}>\n <Tooltip content={t(textKeys.delete)}>\n <IconButton\n priority=\"secondary\"\n size=\"small\"\n skin=\"light\"\n onClick={handleClear}\n disabled={readOnly}\n >\n <Delete />\n </IconButton>\n </Tooltip>\n </Box>\n )}\n </Box>\n }\n onClose={onClose}\n >\n {sources.map((mediaSrc: string, i) => (\n <MediaPreviewItem key={i} src={mediaSrc} />\n ))}\n </ModalPreviewLayout>\n );\n};\n\nconst MediaPreviewItem: React.FC<{ src: string }> = ({ src }) => {\n const [loading, setLoading] = useState(true);\n\n useEffect(() => setLoading(true), [src]);\n const onLoad = useCallback(() => setLoading(false), []);\n\n if (!src) return null;\n\n const previewURL = mediaURItoImageURL(src, window.innerWidth);\n\n return (\n <>\n {loading && (\n <Box align=\"center\" verticalAlign=\"middle\" width=\"100%\" height=\"100%\">\n <Loader size=\"small\" />\n </Box>\n )}\n {isMediaVideoURI(src) ? (\n <video\n style={{ display: loading ? 'none' : 'initial' }}\n poster={previewURL}\n onLoadedData={onLoad}\n controls\n className={classes.previewVideo}\n autoPlay\n loop\n muted\n >\n <source src={convertMediaURIToPreviewVideoURL(src)} />\n </video>\n ) : (\n <Image\n style={{ display: loading ? 'none' : 'initial' }}\n className={classes.previewImage}\n onLoad={onLoad}\n src={previewURL}\n />\n )}\n </>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-image/media-image.st.css.js CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "mediaimage3529799572";
+var _namespace_ = "mediaimage2799810137";
 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": "mediaimage3529799572__root"
+  "root": "mediaimage2799810137__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,7 +23,7 @@ var vars = exports.vars = {
   "wsr-color-R20": "--wsr-color-R20",
   "wds-color-black-550": "--wds-color-black-550",
   "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage3529799572-from",
-  "to": "--mediaimage3529799572-to"
+  "from": "--mediaimage2799810137-from",
+  "to": "--mediaimage2799810137-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/cjs/components/media-image/media-image.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
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-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~mediaimage3529799572~~\";\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\":\"~~mediaimage3529799572__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\":\"--~~mediaimage3529799572~~-from\",\"to\":\"--~~mediaimage3529799572~~-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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;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":[]}
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-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage2799810137\";\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\":\"mediaimage2799810137__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\":\"--mediaimage2799810137-from\",\"to\":\"--mediaimage2799810137-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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;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/cjs/components/media-image/overlays/custom-url-overlay.js CHANGED Viewed

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.CustomUrlOverlay = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _overlayStCss = require("./overlay.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-image/overlays/custom-url-overlay.tsx";
 /** Shows a link icon when the src is a custom (non-wix://) URL. */
@@ -14,7 +14,7 @@ const CustomUrlOverlay = ({
   placement = 'bottomLeft'
 }) => {
   const isWixUri = src == null ? void 0 : src.startsWith('wix:');
-  return src && !isWixUri ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+  return src && !isWixUri ? /*#__PURE__*/_react.default.createElement(_lazy.Link, {
     className: (0, _overlayStCss.st)(_overlayStCss.classes.iconOverlay, {
       size,
       placement

package/dist/cjs/components/media-image/overlays/custom-url-overlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","~~_wixUiIconsCommon~~","_overlayStCss","_jsxFileName","CustomUrlOverlay","src","size","placement","isWixUri","startsWith","default","createElement","Link","className","st","classes","iconOverlay","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/components/media-image/overlays/custom-url-overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Link as LinkIcon } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './overlay.st.css.js';\nimport type { IconOverlayProps } from './types';\n\n/** Shows a link icon when the src is a custom (non-wix://) URL. */\nexport const CustomUrlOverlay: React.FC<IconOverlayProps> = ({\n src,\n size = 'small',\n placement = 'bottomLeft',\n}) => {\n const isWixUri = src?.startsWith('wix:');\n return src && !isWixUri ? (\n <LinkIcon className={st(classes.iconOverlay, { size, placement })} />\n ) : null;\n};\n\nCustomUrlOverlay.displayName = 'CustomUrlOverlay';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,~~iBAAA~~,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAkD,IAAAG,YAAA;AAGlD;AACO,MAAMC,gBAA4C,GAAGA,CAAC;EAC3DC,GAAG;EACHC,IAAI,GAAG,OAAO;EACdC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGH,GAAG,oBAAHA,GAAG,CAAEI,UAAU,CAAC,MAAM,CAAC;EACxC,OAAOJ,GAAG,IAAI,CAACG,QAAQ,gBACrBV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,~~iBAAA~~,CAAAW,IAAQ;IAACC,SAAS,EAAE,IAAAC,gBAAE,EAACC,qBAAO,CAACC,WAAW,EAAE;MAAEV,IAAI;MAAEC;IAAU,CAAC,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GACnE,IAAI;AACV,CAAC;AAACC,OAAA,CAAAlB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_lazy","_overlayStCss","_jsxFileName","CustomUrlOverlay","src","size","placement","isWixUri","startsWith","default","createElement","Link","className","st","classes","iconOverlay","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/components/media-image/overlays/custom-url-overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Link as LinkIcon } from '@wix/wix-ui-icons-common/lazy';\nimport { st, classes } from './overlay.st.css.js';\nimport type { IconOverlayProps } from './types';\n\n/** Shows a link icon when the src is a custom (non-wix://) URL. */\nexport const CustomUrlOverlay: React.FC<IconOverlayProps> = ({\n src,\n size = 'small',\n placement = 'bottomLeft',\n}) => {\n const isWixUri = src?.startsWith('wix:');\n return src && !isWixUri ? (\n <LinkIcon className={st(classes.iconOverlay, { size, placement })} />\n ) : null;\n};\n\nCustomUrlOverlay.displayName = 'CustomUrlOverlay';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAkD,IAAAG,YAAA;AAGlD;AACO,MAAMC,gBAA4C,GAAGA,CAAC;EAC3DC,GAAG;EACHC,IAAI,GAAG,OAAO;EACdC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGH,GAAG,oBAAHA,GAAG,CAAEI,UAAU,CAAC,MAAM,CAAC;EACxC,OAAOJ,GAAG,IAAI,CAACG,QAAQ,gBACrBV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAW,IAAQ;IAACC,SAAS,EAAE,IAAAC,gBAAE,EAACC,qBAAO,CAACC,WAAW,EAAE;MAAEV,IAAI;MAAEC;IAAU,CAAC,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GACnE,IAAI;AACV,CAAC;AAACC,OAAA,CAAAlB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/components/media-image/overlays/overlay.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "overlay435340716";
+var _namespace_ = "overlay3442142441";
 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": "overlay435340716__root",
-  "iconOverlay": "overlay435340716__iconOverlay"
+  "root": "overlay3442142441__root",
+  "iconOverlay": "overlay3442142441__iconOverlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
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-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~overlay435340716~~\";\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\":\"~~overlay435340716__root~~\",\"iconOverlay\":\"~~overlay435340716__iconOverlay~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~kBAAkB~~;~~AACpC~~,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,~~wBAAwB~~;EAAC,aAAa,EAAC;~~AAA+B~~,CAAC;~~AAC7F~~,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;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
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-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay3442142441\";\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\":\"overlay3442142441__root\",\"iconOverlay\":\"overlay3442142441__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,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,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,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;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image/overlays/video-indicator-overlay.js CHANGED Viewed

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.VideoIndicatorOverlay = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _overlayStCss = require("./overlay.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-image/overlays/video-indicator-overlay.tsx";
 const VideoIndicatorOverlay = ({
@@ -12,7 +12,7 @@ const VideoIndicatorOverlay = ({
   size = 'small',
   placement = 'bottomLeft'
 }) => {
-  return src ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.VideoCameraSmall, {
+  return src ? /*#__PURE__*/_react.default.createElement(_lazy.VideoCameraSmall, {
     className: (0, _overlayStCss.st)(_overlayStCss.classes.iconOverlay, {
       size,
       placement