@wix/auto-patterns 1.46.0 → 1.47.0

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

@@ -1,7 +1,8 @@
 import React, { useCallback, useRef } from 'react';
-import { getMediaTitle, getMediaURL } from '../../utils/media-utils';
+import { getMediaTitle } from '../../utils/media-utils';
+import { getMediaURL } from '@wix/auto-cms-field-types';
 import { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';
-import { Delete, Replace, Document, Link } from '@wix/wix-ui-icons-common';
+import { Delete, Replace, Document, Link, Download } from '@wix/wix-ui-icons-common';
 import { useTranslations } from '../../hooks';
 import { classes } from './form-document-field.st.css.js';
 import { DocumentLoader } from './document-loader';
@@ -33,6 +34,7 @@ export const DocumentControl = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     readOnly,
     onReplace,
     onDelete,
+    onDownload,
     dataHook,
     className,
     loading,
@@ -50,10 +52,12 @@ export const DocumentControl = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   const handleOpenDocument = useCallback(() => {
     openDocument(getMediaURL(mediaURI, metaSiteId));
   }, [mediaURI, metaSiteId]);
+  const handleDownload = useCallback(() => {
+    onDownload(mediaURI);
+  }, [mediaURI, onDownload]);
   const containerRef = useRef(null);
   const handleOnKeydown = useCallback(event => {
     var _containerRef$current;
-    // TODO: find a better way how to handle keydown
     const actions = containerRef == null || (_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.querySelector(`[data-hook="document-view-actions-button"]`);
     if (actions != null && actions.contains(document.activeElement)) {
       return;
@@ -95,6 +99,12 @@ export const DocumentControl = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
           minWidth: '232px'
         },
         secondaryActions: [{
+          icon: /*#__PURE__*/React.createElement(Download, null),
+          onClick: handleDownload,
+          disabled: readOnly,
+          dataHook: 'document-view-download-action',
+          text: t('CMS.document.action.download')
+        }, {
           icon: /*#__PURE__*/React.createElement(Replace, null),
           onClick: onReplace,
           text: t('CMS.document.action.replace'),

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","getMediaTitle","getMediaURL","Text","Box","TableListItem","TableActionCell","Delete","Replace","Document","Link","useTranslations","classes","DocumentLoader","openDocument","useWixPatternsContainer","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","_ref","mediaURI","createElement","gap","verticalAlign","className","textWidth","width","height","children","dataHook","secondary","ellipsis","DocumentControl","forwardRef","_ref2","ref","readOnly","onReplace","onDelete","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","t","environment","metaSiteId","msid","handleOpenDocument","containerRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","borderStyle","onKeyDown","onClick","verticalPadding","options","value","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","disabled","divider","align"],"sources":["../../../../../src/cms-fields/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle, getMediaURL } from '../../utils/media-utils';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport { Delete, Replace, Document, Link } from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n      <Box width=\"24px\" height=\"24px\" children={<Document />} />\n      <Text\n        dataHook=\"document-view-name\"\n        secondary\n        ellipsis\n        children={getMediaTitle(mediaURI)}\n      />\n    </Box>\n  );\n};\ninterface DocumentControl {\n  mediaURI: string;\n  readOnly?: boolean;\n  onReplace: () => void;\n  onDelete: () => void;\n  className?: string;\n  loading: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n  loaderClassName?: string;\n  dataHook?: string;\n  onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n  TableListItemImperativeActions,\n  DocumentControl\n>(\n  (\n    {\n      mediaURI,\n      readOnly,\n      onReplace,\n      onDelete,\n      dataHook,\n      className,\n      loading,\n      loaderBorderStyle,\n      loaderClassName,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const { environment } = useWixPatternsContainer();\n    const metaSiteId = environment.msid;\n\n    const handleOpenDocument = useCallback(() => {\n      openDocument(getMediaURL(mediaURI, metaSiteId));\n    }, [mediaURI, metaSiteId]);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n      (event) => {\n        // TODO: find a better way how to handle keydown\n        const actions = containerRef?.current?.querySelector(\n          `[data-hook=\"document-view-actions-button\"]`,\n        );\n\n        if (actions?.contains(document.activeElement)) {\n          return;\n        }\n\n        if (event.key === 'Enter') {\n          handleOpenDocument();\n        }\n      },\n      [handleOpenDocument, containerRef],\n    );\n\n    return loading ? (\n      <DocumentLoader\n        borderStyle={loaderBorderStyle}\n        className={loaderClassName}\n      />\n    ) : (\n      <div ref={containerRef} onKeyDown={handleOnKeydown}>\n        <TableListItem\n          dataHook={dataHook}\n          ref={ref}\n          className={className}\n          onClick={handleOpenDocument}\n          verticalPadding=\"tiny\"\n          options={[\n            {\n              value: <DocumentComponent mediaURI={mediaURI} />,\n              width: '75%',\n            },\n            {\n              value: (\n                <TableActionCell\n                  dataHook=\"document-view-actions-button\"\n                  alwaysShowSecondaryActions\n                  numOfVisibleSecondaryActions={1}\n                  primaryAction={{\n                    onClick: handleOpenDocument,\n                    skin: 'standard',\n                    text: t('CMS.document.action.open'),\n                    dataHook: 'document-view-open-action',\n                  }}\n                  popoverMenuProps={{\n                    textSize: 'medium',\n                    minWidth: '232px',\n                  }}\n                  secondaryActions={[\n                    {\n                      icon: <Replace />,\n                      onClick: onReplace,\n                      text: t('CMS.document.action.replace'),\n                      dataHook: 'document-view-replace-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      icon: <Link />,\n                      onClick: onOpenPasteURLForm,\n                      text: t('CMS.document.action.replaceWithUrl'),\n                      dataHook: 'document-view-replace-with-url-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      divider: true,\n                    },\n                    {\n                      icon: <Delete />,\n                      onClick: onDelete,\n                      text: t('CMS.document.action.delete'),\n                      dataHook: 'document-view-delete-action',\n                      disabled: readOnly,\n                    },\n                  ]}\n                />\n              ),\n              width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n              align: 'right',\n            },\n          ]}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useRef","getMediaTitle","getMediaURL","Text","Box","TableListItem","TableActionCell","Delete","Replace","Document","Link","Download","useTranslations","classes","DocumentLoader","openDocument","useWixPatternsContainer","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","_ref","mediaURI","createElement","gap","verticalAlign","className","textWidth","width","height","children","dataHook","secondary","ellipsis","DocumentControl","forwardRef","_ref2","ref","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","t","environment","metaSiteId","msid","handleOpenDocument","handleDownload","containerRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","borderStyle","onKeyDown","onClick","verticalPadding","options","value","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","disabled","divider","align"],"sources":["../../../../../src/cms-fields/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '@wix/auto-cms-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n  Delete,\n  Replace,\n  Document,\n  Link,\n  Download,\n} from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/patterns';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n      <Box width=\"24px\" height=\"24px\" children={<Document />} />\n      <Text\n        dataHook=\"document-view-name\"\n        secondary\n        ellipsis\n        children={getMediaTitle(mediaURI)}\n      />\n    </Box>\n  );\n};\ninterface DocumentControl {\n  mediaURI: string;\n  readOnly?: boolean;\n  onReplace: () => void;\n  onDelete: () => void;\n  onDownload: (mediaURI: string) => void;\n  className?: string;\n  loading: boolean;\n  loaderBorderStyle?: 'solid' | 'dashed';\n  loaderClassName?: string;\n  dataHook?: string;\n  onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n  TableListItemImperativeActions,\n  DocumentControl\n>(\n  (\n    {\n      mediaURI,\n      readOnly,\n      onReplace,\n      onDelete,\n      onDownload,\n      dataHook,\n      className,\n      loading,\n      loaderBorderStyle,\n      loaderClassName,\n      onOpenPasteURLForm,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    const { environment } = useWixPatternsContainer();\n    const metaSiteId = environment.msid;\n\n    const handleOpenDocument = useCallback(() => {\n      openDocument(getMediaURL(mediaURI, metaSiteId));\n    }, [mediaURI, metaSiteId]);\n\n    const handleDownload = useCallback(() => {\n      onDownload(mediaURI);\n    }, [mediaURI, onDownload]);\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n      (event) => {\n        const actions = containerRef?.current?.querySelector(\n          `[data-hook=\"document-view-actions-button\"]`,\n        );\n\n        if (actions?.contains(document.activeElement)) {\n          return;\n        }\n\n        if (event.key === 'Enter') {\n          handleOpenDocument();\n        }\n      },\n      [handleOpenDocument, containerRef],\n    );\n\n    return loading ? (\n      <DocumentLoader\n        borderStyle={loaderBorderStyle}\n        className={loaderClassName}\n      />\n    ) : (\n      <div ref={containerRef} onKeyDown={handleOnKeydown}>\n        <TableListItem\n          dataHook={dataHook}\n          ref={ref}\n          className={className}\n          onClick={handleOpenDocument}\n          verticalPadding=\"tiny\"\n          options={[\n            {\n              value: <DocumentComponent mediaURI={mediaURI} />,\n              width: '75%',\n            },\n            {\n              value: (\n                <TableActionCell\n                  dataHook=\"document-view-actions-button\"\n                  alwaysShowSecondaryActions\n                  numOfVisibleSecondaryActions={1}\n                  primaryAction={{\n                    onClick: handleOpenDocument,\n                    skin: 'standard',\n                    text: t('CMS.document.action.open'),\n                    dataHook: 'document-view-open-action',\n                  }}\n                  popoverMenuProps={{\n                    textSize: 'medium',\n                    minWidth: '232px',\n                  }}\n                  secondaryActions={[\n                    {\n                      icon: <Download />,\n                      onClick: handleDownload,\n                      disabled: readOnly,\n                      dataHook: 'document-view-download-action',\n                      text: t('CMS.document.action.download'),\n                    },\n                    {\n                      icon: <Replace />,\n                      onClick: onReplace,\n                      text: t('CMS.document.action.replace'),\n                      dataHook: 'document-view-replace-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      icon: <Link />,\n                      onClick: onOpenPasteURLForm,\n                      text: t('CMS.document.action.replaceWithUrl'),\n                      dataHook: 'document-view-replace-with-url-action',\n                      disabled: readOnly,\n                    },\n                    {\n                      divider: true,\n                    },\n                    {\n                      icon: <Delete />,\n                      onClick: onDelete,\n                      text: t('CMS.document.action.delete'),\n                      dataHook: 'document-view-delete-action',\n                      disabled: readOnly,\n                    },\n                  ]}\n                />\n              ),\n              width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n              align: 'right',\n            },\n          ]}\n        />\n      </div>\n    );\n  },\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -26,7 +26,8 @@ export const FormDocumentField = _ref => {
   const viewRef = useRef(null);
   const {
     callMedia,
-    loading
+    loading,
+    downloadMedia
   } = useMediaControl({
     mediaType: MEDIA_TYPES.ALL_MEDIA,
     value: data,
@@ -64,6 +65,7 @@ export const FormDocumentField = _ref => {
     readOnly: readOnly,
     onReplace: callMedia,
     onDelete: onClear,
+    onDownload: downloadMedia,
     className: classes.viewWrapper,
     loading: loading,
     loaderBorderStyle: "solid",

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","MEDIA_TYPES","useTranslations","useWithCallback","PasteURLForm","useMediaControl","usePasteURLForm","DocumentControl","classes","FormDocumentInput","documentClasses","FormDocumentField","_ref","data","onChange","onChangeDocument","onClear","onClearDocument","onInput","autoFocus","readOnly","invalid","dataHook","t","inputRef","viewRef","callMedia","loading","mediaType","ALL_MEDIA","value","isOpen","title","onOpen","onClose","onSave","createElement","Fragment","ref","theme","disabled","error","loaderBorderStyle","onAddButtonClick","onPasteURLButtonClick","mediaURI","onReplace","onDelete","className","viewWrapper","onOpenPasteURLForm","show","closeModal"],"sources":["../../../../../src/cms-fields/components/document/form-document-field.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations, useWithCallback } from '../../hooks';\nimport type { AddItemActions } from '@wix/design-system';\n\nimport type { FormMediaControlProps } from '../media-control';\nimport {\n  PasteURLForm,\n  useMediaControl,\n  usePasteURLForm,\n} from '../media-control';\n\nimport { DocumentControl } from './document-control';\nimport { classes } from './form-document-field.st.css.js';\nimport { FormDocumentInput } from './form-document-input';\n\nexport { classes as documentClasses } from './form-document-field.st.css.js';\n\nexport const FormDocumentField: React.FC<FormMediaControlProps> = ({\n  data,\n  onChange: onChangeDocument,\n  onClear: onClearDocument,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeDocument, onInput);\n  const onClear = useWithCallback(onClearDocument, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n  });\n\n  const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({\n    onChange,\n  });\n\n  return (\n    <>\n      {!data ? (\n        <FormDocumentInput\n          dataHook={dataHook}\n          ref={inputRef}\n          theme=\"dashes\"\n          disabled={readOnly}\n          loading={loading}\n          error={invalid}\n          loaderBorderStyle=\"dashed\"\n          onAddButtonClick={callMedia}\n          onPasteURLButtonClick={onOpen({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n      ) : (\n        <DocumentControl\n          dataHook={dataHook}\n          ref={viewRef}\n          mediaURI={data}\n          readOnly={readOnly}\n          onReplace={callMedia}\n          onDelete={onClear}\n          className={classes.viewWrapper}\n          loading={loading}\n          loaderBorderStyle=\"solid\"\n          onOpenPasteURLForm={onOpen({\n            title: t('CMS.document.replaceWithUrl.title'),\n          })}\n        />\n      )}\n      <PasteURLForm\n        title={title}\n        value={data}\n        show={isOpen}\n        closeModal={onClose}\n        onSave={onSave}\n      />\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AAErC,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,eAAe,EAAEC,eAAe,QAAQ,aAAa;AAI9D,SACEC,YAAY,EACZC,eAAe,EACfC,eAAe,QACV,kBAAkB;AAEzB,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,OAAO,QAAQ,iCAAiC;AACzD,SAASC,iBAAiB,QAAQ,uBAAuB;AAEzD,SAASD,OAAO,IAAIE,eAAe,QAAQ,iCAAiC;AAE5E,OAAO,MAAMC,iBAAkD,GAAGC,IAAA,IAS5D;EAAA,IAT6D;IACjEC,IAAI;IACJC,QAAQ,EAAEC,gBAAgB;IAC1BC,OAAO,EAAEC,eAAe;IACxBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC;EACF,CAAC,GAAAV,IAAA;EACC,MAAM;IAAEW;EAAE,CAAC,GAAGrB,eAAe,CAAC,CAAC;EAE/B,MAAMY,QAAQ,GAAGX,eAAe,CAACY,gBAAgB,EAAEG,OAAO,CAAC;EAC3D,MAAMF,OAAO,GAAGb,eAAe,CAACc,eAAe,EAAEC,OAAO,CAAC;EAEzD,MAAMM,QAAQ,GAAGxB,MAAM,CAAiB,IAAI,CAAC;EAC7C,MAAMyB,OAAO,GAAGzB,MAAM,CAAiB,IAAI,CAAC;EAE5C,MAAM;IAAE0B,SAAS;IAAEC;EAAQ,CAAC,GAAGtB,eAAe,CAAC;IAC7CuB,SAAS,EAAE3B,WAAW,CAAC4B,SAAS;IAChCC,KAAK,EAAEjB,IAAI;IACXC,QAAQ;IACRK,SAAS;IACTC,QAAQ;IACRI,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEM,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG7B,eAAe,CAAC;IACjEQ;EACF,CAAC,CAAC;EAEF,oBACEf,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAsC,QAAA,QACG,CAACxB,IAAI,gBACJd,KAAA,CAAAqC,aAAA,CAAC3B,iBAAiB;IAChBa,QAAQ,EAAEA,QAAS;IACnBgB,GAAG,EAAEd,QAAS;IACde,KAAK,EAAC,QAAQ;IACdC,QAAQ,EAAEpB,QAAS;IACnBO,OAAO,EAAEA,OAAQ;IACjBc,KAAK,EAAEpB,OAAQ;IACfqB,iBAAiB,EAAC,QAAQ;IAC1BC,gBAAgB,EAAEjB,SAAU;IAC5BkB,qBAAqB,EAAEX,MAAM,CAAC;MAC5BD,KAAK,EAAET,CAAC,CAAC,6BAA6B;IACxC,CAAC;EAAE,CACJ,CAAC,gBAEFxB,KAAA,CAAAqC,aAAA,CAAC7B,eAAe;IACde,QAAQ,EAAEA,QAAS;IACnBgB,GAAG,EAAEb,OAAQ;IACboB,QAAQ,EAAEhC,IAAK;IACfO,QAAQ,EAAEA,QAAS;IACnB0B,SAAS,EAAEpB,SAAU;IACrBqB,QAAQ,EAAE/B,OAAQ;IAClBgC,SAAS,EAAExC,OAAO,CAACyC,WAAY;IAC/BtB,OAAO,EAAEA,OAAQ;IACjBe,iBAAiB,EAAC,OAAO;IACzBQ,kBAAkB,EAAEjB,MAAM,CAAC;MACzBD,KAAK,EAAET,CAAC,CAAC,mCAAmC;IAC9C,CAAC;EAAE,CACJ,CACF,eACDxB,KAAA,CAAAqC,aAAA,CAAChC,YAAY;IACX4B,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEjB,IAAK;IACZsC,IAAI,EAAEpB,MAAO;IACbqB,UAAU,EAAElB,OAAQ;IACpBC,MAAM,EAAEA;EAAO,CAChB,CACD,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRef","MEDIA_TYPES","useTranslations","useWithCallback","PasteURLForm","useMediaControl","usePasteURLForm","DocumentControl","classes","FormDocumentInput","documentClasses","FormDocumentField","_ref","data","onChange","onChangeDocument","onClear","onClearDocument","onInput","autoFocus","readOnly","invalid","dataHook","t","inputRef","viewRef","callMedia","loading","downloadMedia","mediaType","ALL_MEDIA","value","isOpen","title","onOpen","onClose","onSave","createElement","Fragment","ref","theme","disabled","error","loaderBorderStyle","onAddButtonClick","onPasteURLButtonClick","mediaURI","onReplace","onDelete","onDownload","className","viewWrapper","onOpenPasteURLForm","show","closeModal"],"sources":["../../../../../src/cms-fields/components/document/form-document-field.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations, useWithCallback } from '../../hooks';\nimport type { AddItemActions } from '@wix/design-system';\n\nimport type { FormMediaControlProps } from '../media-control';\nimport {\n  PasteURLForm,\n  useMediaControl,\n  usePasteURLForm,\n} from '../media-control';\n\nimport { DocumentControl } from './document-control';\nimport { classes } from './form-document-field.st.css.js';\nimport { FormDocumentInput } from './form-document-input';\n\nexport { classes as documentClasses } from './form-document-field.st.css.js';\n\nexport const FormDocumentField: React.FC<FormMediaControlProps> = ({\n  data,\n  onChange: onChangeDocument,\n  onClear: onClearDocument,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeDocument, onInput);\n  const onClear = useWithCallback(onClearDocument, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, loading, downloadMedia } = useMediaControl({\n    mediaType: MEDIA_TYPES.ALL_MEDIA,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n  });\n\n  const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({\n    onChange,\n  });\n\n  return (\n    <>\n      {!data ? (\n        <FormDocumentInput\n          dataHook={dataHook}\n          ref={inputRef}\n          theme=\"dashes\"\n          disabled={readOnly}\n          loading={loading}\n          error={invalid}\n          loaderBorderStyle=\"dashed\"\n          onAddButtonClick={callMedia}\n          onPasteURLButtonClick={onOpen({\n            title: t('CMS.document.pasteUrl.title'),\n          })}\n        />\n      ) : (\n        <DocumentControl\n          dataHook={dataHook}\n          ref={viewRef}\n          mediaURI={data}\n          readOnly={readOnly}\n          onReplace={callMedia}\n          onDelete={onClear}\n          onDownload={downloadMedia}\n          className={classes.viewWrapper}\n          loading={loading}\n          loaderBorderStyle=\"solid\"\n          onOpenPasteURLForm={onOpen({\n            title: t('CMS.document.replaceWithUrl.title'),\n          })}\n        />\n      )}\n      <PasteURLForm\n        title={title}\n        value={data}\n        show={isOpen}\n        closeModal={onClose}\n        onSave={onSave}\n      />\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AAErC,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,eAAe,EAAEC,eAAe,QAAQ,aAAa;AAI9D,SACEC,YAAY,EACZC,eAAe,EACfC,eAAe,QACV,kBAAkB;AAEzB,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,OAAO,QAAQ,iCAAiC;AACzD,SAASC,iBAAiB,QAAQ,uBAAuB;AAEzD,SAASD,OAAO,IAAIE,eAAe,QAAQ,iCAAiC;AAE5E,OAAO,MAAMC,iBAAkD,GAAGC,IAAA,IAS5D;EAAA,IAT6D;IACjEC,IAAI;IACJC,QAAQ,EAAEC,gBAAgB;IAC1BC,OAAO,EAAEC,eAAe;IACxBC,OAAO;IACPC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC;EACF,CAAC,GAAAV,IAAA;EACC,MAAM;IAAEW;EAAE,CAAC,GAAGrB,eAAe,CAAC,CAAC;EAE/B,MAAMY,QAAQ,GAAGX,eAAe,CAACY,gBAAgB,EAAEG,OAAO,CAAC;EAC3D,MAAMF,OAAO,GAAGb,eAAe,CAACc,eAAe,EAAEC,OAAO,CAAC;EAEzD,MAAMM,QAAQ,GAAGxB,MAAM,CAAiB,IAAI,CAAC;EAC7C,MAAMyB,OAAO,GAAGzB,MAAM,CAAiB,IAAI,CAAC;EAE5C,MAAM;IAAE0B,SAAS;IAAEC,OAAO;IAAEC;EAAc,CAAC,GAAGvB,eAAe,CAAC;IAC5DwB,SAAS,EAAE5B,WAAW,CAAC6B,SAAS;IAChCC,KAAK,EAAElB,IAAI;IACXC,QAAQ;IACRK,SAAS;IACTC,QAAQ;IACRI,QAAQ;IACRC;EACF,CAAC,CAAC;EAEF,MAAM;IAAEO,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG9B,eAAe,CAAC;IACjEQ;EACF,CAAC,CAAC;EAEF,oBACEf,KAAA,CAAAsC,aAAA,CAAAtC,KAAA,CAAAuC,QAAA,QACG,CAACzB,IAAI,gBACJd,KAAA,CAAAsC,aAAA,CAAC5B,iBAAiB;IAChBa,QAAQ,EAAEA,QAAS;IACnBiB,GAAG,EAAEf,QAAS;IACdgB,KAAK,EAAC,QAAQ;IACdC,QAAQ,EAAErB,QAAS;IACnBO,OAAO,EAAEA,OAAQ;IACjBe,KAAK,EAAErB,OAAQ;IACfsB,iBAAiB,EAAC,QAAQ;IAC1BC,gBAAgB,EAAElB,SAAU;IAC5BmB,qBAAqB,EAAEX,MAAM,CAAC;MAC5BD,KAAK,EAAEV,CAAC,CAAC,6BAA6B;IACxC,CAAC;EAAE,CACJ,CAAC,gBAEFxB,KAAA,CAAAsC,aAAA,CAAC9B,eAAe;IACde,QAAQ,EAAEA,QAAS;IACnBiB,GAAG,EAAEd,OAAQ;IACbqB,QAAQ,EAAEjC,IAAK;IACfO,QAAQ,EAAEA,QAAS;IACnB2B,SAAS,EAAErB,SAAU;IACrBsB,QAAQ,EAAEhC,OAAQ;IAClBiC,UAAU,EAAErB,aAAc;IAC1BsB,SAAS,EAAE1C,OAAO,CAAC2C,WAAY;IAC/BxB,OAAO,EAAEA,OAAQ;IACjBgB,iBAAiB,EAAC,OAAO;IACzBS,kBAAkB,EAAElB,MAAM,CAAC;MACzBD,KAAK,EAAEV,CAAC,CAAC,mCAAmC;IAC9C,CAAC;EAAE,CACJ,CACF,eACDxB,KAAA,CAAAsC,aAAA,CAACjC,YAAY;IACX6B,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAElB,IAAK;IACZwC,IAAI,EAAErB,MAAO;IACbsB,UAAU,EAAEnB,OAAQ;IACpBC,MAAM,EAAEA;EAAO,CAChB,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/document/form-document-field.st.css.js

@@ -1,19 +1,19 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield744204928";
+var _namespace_ = "formdocumentfield2561653091";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "formdocumentfield744204928__root",
-  "viewWrapper": "formdocumentfield744204928__viewWrapper",
-  "textWidth": "formdocumentfield744204928__textWidth",
-  "documentLoader": "formdocumentfield744204928__documentLoader",
-  "addDocument": "formdocumentfield744204928__addDocument",
-  "addItemWrapper": "formdocumentfield744204928__addItemWrapper"
+  "root": "formdocumentfield2561653091__root",
+  "viewWrapper": "formdocumentfield2561653091__viewWrapper",
+  "textWidth": "formdocumentfield2561653091__textWidth",
+  "documentLoader": "formdocumentfield2561653091__documentLoader",
+  "addDocument": "formdocumentfield2561653091__addDocument",
+  "addItemWrapper": "formdocumentfield2561653091__addItemWrapper"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/document/form-document-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield744204928\";\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\":\"formdocumentfield744204928__root\",\"viewWrapper\":\"formdocumentfield744204928__viewWrapper\",\"textWidth\":\"formdocumentfield744204928__textWidth\",\"documentLoader\":\"formdocumentfield744204928__documentLoader\",\"addDocument\":\"formdocumentfield744204928__addDocument\",\"addItemWrapper\":\"formdocumentfield744204928__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,aAAa,EAAC,yCAAyC;EAAC,WAAW,EAAC,uCAAuC;EAAC,gBAAgB,EAAC,4CAA4C;EAAC,aAAa,EAAC,yCAAyC;EAAC,gBAAgB,EAAC;AAA4C,CAAC;AAChW,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AACpR,OAAO,IAAIC,IAAI,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield2561653091\";\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\":\"formdocumentfield2561653091__root\",\"viewWrapper\":\"formdocumentfield2561653091__viewWrapper\",\"textWidth\":\"formdocumentfield2561653091__textWidth\",\"documentLoader\":\"formdocumentfield2561653091__documentLoader\",\"addDocument\":\"formdocumentfield2561653091__addDocument\",\"addItemWrapper\":\"formdocumentfield2561653091__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AACtW,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AACpR,OAAO,IAAIC,IAAI,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}

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

@@ -1,17 +1,17 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation1939801923";
+var _namespace_ = "exclamation434051250";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "exclamation1939801923__root",
-  "exclamation": "exclamation1939801923__exclamation",
-  "actions": "exclamation1939801923__actions",
-  "action": "exclamation1939801923__action"
+  "root": "exclamation434051250__root",
+  "exclamation": "exclamation434051250__exclamation",
+  "actions": "exclamation434051250__actions",
+  "action": "exclamation434051250__action"
 };
 export var keyframes = {};
 export var layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation1939801923\";\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\":\"exclamation1939801923__root\",\"exclamation\":\"exclamation1939801923__exclamation\",\"actions\":\"exclamation1939801923__actions\",\"action\":\"exclamation1939801923__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAClM,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation434051250\";\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\":\"exclamation434051250__root\",\"exclamation\":\"exclamation434051250__exclamation\",\"actions\":\"exclamation434051250__actions\",\"action\":\"exclamation434051250__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,aAAa,EAAC,mCAAmC;EAAC,SAAS,EAAC,+BAA+B;EAAC,QAAQ,EAAC;AAA8B,CAAC;AAC9L,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { style, classes } from './highlighted-text.st.css.js';
+export const HighlightedText = _ref => {
+  let {
+    highlight,
+    highlightedBackground = true,
+    className,
+    dataHook
+  } = _ref;
+  return /*#__PURE__*/React.createElement("span", {
+    "data-hook": dataHook,
+    className: style(classes.root, {
+      highlightedBackground
+    }, className)
+  }, highlight.map((_ref2, key) => {
+    let {
+      substring,
+      isHighlighted
+    } = _ref2;
+    return /*#__PURE__*/React.createElement("span", {
+      key: key,
+      className: style(classes.substring, {
+        isHighlighted
+      }),
+      children: substring
+    });
+  }));
+};
+//# sourceMappingURL=highlighted-text.js.map

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","style","classes","HighlightedText","_ref","highlight","highlightedBackground","className","dataHook","createElement","root","map","_ref2","key","substring","isHighlighted","children"],"sources":["../../../../../src/cms-fields/components/highlighted-text/highlighted-text.tsx"],"sourcesContent":["import React from 'react';\n\nimport { style, classes } from './highlighted-text.st.css.js';\n\nimport type { HighlightDescriptor } from '../../utils';\n\nexport interface HighlightTextProps {\n  highlight: HighlightDescriptor;\n  highlightedBackground?: boolean;\n  className?: string;\n  dataHook?: string;\n}\n\nexport const HighlightedText: React.FC<HighlightTextProps> = ({\n  highlight,\n  highlightedBackground = true,\n  className,\n  dataHook,\n}) => (\n  <span\n    data-hook={dataHook}\n    className={style(classes.root, { highlightedBackground }, className)}\n  >\n    {highlight.map(({ substring, isHighlighted }, key) => (\n      <span\n        key={key}\n        className={style(classes.substring, { isHighlighted })}\n        children={substring}\n      />\n    ))}\n  </span>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,KAAK,EAAEC,OAAO,QAAQ,8BAA8B;AAW7D,OAAO,MAAMC,eAA6C,GAAGC,IAAA;EAAA,IAAC;IAC5DC,SAAS;IACTC,qBAAqB,GAAG,IAAI;IAC5BC,SAAS;IACTC;EACF,CAAC,GAAAJ,IAAA;EAAA,oBACCJ,KAAA,CAAAS,aAAA;IACE,aAAWD,QAAS;IACpBD,SAAS,EAAEN,KAAK,CAACC,OAAO,CAACQ,IAAI,EAAE;MAAEJ;IAAsB,CAAC,EAAEC,SAAS;EAAE,GAEpEF,SAAS,CAACM,GAAG,CAAC,CAAAC,KAAA,EAA+BC,GAAG;IAAA,IAAjC;MAAEC,SAAS;MAAEC;IAAc,CAAC,GAAAH,KAAA;IAAA,oBAC1CZ,KAAA,CAAAS,aAAA;MACEI,GAAG,EAAEA,GAAI;MACTN,SAAS,EAAEN,KAAK,CAACC,OAAO,CAACY,SAAS,EAAE;QAAEC;MAAc,CAAC,CAAE;MACvDC,QAAQ,EAAEF;IAAU,CACrB,CAAC;EAAA,CACH,CACG,CAAC;AAAA,CACR","ignoreList":[]}

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.st.css

@@ -0,0 +1,39 @@
+@property st-global(--wds-color-yellow-200);
+@property st-global(--wds-color-yellow-400);
+@property st-global(--wsr-color-Y20);
+@property st-global(--wsr-color-Y40);
+
+.root {
+    -st-states: highlightedBackground;
+}
+
+.root:highlightedBackground {
+    animation: highlighted 150ms ease-out 1 forwards;
+}
+
+.substring {
+    -st-states: isHighlighted;
+}
+
+.substring:isHighlighted {
+    animation: highlighted-match 150ms ease-out 50ms 1 forwards;
+}
+
+
+@keyframes highlighted {
+    from {
+        background-color: transparent;
+    }
+    to {
+        background-color: var(--wds-color-yellow-400, var(--wsr-color-Y40));
+    }
+}
+
+@keyframes highlighted-match {
+    from {
+        background-color: transparent;
+    }
+    to {
+        background-color: var(--wds-color-yellow-200, var(--wsr-color-Y20));
+    }
+}

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.st.css.js

@@ -0,0 +1,27 @@
+// @ts-nocheck
+
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "highlightedtext3204350970";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = {
+  "root": "highlightedtext3204350970__root",
+  "substring": "highlightedtext3204350970__substring"
+};
+export var keyframes = {
+  "highlighted": "highlightedtext3204350970__highlighted",
+  "highlighted-match": "highlightedtext3204350970__highlighted-match"
+};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {
+  "wds-color-yellow-200": "--wds-color-yellow-200",
+  "wds-color-yellow-400": "--wds-color-yellow-400",
+  "wsr-color-Y20": "--wsr-color-Y20",
+  "wsr-color-Y40": "--wsr-color-Y40"
+};
+//# sourceMappingURL=highlighted-text.st.css.js.map

package/dist/esm/cms-fields/components/highlighted-text/highlighted-text.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext3204350970\";\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\":\"highlightedtext3204350970__root\",\"substring\":\"highlightedtext3204350970__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext3204350970__highlighted\",\"highlighted-match\":\"highlightedtext3204350970__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAClH,OAAO,IAAIC,SAAS,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAClJ,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/highlighted-text/index.js

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

package/dist/esm/cms-fields/components/highlighted-text/index.js.map

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

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

@@ -1,4 +1,5 @@
 export * from './address';
+export * from './audio';
 export * from './common';
 export * from './exclamation';
 export * from './time-input';

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/cms-fields/components/index.ts"],"sourcesContent":["export * from './address';\nexport * from './common';\nexport * from './exclamation';\nexport * from './time-input';\nexport * from './time-view';\nexport * from './object';\nexport * from './media-gallery';\nexport * from './rich-content';\nexport * from './rich-text';\nexport * from './text';\nexport * from './document';\nexport * from './multi-document';\nexport * from './delete-dialog';\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/cms-fields/components/index.ts"],"sourcesContent":["export * from './address';\nexport * from './audio';\nexport * from './common';\nexport * from './exclamation';\nexport * from './time-input';\nexport * from './time-view';\nexport * from './object';\nexport * from './media-gallery';\nexport * from './rich-content';\nexport * from './rich-text';\nexport * from './text';\nexport * from './document';\nexport * from './multi-document';\nexport * from './delete-dialog';\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB","ignoreList":[]}

package/dist/esm/cms-fields/components/media-control/paste-url-button.st.css.js

@@ -1,16 +1,16 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton3909766312";
+var _namespace_ = "pasteurlbutton540096597";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "pasteurlbutton3909766312__root",
-  "iconButtonTooltip": "pasteurlbutton3909766312__iconButtonTooltip",
-  "iconButton": "pasteurlbutton3909766312__iconButton"
+  "root": "pasteurlbutton540096597__root",
+  "iconButtonTooltip": "pasteurlbutton540096597__iconButtonTooltip",
+  "iconButton": "pasteurlbutton540096597__iconButton"
 };
 export var keyframes = {};
 export var layers = {};

package/dist/esm/cms-fields/components/media-control/paste-url-button.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton3909766312\";\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\":\"pasteurlbutton3909766312__root\",\"iconButtonTooltip\":\"pasteurlbutton3909766312__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton3909766312__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AACpL,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton540096597\";\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\":\"pasteurlbutton540096597__root\",\"iconButtonTooltip\":\"pasteurlbutton540096597__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton540096597__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,mBAAmB,EAAC,4CAA4C;EAAC,YAAY,EAAC;AAAqC,CAAC;AACjL,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -1,31 +1,60 @@
 import { useRef, useState, useEffect, useCallback } from 'react';
 import { dashboard } from '@wix/dashboard';
+import { files } from '@wix/media';
+import { executeDownloading } from '../../utils/media-utils';
+import { getMediaURL } from '@wix/auto-cms-field-types';
 const MEDIA_TYPE_TO_CATEGORY = {
   IMAGE: 'IMAGE',
   VIDEO: 'VIDEO',
-  AUDIO: 'MUSIC',
+  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.
  */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const extractMediaUri = mediaItem => {
-  var _media$image, _media$video, _media$audio, _media$document;
   const {
     media
   } = mediaItem || {};
-  if (!media) {
-    return '';
+  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) || ''
+    );
   }
-
-  // Try each media type - the URI is nested under media.[type].[type]
-  return ((_media$image = media.image) == null ? void 0 : _media$image.image) || ((_media$video = media.video) == null ? void 0 : _media$video.video) || ((_media$audio = media.audio) == null ? void 0 : _media$audio.audio) || ((_media$document = media.document) == null ? void 0 : _media$document.document) || (
-  // Fallback for direct string values
-  typeof media.image === 'string' ? media.image : '') || (typeof media.video === 'string' ? media.video : '') || (typeof media.audio === 'string' ? media.audio : '') || (typeof media.document === 'string' ? media.document : '');
+  return '';
 };
 export function useMediaControl(_ref) {
   let {
@@ -71,7 +100,6 @@ export function useMediaControl(_ref) {
     onFocus == null || onFocus();
     setLoading(true);
     try {
-      var _mediaManagerData$ite;
       const category = MEDIA_TYPE_TO_CATEGORY[mediaType];
       const mediaManagerData = await dashboard.openMediaManager({
         multiSelect: Boolean(multiSelect),
@@ -83,11 +111,14 @@ export function useMediaControl(_ref) {
       setLoading(false);
       setActive();
       mediaRequested.current = false;
-      if (!(mediaManagerData != null && (_mediaManagerData$ite = mediaManagerData.items) != null && _mediaManagerData$ite.length)) {
+
+      // 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 = mediaManagerData.items.map(extractMediaUri);
+        const newURIs = items.map(extractMediaUri);
         if (!newURIs.length) {
           throw new Error(`Media Control Error: Media Manager returns not-covered Multi-Document data.`);
         }
@@ -99,7 +130,7 @@ export function useMediaControl(_ref) {
           params.onChange([...(value ?? []), ...newURIs]);
         }
       } else {
-        params.onChange(extractMediaUri(mediaManagerData.items[0]));
+        params.onChange(extractMediaUri(items[0]));
       }
     } catch (e) {
       setLoading(false);
@@ -107,10 +138,24 @@ export function useMediaControl(_ref) {
       console.error(`Media Control Error:`, e);
     }
   }, [mediaType, multiSelect, onBlur, onFocus, params, readOnly, setActive, value]);
-  const downloadMedia = valueToDownload => {
-    // TODO: Implement download media
-    return valueToDownload;
-  };
+  const downloadMedia = useCallback(async mediaUri => {
+    if (!mediaUri) {
+      return;
+    }
+    try {
+      var _result$downloadUrls;
+      const result = await 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 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 executeDownloading(getMediaURL(mediaUri));
+    }
+  }, []);
   return {
     loading,
     callMedia,

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

@@ -1 +1 @@
-{"version":3,"names":["useRef","useState","useEffect","useCallback","dashboard","MEDIA_TYPE_TO_CATEGORY","IMAGE","VIDEO","AUDIO","DOCUMENT","ALL_MEDIA","undefined","extractMediaUri","mediaItem","_media$image","_media$video","_media$audio","_media$document","media","image","video","audio","document","useMediaControl","_ref","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","loading","setLoading","Boolean","mediaRequested","setActive","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","onMediaLoad","callMedia","index","onChange","_mediaManagerData$ite","category","mediaManagerData","openMediaManager","items","length","newURIs","map","Error","newValue","splice","e","console","error","downloadMedia","valueToDownload"],"sources":["../../../../../src/cms-fields/components/media-control/use-media-control.ts"],"sourcesContent":["import { useRef, useState, useEffect, useCallback } from 'react';\nimport { dashboard } from '@wix/dashboard';\n\nimport type { MEDIA_TYPES } from '../../utils/media-utils';\n\ntype Focusable = { focus: () => void };\ntype FocusableRef =\n  | React.RefObject<Focusable | undefined>\n  | React.MutableRefObject<Focusable | undefined>;\n\ninterface UseMediaControlBaseParams {\n  mediaType: MEDIA_TYPES;\n  autoFocus?: boolean;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  readOnly?: boolean;\n  initialLoading?: boolean;\n  inputRef?: FocusableRef;\n  viewRef?: FocusableRef;\n}\n\ninterface UseSingleMediaControlParams extends UseMediaControlBaseParams {\n  value?: string;\n  onChange?: (value: string) => void;\n  multiSelect?: false;\n}\n\ninterface UseMultiMediaControlParams extends UseMediaControlBaseParams {\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  multiSelect: true;\n}\n\nexport type UseMediaControlParams =\n  | UseSingleMediaControlParams\n  | UseMultiMediaControlParams;\n\ninterface UseMediaControlBaseReturnType {\n  loading: boolean;\n  onMediaLoad: () => void;\n}\n\ninterface UseSingleMediaControlReturnType\n  extends UseMediaControlBaseReturnType {\n  callMedia(): Promise<void>;\n}\n\ninterface UseMultiMediaControlReturnType extends UseMediaControlBaseReturnType {\n  callMedia(index?: number): Promise<void>;\n  downloadMedia(): void;\n}\n\nexport type UseMediaControlReturnType =\n  | UseSingleMediaControlReturnType\n  | UseMultiMediaControlReturnType;\n\nconst MEDIA_TYPE_TO_CATEGORY: Record<string, string | undefined> = {\n  IMAGE: 'IMAGE',\n  VIDEO: 'VIDEO',\n  AUDIO: 'MUSIC',\n  DOCUMENT: 'DOCUMENT',\n  ALL_MEDIA: undefined,\n};\n\n/**\n * Extracts the Wix media URI from media manager result.\n * Media manager returns different structures for different media types.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst extractMediaUri = (mediaItem: any): string => {\n  const { media } = mediaItem || {};\n  if (!media) {\n    return '';\n  }\n\n  // Try each media type - the URI is nested under media.[type].[type]\n  return (\n    media.image?.image ||\n    media.video?.video ||\n    media.audio?.audio ||\n    media.document?.document ||\n    // Fallback for direct string values\n    (typeof media.image === 'string' ? media.image : '') ||\n    (typeof media.video === 'string' ? media.video : '') ||\n    (typeof media.audio === 'string' ? media.audio : '') ||\n    (typeof media.document === 'string' ? media.document : '')\n  );\n};\n\nexport function useMediaControl(\n  params: UseSingleMediaControlParams,\n): UseSingleMediaControlReturnType;\n\nexport function useMediaControl(\n  params: UseMultiMediaControlParams,\n): UseMultiMediaControlReturnType;\n\nexport function useMediaControl({\n  mediaType,\n  readOnly,\n  autoFocus,\n  initialLoading,\n  inputRef,\n  viewRef,\n  onFocus,\n  onBlur,\n  ...params\n}: UseMediaControlParams): UseMediaControlReturnType {\n  const { value, multiSelect } = params;\n\n  const [loading, setLoading] = useState(Boolean(initialLoading && value));\n  const mediaRequested = useRef(false);\n\n  const setActive = useCallback(() => {\n    if (!autoFocus) {\n      return;\n    }\n\n    if (value) {\n      viewRef && viewRef?.current?.focus();\n      !viewRef && inputRef?.current?.focus();\n    } else {\n      inputRef?.current?.focus();\n    }\n  }, [autoFocus, value, inputRef, viewRef]);\n\n  useEffect(() => setActive(), [setActive]);\n\n  const onMediaLoad = useCallback(() => setLoading(false), []);\n\n  const callMedia = useCallback(\n    async (index?: number) => {\n      if (mediaRequested.current || readOnly) {\n        return;\n      }\n\n      if (!params.onChange) {\n        return;\n      }\n\n      mediaRequested.current = true;\n\n      onFocus?.();\n      setLoading(true);\n\n      try {\n        const category = MEDIA_TYPE_TO_CATEGORY[mediaType];\n        const mediaManagerData = await dashboard.openMediaManager({\n          multiSelect: Boolean(multiSelect),\n          ...(category && { category }),\n        });\n\n        onBlur?.();\n        setLoading(false);\n\n        setActive();\n\n        mediaRequested.current = false;\n\n        if (!mediaManagerData?.items?.length) {\n          return;\n        }\n\n        if (params.multiSelect) {\n          const newURIs = mediaManagerData.items.map(extractMediaUri);\n\n          if (!newURIs.length) {\n            throw new Error(\n              `Media Control Error: Media Manager returns not-covered Multi-Document data.`,\n            );\n          }\n\n          if (typeof index === 'number') {\n            const newValue = value ? [...value] : [];\n            newValue.splice(index, 1, ...newURIs);\n            params.onChange(newValue);\n          } else {\n            params.onChange([...((value as string[]) ?? []), ...newURIs]);\n          }\n        } else {\n          params.onChange(extractMediaUri(mediaManagerData.items[0]));\n        }\n      } catch (e) {\n        setLoading(false);\n        mediaRequested.current = false;\n        console.error(`Media Control Error:`, e);\n      }\n    },\n    [\n      mediaType,\n      multiSelect,\n      onBlur,\n      onFocus,\n      params,\n      readOnly,\n      setActive,\n      value,\n    ],\n  );\n\n  const downloadMedia = (valueToDownload?: string) => {\n    // TODO: Implement download media\n    return valueToDownload;\n  };\n\n  return {\n    loading,\n    callMedia,\n    downloadMedia,\n    onMediaLoad,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRef","useState","useEffect","useCallback","dashboard","files","executeDownloading","getMediaURL","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","_ref","mediaType","readOnly","autoFocus","initialLoading","inputRef","viewRef","onFocus","onBlur","params","value","multiSelect","loading","setLoading","Boolean","mediaRequested","setActive","_viewRef$current","_inputRef$current","current","focus","_inputRef$current2","onMediaLoad","callMedia","index","onChange","category","mediaManagerData","openMediaManager","items","length","newURIs","map","Error","newValue","splice","e","console","error","downloadMedia","mediaUri","_result$downloadUrls","result","generateFileDownloadUrl","downloadUrl","downloadUrls"],"sources":["../../../../../src/cms-fields/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 '@wix/auto-cms-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":"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","ignoreList":[]}