@wix/auto-patterns 1.48.0 → 1.50.0

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _actionsMenu = require("./actions-menu");
+Object.keys(_actionsMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _actionsMenu[key]) return;
+  exports[key] = _actionsMenu[key];
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  exports[key] = _types[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_actionsMenu","require","Object","keys","forEach","key","exports","_types"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/index.ts"],"sourcesContent":["export * from './actions-menu';\nexport * from './types';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,MAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,MAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,MAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,MAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/types.ts"],"sourcesContent":["export interface UseActionProps {\n  dataHook: string;\n  actionText: string;\n  onAction?: () => void;\n  iconSize?: 'small' | 'medium';\n}\n\nexport interface ActionsMenuTriggerProps {\n  toggle: () => void;\n  isOpen: boolean;\n  open: () => void;\n  close: () => void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/cms-fields/components/audio/audio-field/audio-view.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.HighlightedAudioView = exports.AudioView = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _utils = require("../../../utils");
+var _tooltip = require("../../../utils/tooltip");
+var _mediaTag = require("../../media-tag");
+var _highlightedText = require("../../highlighted-text");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/audio/audio-field/audio-view.tsx";
+const audioTagProps = {
+  thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MusicSmall, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 10
+    }
+  }),
+  titleTextProps: {
+    tooltipProps: _tooltip.smallTooltipCommonProps
+  }
+};
+const AudioView = ({
+  data
+}) => {
+  return data ? /*#__PURE__*/_react.default.createElement(_mediaTag.MediaTag, (0, _extends2.default)({}, audioTagProps, {
+    title: (0, _utils.getMediaTitle)(data),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 5
+    }
+  })) : null;
+};
+exports.AudioView = AudioView;
+const HighlightedAudioView = ({
+  metadata: {
+    highlight
+  } = {},
+  ...props
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_mediaTag.MediaTag, (0, _extends2.default)({}, audioTagProps, {
+    dataHook: `auto-view-highlight.${props.pointer}.${(0, _utils.getSchemaType)(props.schema)}`,
+    title: /*#__PURE__*/_react.default.createElement(_highlightedText.HighlightedText, {
+      highlight: highlight,
+      highlightedBackground: false,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 33,
+        columnNumber: 9
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 5
+    }
+  }));
+};
+exports.HighlightedAudioView = HighlightedAudioView;
+//# sourceMappingURL=audio-view.js.map

package/dist/cjs/cms-fields/components/audio/audio-field/audio-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_utils","_tooltip","_mediaTag","_highlightedText","_jsxFileName","audioTagProps","thumb","default","createElement","MusicSmall","__self","__source","fileName","lineNumber","columnNumber","titleTextProps","tooltipProps","smallTooltipCommonProps","AudioView","data","MediaTag","_extends2","title","getMediaTitle","exports","HighlightedAudioView","metadata","highlight","props","dataHook","pointer","getSchemaType","schema","HighlightedText","highlightedBackground"],"sources":["../../../../../../src/cms-fields/components/audio/audio-field/audio-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { MusicSmall as MusicSmallIcon } from '@wix/wix-ui-icons-common';\n\nimport { getSchemaType, getMediaTitle } from '../../../utils';\nimport { smallTooltipCommonProps } from '../../../utils/tooltip';\n\nimport { MediaTag } from '../../media-tag';\nimport { HighlightedText } from '../../highlighted-text';\n\nconst audioTagProps = {\n  thumb: <MusicSmallIcon />,\n  titleTextProps: { tooltipProps: smallTooltipCommonProps },\n};\n\nexport const AudioView: React.FC<any> = ({ data }) => {\n  return data ? (\n    <MediaTag {...audioTagProps} title={getMediaTitle(data)} />\n  ) : null;\n};\n\nexport const HighlightedAudioView: React.FC<any> = ({\n  metadata: { highlight } = {},\n  ...props\n}) => {\n  return (\n    <MediaTag\n      {...audioTagProps}\n      dataHook={`auto-view-highlight.${props.pointer}.${getSchemaType(\n        props.schema,\n      )}`}\n      title={\n        <HighlightedText highlight={highlight} highlightedBackground={false} />\n      }\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAAyD,IAAAM,YAAA;AAEzD,MAAMC,aAAa,GAAG;EACpBC,KAAK,eAAEV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,iBAAA,CAAAU,UAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;EACzBC,cAAc,EAAE;IAAEC,YAAY,EAAEC;EAAwB;AAC1D,CAAC;AAEM,MAAMC,SAAwB,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACpD,OAAOA,IAAI,gBACTvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAkB,QAAQ,MAAAC,SAAA,CAAAd,OAAA,MAAKF,aAAa;IAAEiB,KAAK,EAAE,IAAAC,oBAAa,EAACJ,IAAI,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC,GACzD,IAAI;AACV,CAAC;AAACU,OAAA,CAAAN,SAAA,GAAAA,SAAA;AAEK,MAAMO,oBAAmC,GAAGA,CAAC;EAClDC,QAAQ,EAAE;IAAEC;EAAU,CAAC,GAAG,CAAC,CAAC;EAC5B,GAAGC;AACL,CAAC,KAAK;EACJ,oBACEhC,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,SAAA,CAAAkB,QAAQ,MAAAC,SAAA,CAAAd,OAAA,MACHF,aAAa;IACjBwB,QAAQ,EAAE,uBAAuBD,KAAK,CAACE,OAAO,IAAI,IAAAC,oBAAa,EAC7DH,KAAK,CAACI,MACR,CAAC,EAAG;IACJV,KAAK,eACH1B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACL,gBAAA,CAAA8B,eAAe;MAACN,SAAS,EAAEA,SAAU;MAACO,qBAAqB,EAAE,KAAM;MAAAxB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAR,YAAA;QAAAS,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACvE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAR,YAAA;MAAAS,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CAAC;AAEN,CAAC;AAACU,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -0,0 +1,218 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormAudioField = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _autoCmsFieldTypes = require("../../../auto-cms-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 _formAudioFieldStCss = require("./form-audio-field.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/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); }
+const FormAudioField = ({
+  data,
+  onChange: onChangeAudio,
+  onClear: onClearAudio,
+  onInput,
+  autoFocus,
+  readOnly,
+  invalid,
+  dataHook
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const onChange = (0, _hooks.useWithCallback)(onChangeAudio, onInput);
+  const onClear = (0, _hooks.useWithCallback)(onClearAudio, onInput);
+  const inputRef = (0, _react.useRef)(null);
+  const viewRef = (0, _react.useRef)(null);
+  const {
+    callMedia,
+    onMediaLoad,
+    downloadMedia,
+    loading
+  } = (0, _mediaControl.useMediaControl)({
+    mediaType: _utils.MEDIA_TYPES.AUDIO,
+    value: data,
+    onChange,
+    autoFocus,
+    readOnly,
+    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]);
+  if (loading) {
+    return /*#__PURE__*/_react.default.createElement(_mediaLoader.MediaLoader, {
+      borderStyle: "dashed",
+      className: _formAudioFieldStCss.classes.addItem,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 95,
+        columnNumber: 12
+      }
+    });
+  }
+  if (!data) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
+      ref: inputRef,
+      dataHook: dataHook,
+      className: (0, _formAudioFieldStCss.style)(_formAudioFieldStCss.classes.addItem, {
+        disabled: !!readOnly,
+        error: invalid
+      }),
+      theme: "dashes",
+      onClick: callMedia,
+      disabled: readOnly,
+      children: t('CMS.audio.button.add'),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 100,
+        columnNumber: 7
+      }
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    direction: "vertical",
+    gap: "S1",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 116,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    ref: viewRef,
+    tabIndex: 0,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 117,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    verticalAlign: "middle",
+    backgroundColor: "D70",
+    padding: "SP5",
+    borderRadius: 12,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 118,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    dataHook: "fromAudioInput.audioName",
+    className: _formAudioFieldStCss.classes.mediaTitle,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 125,
+      columnNumber: 11
+    }
+  }, (0, _utils.getMediaTitle)(data)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    marginTop: "9px",
+    marginBottom: "-3px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 131,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.AudioPlayer, {
+    dataHook: "fromAudioInput.player",
+    src: (0, _autoCmsFieldTypes.getMediaURL)(data),
+    onLoad: onMediaLoad,
+    onLoadError: onMediaLoad,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 132,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    marginLeft: "SP3",
+    gap: "SP1",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 138,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_actionsButton.ActionsButton, {
+    dataHook: "fromAudioInput.button.more",
+    actionsMenuProps: actionsMenuProps,
+    priority: "secondary",
+    skin: "inverted",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 139,
+      columnNumber: 15
+    }
+  }))))));
+};
+exports.FormAudioField = FormAudioField;
+//# sourceMappingURL=form-audio-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_autoCmsFieldTypes","_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/cms-fields/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-cms-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":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "formaudiofield1653418310";
+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": "formaudiofield1653418310__root",
+  "addItem": "formaudiofield1653418310__addItem",
+  "mediaTitle": "formaudiofield1653418310__mediaTitle"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.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"
+};
+//# sourceMappingURL=form-audio-field.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/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_ = \"formaudiofield1653418310\";\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\":\"formaudiofield1653418310__root\",\"addItem\":\"formaudiofield1653418310__addItem\",\"mediaTitle\":\"formaudiofield1653418310__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/cms-fields/components/audio/audio-field/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _formAudioField = require("./form-audio-field");
+Object.keys(_formAudioField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formAudioField[key]) return;
+  exports[key] = _formAudioField[key];
+});
+var _audioView = require("./audio-view");
+Object.keys(_audioView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _audioView[key]) return;
+  exports[key] = _audioView[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/audio/audio-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_formAudioField","require","Object","keys","forEach","key","exports","_audioView"],"sources":["../../../../../../src/cms-fields/components/audio/audio-field/index.ts"],"sourcesContent":["export * from './form-audio-field';\nexport * from './audio-view';\n"],"mappings":";;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,eAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,UAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,UAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,UAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,UAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FloatingAudioPlayer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _autoCmsFieldTypes = require("../../../auto-cms-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/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/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) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
+    className: _audioPlayerStCss.classes.root,
+    showShadow: true,
+    controls: /*#__PURE__*/_react.default.createElement(_designSystem.CloseButton, {
+      size: "medium",
+      onClick: onClose,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 33,
+        columnNumber: 17
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    paddingLeft: "SP6",
+    paddingRight: "SP6",
+    paddingTop: "SP5",
+    paddingBottom: "SP5",
+    width: "369px",
+    gap: "SP3",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    secondary: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 9
+    }
+  }, (0, _utils.getMediaTitle)(audioSrc)), /*#__PURE__*/_react.default.createElement(_designSystem.AudioPlayer, {
+    autoplay: true,
+    src: (0, _autoCmsFieldTypes.getMediaURL)(audioSrc),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 9
+    }
+  })));
+};
+exports.FloatingAudioPlayer = FloatingAudioPlayer;
+//# sourceMappingURL=audio-player.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_autoCmsFieldTypes","_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/cms-fields/components/audio/audio-player/audio-player.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useEffect, useState } from 'react';\n\nimport { getMediaURL } from '../../../auto-cms-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":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "audioplayer58496425";
+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": "audioplayer58496425__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=audio-player.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/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_ = \"audioplayer58496425\";\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\":\"audioplayer58496425__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,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/cms-fields/components/audio/audio-player/index.js

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

package/dist/cjs/cms-fields/components/audio/audio-player/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_audioPlayer","require","Object","keys","forEach","key","exports"],"sources":["../../../../../../src/cms-fields/components/audio/audio-player/index.ts"],"sourcesContent":["export * from './audio-player';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/audio/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _audioPlayer = require("./audio-player");
+Object.keys(_audioPlayer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _audioPlayer[key]) return;
+  exports[key] = _audioPlayer[key];
+});
+var _audioField = require("./audio-field");
+Object.keys(_audioField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _audioField[key]) return;
+  exports[key] = _audioField[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/audio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_audioPlayer","require","Object","keys","forEach","key","exports","_audioField"],"sources":["../../../../../src/cms-fields/components/audio/index.ts"],"sourcesContent":["export * from './audio-player';\nexport * from './audio-field';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,WAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,WAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,WAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,WAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/delete-dialog/delete-dialog.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.DeleteDialog = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _hooks = require("../../hooks");
+var _deleteDialogStCss = require("./delete-dialog.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/delete-dialog/delete-dialog.tsx";
+const DeleteDialog = ({
+  open,
+  onDelete,
+  className,
+  title,
+  children,
+  primaryButtonText,
+  secondaryButtonText,
+  onClose
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    isOpen: open,
+    dataHook: "delete-dialog-modal",
+    onRequestClose: onClose,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
+    dataHook: "delete-dialog-layout",
+    className: (0, _deleteDialogStCss.style)(_deleteDialogStCss.classes.layout, className),
+    title: title,
+    onCloseButtonClick: onClose,
+    primaryButtonText: primaryButtonText ?? t('CMS.document.delete.confirm'),
+    secondaryButtonText: secondaryButtonText ?? t('CMS.document.delete.cancel'),
+    primaryButtonOnClick: onDelete,
+    secondaryButtonOnClick: onClose,
+    primaryButtonProps: {
+      skin: 'destructive'
+    },
+    secondaryButtonProps: {
+      skin: 'destructive',
+      priority: 'secondary'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 7
+    }
+  }, children));
+};
+exports.DeleteDialog = DeleteDialog;
+//# sourceMappingURL=delete-dialog.js.map