@wix/patterns-fields 1.38.0 → 1.39.0

package/dist/cjs/components/audio/actions/audio-actions.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.buildAudioActions = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _actionsMenu = require("./actions-menu");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/audio/actions/audio-actions.tsx";
+/**
+ * Builds the audio more-actions menu items. Owns icons / order / dividers /
+ * destructive skin so the form and the editable-table cell stay in sync.
+ * Callers contribute labels (already translated) and data-hook strings.
+ */
+const buildAudioActions = ({
+  labels,
+  dataHooks,
+  onReplace,
+  onDownload,
+  onDelete,
+  play,
+  readOnly
+}) => {
+  const replace = {
+    id: 'AUDIO_REPLACE',
+    dataHook: dataHooks.replace,
+    label: labels.replace,
+    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 58,
+        columnNumber: 11
+      }
+    }),
+    disabled: readOnly,
+    onClick: onReplace
+  };
+  const download = {
+    id: 'AUDIO_DOWNLOAD',
+    dataHook: dataHooks.download,
+    label: labels.download,
+    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 67,
+        columnNumber: 11
+      }
+    }),
+    onClick: onDownload
+  };
+  const del = {
+    id: 'AUDIO_DELETE',
+    dataHook: dataHooks.delete,
+    label: labels.delete,
+    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 75,
+        columnNumber: 11
+      }
+    }),
+    skin: 'destructive',
+    disabled: readOnly,
+    onClick: onDelete
+  };
+  if (play) {
+    const playItem = {
+      id: 'AUDIO_PLAY',
+      dataHook: play.dataHook,
+      label: play.label,
+      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ExternalLink, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 86,
+          columnNumber: 13
+        }
+      }),
+      onClick: play.onClick
+    };
+    return [replace, _actionsMenu.ACTIONS_MENU_DIVIDER, playItem, download, _actionsMenu.ACTIONS_MENU_DIVIDER, del];
+  }
+  return [replace, download, _actionsMenu.ACTIONS_MENU_DIVIDER, del];
+};
+exports.buildAudioActions = buildAudioActions;
+//# sourceMappingURL=audio-actions.js.map

package/dist/cjs/components/audio/actions/audio-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_actionsMenu","_jsxFileName","buildAudioActions","labels","dataHooks","onReplace","onDownload","onDelete","play","readOnly","replace","id","dataHook","label","icon","default","createElement","Replace","__self","__source","fileName","lineNumber","columnNumber","disabled","onClick","download","Download","del","delete","Delete","skin","playItem","ExternalLink","ACTIONS_MENU_DIVIDER","exports"],"sources":["../../../../../src/components/audio/actions/audio-actions.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Delete,\n  Download,\n  ExternalLink,\n  Replace,\n} from '@wix/wix-ui-icons-common';\n\nimport { ACTIONS_MENU_DIVIDER, type ActionsMenuItem } from './actions-menu';\n\nexport interface AudioActionsLabels {\n  replace: string;\n  download: string;\n  delete: string;\n}\n\nexport interface AudioActionsDataHooks {\n  replace: string;\n  download: string;\n  delete: string;\n}\n\nexport interface AudioPlayAction {\n  label: string;\n  dataHook: string;\n  onClick: () => void;\n}\n\nexport interface BuildAudioActionsConfig {\n  labels: AudioActionsLabels;\n  dataHooks: AudioActionsDataHooks;\n  onReplace: () => void;\n  onDownload: () => void;\n  onDelete: () => void;\n  /** When provided, a Play item is inserted between Replace and Download. */\n  play?: AudioPlayAction;\n  readOnly?: boolean;\n}\n\n/**\n * Builds the audio more-actions menu items. Owns icons / order / dividers /\n * destructive skin so the form and the editable-table cell stay in sync.\n * Callers contribute labels (already translated) and data-hook strings.\n */\nexport const buildAudioActions = ({\n  labels,\n  dataHooks,\n  onReplace,\n  onDownload,\n  onDelete,\n  play,\n  readOnly,\n}: BuildAudioActionsConfig): ActionsMenuItem[] => {\n  const replace: ActionsMenuItem = {\n    id: 'AUDIO_REPLACE',\n    dataHook: dataHooks.replace,\n    label: labels.replace,\n    icon: <Replace />,\n    disabled: readOnly,\n    onClick: onReplace,\n  };\n\n  const download: ActionsMenuItem = {\n    id: 'AUDIO_DOWNLOAD',\n    dataHook: dataHooks.download,\n    label: labels.download,\n    icon: <Download />,\n    onClick: onDownload,\n  };\n\n  const del: ActionsMenuItem = {\n    id: 'AUDIO_DELETE',\n    dataHook: dataHooks.delete,\n    label: labels.delete,\n    icon: <Delete />,\n    skin: 'destructive' as const,\n    disabled: readOnly,\n    onClick: onDelete,\n  };\n\n  if (play) {\n    const playItem: ActionsMenuItem = {\n      id: 'AUDIO_PLAY',\n      dataHook: play.dataHook,\n      label: play.label,\n      icon: <ExternalLink />,\n      onClick: play.onClick,\n    };\n    return [\n      replace,\n      ACTIONS_MENU_DIVIDER,\n      playItem,\n      download,\n      ACTIONS_MENU_DIVIDER,\n      del,\n    ];\n  }\n\n  return [replace, download, ACTIONS_MENU_DIVIDER, del];\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAOA,IAAAE,YAAA,GAAAF,OAAA;AAA4E,IAAAG,YAAA;AA+B5E;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC,UAAU;EACVC,QAAQ;EACRC,IAAI;EACJC;AACuB,CAAC,KAAwB;EAChD,MAAMC,OAAwB,GAAG;IAC/BC,EAAE,EAAE,eAAe;IACnBC,QAAQ,EAAER,SAAS,CAACM,OAAO;IAC3BG,KAAK,EAAEV,MAAM,CAACO,OAAO;IACrBI,IAAI,eAAElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,iBAAA,CAAAkB,OAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACjBC,QAAQ,EAAEd,QAAQ;IAClBe,OAAO,EAAEnB;EACX,CAAC;EAED,MAAMoB,QAAyB,GAAG;IAChCd,EAAE,EAAE,gBAAgB;IACpBC,QAAQ,EAAER,SAAS,CAACqB,QAAQ;IAC5BZ,KAAK,EAAEV,MAAM,CAACsB,QAAQ;IACtBX,IAAI,eAAElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,iBAAA,CAAA2B,QAAQ;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAClBE,OAAO,EAAElB;EACX,CAAC;EAED,MAAMqB,GAAoB,GAAG;IAC3BhB,EAAE,EAAE,cAAc;IAClBC,QAAQ,EAAER,SAAS,CAACwB,MAAM;IAC1Bf,KAAK,EAAEV,MAAM,CAACyB,MAAM;IACpBd,IAAI,eAAElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,iBAAA,CAAA8B,MAAM;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAChBQ,IAAI,EAAE,aAAsB;IAC5BP,QAAQ,EAAEd,QAAQ;IAClBe,OAAO,EAAEjB;EACX,CAAC;EAED,IAAIC,IAAI,EAAE;IACR,MAAMuB,QAAyB,GAAG;MAChCpB,EAAE,EAAE,YAAY;MAChBC,QAAQ,EAAEJ,IAAI,CAACI,QAAQ;MACvBC,KAAK,EAAEL,IAAI,CAACK,KAAK;MACjBC,IAAI,eAAElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,iBAAA,CAAAiC,YAAY;QAAAd,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnB,YAAA;UAAAoB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MACtBE,OAAO,EAAEhB,IAAI,CAACgB;IAChB,CAAC;IACD,OAAO,CACLd,OAAO,EACPuB,iCAAoB,EACpBF,QAAQ,EACRN,QAAQ,EACRQ,iCAAoB,EACpBN,GAAG,CACJ;EACH;EAEA,OAAO,CAACjB,OAAO,EAAEe,QAAQ,EAAEQ,iCAAoB,EAAEN,GAAG,CAAC;AACvD,CAAC;AAACO,OAAA,CAAAhC,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/form-audio-field.js

@@ -5,14 +5,13 @@ exports.FormAudioField = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _autoFieldTypes = require("../../../auto-field-types");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _hooks = require("../../../hooks");
 var _utils = require("../../../utils");
 var _common = require("../../common");
 var _mediaControl = require("../../media-control");
 var _mediaLoader = require("../../media-loader");
 var _actionsButton = require("../actions/actions-button");
-var _actionsMenu = require("../actions/actions-menu");
+var _audioActions = require("../actions/audio-actions");
 var _formAudioFieldStCss = require("./form-audio-field.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/audio/audio-field/form-audio-field.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -47,58 +46,42 @@ const FormAudioField = ({
     inputRef,
     viewRef
   });
-  const actionsMenuProps = (0, _react.useMemo)(() => {
-    const replaceAction = {
-      id: 'AUDIO_REPLACE',
-      dataHook: 'fromAudioInput.button.replace',
-      label: t('CMS.audio.button.replace'),
-      disabled: readOnly,
-      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 59,
-          columnNumber: 13
-        }
-      }),
-      onClick: callMedia
-    };
-    const downloadAction = {
-      id: 'AUDIO_DOWNLOAD',
-      label: t('CMS.audio.button.download'),
-      disabled: false,
-      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DownloadImport, {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 67,
-          columnNumber: 13
-        }
-      }),
-      onClick: downloadMedia
-    };
-    const clearAction = {
-      id: 'AUDIO_CLEAR',
-      dataHook: 'fromAudioInput.button.delete',
-      label: t('CMS.audio.button.delete'),
-      disabled: readOnly,
-      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 76,
-          columnNumber: 13
-        }
-      }),
-      onClick: onClear
-    };
-    const actions = [replaceAction, downloadAction, _actionsMenu.ACTIONS_MENU_DIVIDER, clearAction];
-    return {
-      dataHook: 'fromAudioInput.moreActionsMenu',
-      actions,
-      zIndex: _common.Z_INDEX_MODAL_POPOVER
-    };
-  }, [t, readOnly, callMedia, downloadMedia, onClear]);
+  const {
+    handleReplace,
+    handleDownload,
+    handleDelete
+  } = (0, _mediaControl.useMediaHandlers)({
+    value: data ?? null,
+    callMedia,
+    downloadMedia,
+    onChange: next => {
+      if (next === null) {
+        onClear();
+      } else {
+        onChange(next);
+      }
+    }
+  });
+  const actionsMenuProps = (0, _react.useMemo)(() => ({
+    dataHook: 'fromAudioInput.moreActionsMenu',
+    actions: (0, _audioActions.buildAudioActions)({
+      labels: {
+        replace: t('CMS.audio.button.replace'),
+        download: t('CMS.audio.button.download'),
+        delete: t('CMS.audio.button.delete')
+      },
+      dataHooks: {
+        replace: 'fromAudioInput.button.replace',
+        download: 'fromAudioInput.button.download',
+        delete: 'fromAudioInput.button.delete'
+      },
+      onReplace: handleReplace,
+      onDownload: handleDownload,
+      onDelete: handleDelete,
+      readOnly
+    }),
+    zIndex: _common.Z_INDEX_MODAL_POPOVER
+  }), [t, readOnly, handleReplace, handleDownload, handleDelete]);
   if (loading) {
     return /*#__PURE__*/_react.default.createElement(_mediaLoader.MediaLoader, {
       borderStyle: "dashed",
@@ -106,7 +89,7 @@ const FormAudioField = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 95,
+        lineNumber: 86,
         columnNumber: 12
       }
     });
@@ -126,7 +109,7 @@ const FormAudioField = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 100,
+        lineNumber: 91,
         columnNumber: 7
       }
     });
@@ -138,7 +121,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 107,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -147,7 +130,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 108,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -159,7 +142,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 109,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -168,7 +151,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 116,
       columnNumber: 11
     }
   }, (0, _utils.getMediaTitle)(data)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -178,7 +161,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 122,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AudioPlayer, {
@@ -189,7 +172,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 123,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -198,7 +181,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 129,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_actionsButton.ActionsButton, {
@@ -209,7 +192,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 130,
       columnNumber: 15
     }
   }))))));

package/dist/cjs/components/audio/audio-field/form-audio-field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_autoFieldTypes","_designSystem","_wixUiIconsCommon","_hooks","_utils","_common","_mediaControl","_mediaLoader","_actionsButton","_actionsMenu","_formAudioFieldStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormAudioField","data","onChange","onChangeAudio","onClear","onClearAudio","onInput","autoFocus","readOnly","invalid","dataHook","useTranslations","useWithCallback","inputRef","useRef","viewRef","callMedia","onMediaLoad","downloadMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","AUDIO","value","actionsMenuProps","useMemo","replaceAction","id","label","disabled","icon","createElement","Replace","__self","__source","fileName","lineNumber","columnNumber","onClick","downloadAction","DownloadImport","clearAction","Delete","actions","ACTIONS_MENU_DIVIDER","zIndex","Z_INDEX_MODAL_POPOVER","MediaLoader","borderStyle","className","classes","addItem","AddItem","ref","style","error","theme","children","Box","direction","gap","tabIndex","verticalAlign","backgroundColor","padding","borderRadius","Text","mediaTitle","getMediaTitle","marginTop","marginBottom","AudioPlayer","src","getMediaURL","onLoad","onLoadError","marginLeft","ActionsButton","priority","skin","exports"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useRef, useMemo } from 'react';\n\nimport { getMediaURL } from '../../../auto-field-types';\nimport type { AddItemActions } from '@wix/design-system';\nimport { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';\nimport {\n  DownloadImport as Download,\n  Delete,\n  Replace,\n} from '@wix/wix-ui-icons-common';\n\nimport { useWithCallback, useTranslations } from '../../../hooks';\nimport { getMediaTitle, MEDIA_TYPES } from '../../../utils';\n\nimport { Z_INDEX_MODAL_POPOVER } from '../../common';\nimport type { FormMediaControlProps } from '../../media-control';\nimport { useMediaControl } from '../../media-control';\nimport { MediaLoader } from '../../media-loader';\nimport { ActionsButton } from '../actions/actions-button';\nimport { ACTIONS_MENU_DIVIDER } from '../actions/actions-menu';\n\nimport { style, classes } from './form-audio-field.st.css.js';\n\nexport const FormAudioField: FC<FormMediaControlProps> = ({\n  data,\n  onChange: onChangeAudio,\n  onClear: onClearAudio,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeAudio, onInput);\n  const onClear = useWithCallback(onClearAudio, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, onMediaLoad, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.AUDIO,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n  });\n\n  const actionsMenuProps = useMemo(() => {\n    const replaceAction = {\n      id: 'AUDIO_REPLACE',\n      dataHook: 'fromAudioInput.button.replace',\n      label: t('CMS.audio.button.replace'),\n      disabled: readOnly,\n      icon: <Replace />,\n      onClick: callMedia,\n    };\n\n    const downloadAction = {\n      id: 'AUDIO_DOWNLOAD',\n      label: t('CMS.audio.button.download'),\n      disabled: false,\n      icon: <Download />,\n      onClick: downloadMedia,\n    };\n\n    const clearAction = {\n      id: 'AUDIO_CLEAR',\n      dataHook: 'fromAudioInput.button.delete',\n      label: t('CMS.audio.button.delete'),\n      disabled: readOnly,\n      icon: <Delete />,\n      onClick: onClear,\n    };\n\n    const actions = [\n      replaceAction,\n      downloadAction,\n      ACTIONS_MENU_DIVIDER,\n      clearAction,\n    ];\n\n    return {\n      dataHook: 'fromAudioInput.moreActionsMenu',\n      actions,\n      zIndex: Z_INDEX_MODAL_POPOVER,\n    };\n  }, [t, readOnly, callMedia, downloadMedia, onClear]);\n\n  if (loading) {\n    return <MediaLoader borderStyle=\"dashed\" className={classes.addItem} />;\n  }\n\n  if (!data) {\n    return (\n      <AddItem\n        ref={inputRef}\n        dataHook={dataHook}\n        className={style(classes.addItem, {\n          disabled: !!readOnly,\n          error: invalid,\n        })}\n        theme=\"dashes\"\n        onClick={callMedia}\n        disabled={readOnly}\n        children={t('CMS.audio.button.add')}\n      />\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"S1\">\n      <div ref={viewRef} tabIndex={0}>\n        <Box\n          direction=\"vertical\"\n          verticalAlign=\"middle\"\n          backgroundColor=\"D70\"\n          padding=\"SP5\"\n          borderRadius={12}\n        >\n          <Text\n            dataHook=\"fromAudioInput.audioName\"\n            className={classes.mediaTitle}\n          >\n            {getMediaTitle(data)}\n          </Text>\n          <Box direction=\"horizontal\" marginTop=\"9px\" marginBottom=\"-3px\">\n            <AudioPlayer\n              dataHook=\"fromAudioInput.player\"\n              src={getMediaURL(data)}\n              onLoad={onMediaLoad}\n              onLoadError={onMediaLoad}\n            />\n            <Box marginLeft=\"SP3\" gap=\"SP1\">\n              <ActionsButton\n                dataHook=\"fromAudioInput.button.more\"\n                actionsMenuProps={actionsMenuProps}\n                priority=\"secondary\"\n                skin=\"inverted\"\n              />\n            </Box>\n          </Box>\n        </Box>\n      </div>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_autoFieldTypes","_designSystem","_hooks","_utils","_common","_mediaControl","_mediaLoader","_actionsButton","_audioActions","_formAudioFieldStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormAudioField","data","onChange","onChangeAudio","onClear","onClearAudio","onInput","autoFocus","readOnly","invalid","dataHook","useTranslations","useWithCallback","inputRef","useRef","viewRef","callMedia","onMediaLoad","downloadMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","AUDIO","value","handleReplace","handleDownload","handleDelete","useMediaHandlers","next","actionsMenuProps","useMemo","actions","buildAudioActions","labels","replace","download","delete","dataHooks","onReplace","onDownload","onDelete","zIndex","Z_INDEX_MODAL_POPOVER","createElement","MediaLoader","borderStyle","className","classes","addItem","__self","__source","fileName","lineNumber","columnNumber","AddItem","ref","style","disabled","error","theme","onClick","children","Box","direction","gap","tabIndex","verticalAlign","backgroundColor","padding","borderRadius","Text","mediaTitle","getMediaTitle","marginTop","marginBottom","AudioPlayer","src","getMediaURL","onLoad","onLoadError","marginLeft","ActionsButton","priority","skin","exports"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useRef, useMemo } from 'react';\n\nimport { getMediaURL } from '../../../auto-field-types';\nimport type { AddItemActions } from '@wix/design-system';\nimport { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';\n\nimport { useTranslations, useWithCallback } from '../../../hooks';\nimport { getMediaTitle, MEDIA_TYPES } from '../../../utils';\n\nimport { Z_INDEX_MODAL_POPOVER } from '../../common';\nimport type { FormMediaControlProps } from '../../media-control';\nimport { useMediaControl, useMediaHandlers } from '../../media-control';\nimport { MediaLoader } from '../../media-loader';\nimport { ActionsButton } from '../actions/actions-button';\nimport { buildAudioActions } from '../actions/audio-actions';\n\nimport { style, classes } from './form-audio-field.st.css.js';\n\nexport const FormAudioField: FC<FormMediaControlProps> = ({\n  data,\n  onChange: onChangeAudio,\n  onClear: onClearAudio,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeAudio, onInput);\n  const onClear = useWithCallback(onClearAudio, onInput);\n\n  const inputRef = useRef<AddItemActions>(null);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, onMediaLoad, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.AUDIO,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n  });\n\n  const { handleReplace, handleDownload, handleDelete } = useMediaHandlers({\n    value: data ?? null,\n    callMedia,\n    downloadMedia,\n    onChange: (next) => {\n      if (next === null) {\n        onClear();\n      } else {\n        onChange(next);\n      }\n    },\n  });\n\n  const actionsMenuProps = useMemo(\n    () => ({\n      dataHook: 'fromAudioInput.moreActionsMenu',\n      actions: buildAudioActions({\n        labels: {\n          replace: t('CMS.audio.button.replace'),\n          download: t('CMS.audio.button.download'),\n          delete: t('CMS.audio.button.delete'),\n        },\n        dataHooks: {\n          replace: 'fromAudioInput.button.replace',\n          download: 'fromAudioInput.button.download',\n          delete: 'fromAudioInput.button.delete',\n        },\n        onReplace: handleReplace,\n        onDownload: handleDownload,\n        onDelete: handleDelete,\n        readOnly,\n      }),\n      zIndex: Z_INDEX_MODAL_POPOVER,\n    }),\n    [t, readOnly, handleReplace, handleDownload, handleDelete],\n  );\n\n  if (loading) {\n    return <MediaLoader borderStyle=\"dashed\" className={classes.addItem} />;\n  }\n\n  if (!data) {\n    return (\n      <AddItem\n        ref={inputRef}\n        dataHook={dataHook}\n        className={style(classes.addItem, {\n          disabled: !!readOnly,\n          error: invalid,\n        })}\n        theme=\"dashes\"\n        onClick={callMedia}\n        disabled={readOnly}\n        children={t('CMS.audio.button.add')}\n      />\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"S1\">\n      <div ref={viewRef} tabIndex={0}>\n        <Box\n          direction=\"vertical\"\n          verticalAlign=\"middle\"\n          backgroundColor=\"D70\"\n          padding=\"SP5\"\n          borderRadius={12}\n        >\n          <Text\n            dataHook=\"fromAudioInput.audioName\"\n            className={classes.mediaTitle}\n          >\n            {getMediaTitle(data)}\n          </Text>\n          <Box direction=\"horizontal\" marginTop=\"9px\" marginBottom=\"-3px\">\n            <AudioPlayer\n              dataHook=\"fromAudioInput.player\"\n              src={getMediaURL(data)}\n              onLoad={onMediaLoad}\n              onLoadError={onMediaLoad}\n            />\n            <Box marginLeft=\"SP3\" gap=\"SP1\">\n              <ActionsButton\n                dataHook=\"fromAudioInput.button.more\"\n                actionsMenuProps={actionsMenuProps}\n                priority=\"secondary\"\n                skin=\"inverted\"\n              />\n            </Box>\n          </Box>\n        </Box>\n      </div>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formaudiofield244128320";
+var _namespace_ = "formaudiofield3727527480";
 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": "formaudiofield244128320__root",
-  "addItem": "formaudiofield244128320__addItem",
-  "mediaTitle": "formaudiofield244128320__mediaTitle"
+  "root": "formaudiofield3727527480__root",
+  "addItem": "formaudiofield3727527480__addItem",
+  "mediaTitle": "formaudiofield3727527480__mediaTitle"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield244128320\";\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\":\"formaudiofield244128320__root\",\"addItem\":\"formaudiofield244128320__addItem\",\"mediaTitle\":\"formaudiofield244128320__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,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,+BAA+B;EAAC,SAAS,EAAC,kCAAkC;EAAC,YAAY,EAAC;AAAqC,CAAC;AACtJ,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,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield3727527480\";\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\":\"formaudiofield3727527480__root\",\"addItem\":\"formaudiofield3727527480__addItem\",\"mediaTitle\":\"formaudiofield3727527480__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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,gCAAgC;EAAC,SAAS,EAAC,mCAAmC;EAAC,YAAY,EAAC;AAAsC,CAAC;AACzJ,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,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-player/audio-player-store.js

@@ -0,0 +1,75 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useAudioPlayerSrc = exports.setAudioPlayerSrc = exports.GlobalAudioPlayer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/audio/audio-player/audio-player-store.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const FloatingAudioPlayer = /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./audio-player'))).then(m => ({
+  default: m.FloatingAudioPlayer
+})));
+let currentSrc = null;
+const listeners = new Set();
+const subscribe = listener => {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+};
+const emit = () => {
+  listeners.forEach(l => l());
+};
+
+/**
+ * Reads the current floating audio source. Subscribes the calling component
+ * to store updates so it re-renders when the source changes.
+ */
+const useAudioPlayerSrc = () => {
+  const [src, setSrc] = (0, _react.useState)(currentSrc);
+  (0, _react.useEffect)(() => subscribe(() => setSrc(currentSrc)), []);
+  return src;
+};
+
+/**
+ * Sets (or clears) the global floating audio source. Cells call this with
+ * the wix:audio:// URI when the user hits "Play"; the mounted
+ * <GlobalAudioPlayer/> picks the change up and renders the floating card.
+ */
+exports.useAudioPlayerSrc = useAudioPlayerSrc;
+const setAudioPlayerSrc = src => {
+  currentSrc = src;
+  emit();
+};
+
+/**
+ * Subscribes to the audio-player store and renders the floating card. Mount
+ * once at a stable parent (e.g., once per EditableTable) so playback survives
+ * cell focus changes — matches CMS-web's pattern where the player is global.
+ */
+exports.setAudioPlayerSrc = setAudioPlayerSrc;
+const GlobalAudioPlayer = () => {
+  const src = useAudioPlayerSrc();
+  if (!src) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(FloatingAudioPlayer, {
+    source: src,
+    onClose: () => setAudioPlayerSrc(null),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 7
+    }
+  }));
+};
+exports.GlobalAudioPlayer = GlobalAudioPlayer;
+//# sourceMappingURL=audio-player-store.js.map

package/dist/cjs/components/audio/audio-player/audio-player-store.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FloatingAudioPlayer","React","lazy","Promise","resolve","then","m","currentSrc","listeners","Set","subscribe","listener","add","delete","emit","forEach","l","useAudioPlayerSrc","src","setSrc","useState","useEffect","exports","setAudioPlayerSrc","GlobalAudioPlayer","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","source","onClose"],"sources":["../../../../../src/components/audio/audio-player/audio-player-store.tsx"],"sourcesContent":["import React, { Suspense, useEffect, useState } from 'react';\n\nconst FloatingAudioPlayer = React.lazy(() =>\n  import('./audio-player').then((m) => ({ default: m.FloatingAudioPlayer })),\n);\n\ntype Listener = () => void;\n\nlet currentSrc: string | null = null;\nconst listeners = new Set<Listener>();\n\nconst subscribe = (listener: Listener) => {\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n  };\n};\n\nconst emit = () => {\n  listeners.forEach((l) => l());\n};\n\n/**\n * Reads the current floating audio source. Subscribes the calling component\n * to store updates so it re-renders when the source changes.\n */\nexport const useAudioPlayerSrc = (): string | null => {\n  const [src, setSrc] = useState<string | null>(currentSrc);\n  useEffect(() => subscribe(() => setSrc(currentSrc)), []);\n  return src;\n};\n\n/**\n * Sets (or clears) the global floating audio source. Cells call this with\n * the wix:audio:// URI when the user hits \"Play\"; the mounted\n * <GlobalAudioPlayer/> picks the change up and renders the floating card.\n */\nexport const setAudioPlayerSrc = (src: string | null): void => {\n  currentSrc = src;\n  emit();\n};\n\n/**\n * Subscribes to the audio-player store and renders the floating card. Mount\n * once at a stable parent (e.g., once per EditableTable) so playback survives\n * cell focus changes — matches CMS-web's pattern where the player is global.\n */\nexport const GlobalAudioPlayer: React.FC = () => {\n  const src = useAudioPlayerSrc();\n  if (!src) {\n    return null;\n  }\n  return (\n    <Suspense fallback={null}>\n      <FloatingAudioPlayer\n        source={src}\n        onClose={() => setAudioPlayerSrc(null)}\n      />\n    </Suspense>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/audio/audio-player/audio-player.js

@@ -1,24 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.FloatingAudioPlayer = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _autoFieldTypes = require("../../../auto-field-types");
 var _designSystem = require("@wix/design-system");
 var _utils = require("../../../utils");
 var _audioPlayerStCss = require("./audio-player.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/audio/audio-player/audio-player.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const FloatingAudioPlayer = ({
   source,
   onClose
 }) => {
-  const [audioSrc, setAudioSrc] = (0, _react.useState)(source);
-  (0, _react.useEffect)(() => {
-    setAudioSrc(null);
-    onClose == null || onClose();
-  }, [onClose]);
-  if (!audioSrc) {
+  if (!source) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
@@ -30,14 +25,14 @@ const FloatingAudioPlayer = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 33,
+        lineNumber: 27,
         columnNumber: 17
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 24,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -51,7 +46,7 @@ const FloatingAudioPlayer = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 29,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -59,16 +54,16 @@ const FloatingAudioPlayer = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 38,
       columnNumber: 9
     }
-  }, (0, _utils.getMediaTitle)(audioSrc)), /*#__PURE__*/_react.default.createElement(_designSystem.AudioPlayer, {
+  }, (0, _utils.getMediaTitle)(source)), /*#__PURE__*/_react.default.createElement(_designSystem.AudioPlayer, {
     autoplay: true,
-    src: (0, _autoFieldTypes.getMediaURL)(audioSrc),
+    src: (0, _autoFieldTypes.getMediaURL)(source),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 39,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/audio/audio-player/audio-player.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_autoFieldTypes","_designSystem","_utils","_audioPlayerStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FloatingAudioPlayer","source","onClose","audioSrc","setAudioSrc","useState","useEffect","createElement","Card","className","classes","root","showShadow","controls","CloseButton","size","onClick","__self","__source","fileName","lineNumber","columnNumber","Box","direction","paddingLeft","paddingRight","paddingTop","paddingBottom","width","gap","Text","secondary","getMediaTitle","AudioPlayer","autoplay","src","getMediaURL","exports"],"sources":["../../../../../src/components/audio/audio-player/audio-player.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport { getMediaURL } from '../../../auto-field-types';\nimport { Box, AudioPlayer, Card, Text, CloseButton } from '@wix/design-system';\n\nimport { getMediaTitle } from '../../../utils';\nimport { classes } from './audio-player.st.css.js';\n\ninterface FloatingAudioPlayerProps {\n  source: string | null;\n  onClose: () => void;\n}\nexport const FloatingAudioPlayer: FC<FloatingAudioPlayerProps> = ({\n  source,\n  onClose,\n}) => {\n  const [audioSrc, setAudioSrc] = useState(source);\n\n  useEffect(() => {\n    setAudioSrc(null);\n    onClose?.();\n  }, [onClose]);\n\n  if (!audioSrc) {\n    return null;\n  }\n\n  return (\n    <Card\n      className={classes.root}\n      showShadow\n      controls={<CloseButton size=\"medium\" onClick={onClose} />}\n    >\n      <Box\n        direction=\"vertical\"\n        paddingLeft=\"SP6\"\n        paddingRight=\"SP6\"\n        paddingTop=\"SP5\"\n        paddingBottom=\"SP5\"\n        width=\"369px\"\n        gap=\"SP3\"\n      >\n        <Text secondary>{getMediaTitle(audioSrc)}</Text>\n        <AudioPlayer autoplay src={getMediaURL(audioSrc)} />\n      </Box>\n    </Card>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_autoFieldTypes","_designSystem","_utils","_audioPlayerStCss","_jsxFileName","FloatingAudioPlayer","source","onClose","default","createElement","Card","className","classes","root","showShadow","controls","CloseButton","size","onClick","__self","__source","fileName","lineNumber","columnNumber","Box","direction","paddingLeft","paddingRight","paddingTop","paddingBottom","width","gap","Text","secondary","getMediaTitle","AudioPlayer","autoplay","src","getMediaURL","exports"],"sources":["../../../../../src/components/audio/audio-player/audio-player.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport { getMediaURL } from '../../../auto-field-types';\nimport { Box, AudioPlayer, Card, Text, CloseButton } from '@wix/design-system';\n\nimport { getMediaTitle } from '../../../utils';\nimport { classes } from './audio-player.st.css.js';\n\nexport interface FloatingAudioPlayerProps {\n  source: string | null;\n  onClose: () => void;\n}\n\nexport const FloatingAudioPlayer: FC<FloatingAudioPlayerProps> = ({\n  source,\n  onClose,\n}) => {\n  if (!source) {\n    return null;\n  }\n\n  return (\n    <Card\n      className={classes.root}\n      showShadow\n      controls={<CloseButton size=\"medium\" onClick={onClose} />}\n    >\n      <Box\n        direction=\"vertical\"\n        paddingLeft=\"SP6\"\n        paddingRight=\"SP6\"\n        paddingTop=\"SP5\"\n        paddingBottom=\"SP5\"\n        width=\"369px\"\n        gap=\"SP3\"\n      >\n        <Text secondary>{getMediaTitle(source)}</Text>\n        <AudioPlayer autoplay src={getMediaURL(source)} />\n      </Box>\n    </Card>\n  );\n};\n"],"mappings":";;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAmD,IAAAK,YAAA;AAO5C,MAAMC,mBAAiD,GAAGA,CAAC;EAChEC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,IAAI,CAACD,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,oBACET,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,IAAI;IACHC,SAAS,EAAEC,yBAAO,CAACC,IAAK;IACxBC,UAAU;IACVC,QAAQ,eAAElB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAe,WAAW;MAACC,IAAI,EAAC,QAAQ;MAACC,OAAO,EAAEX,OAAQ;MAAAY,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1D1B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAuB,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,KAAK,EAAC,OAAO;IACbC,GAAG,EAAC,KAAK;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAET1B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAA+B,IAAI;IAACC,SAAS;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAE,IAAAW,oBAAa,EAAC5B,MAAM,CAAQ,CAAC,eAC9CT,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAkC,WAAW;IAACC,QAAQ;IAACC,GAAG,EAAE,IAAAC,2BAAW,EAAChC,MAAM,CAAE;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC9C,CACD,CAAC;AAEX,CAAC;AAACgB,OAAA,CAAAlC,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/cjs/components/audio/audio-player/audio-player.st.css.js

@@ -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_ = "audioplayer1489254281";
+var _namespace_ = "audioplayer710309147";
 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": "audioplayer1489254281__root"
+  "root": "audioplayer710309147__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map

@@ -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/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer1489254281\";\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\":\"audioplayer1489254281__root\"};\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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer710309147\";\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\":\"audioplayer710309147__root\"};\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,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,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-player/index.js

@@ -7,4 +7,10 @@ Object.keys(_audioPlayer).forEach(function (key) {
   if (key in exports && exports[key] === _audioPlayer[key]) return;
   exports[key] = _audioPlayer[key];
 });
+var _audioPlayerStore = require("./audio-player-store");
+Object.keys(_audioPlayerStore).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _audioPlayerStore[key]) return;
+  exports[key] = _audioPlayerStore[key];
+});
 //# sourceMappingURL=index.js.map