@wix/patterns-fields 1.35.0 → 1.37.0

package/dist/cjs/components/video/form-video.js

@@ -0,0 +1,364 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormVideo = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _form = require("@wix/bex-core/form");
+var _hooks = require("../../hooks");
+var _string = require("../../validations/string");
+var _validations = require("../../validations/validations");
+var videoValidation = _interopRequireWildcard(require("../../validations/video"));
+var _typeMismatchExclamation = require("../exclamation/type-mismatch-exclamation");
+var _mediaConstants = require("../../utils/media-constants");
+var _useVideoPreview = require("./use-video-preview");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/video/form-video.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 _FormVideo = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: pt,
+    openMediaManager
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const isMobile = (0, _react2.useIsMobile)();
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (0, _string.isEmpty)(value)) {
+          return pt('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  async function openMedia() {
+    if (!openMediaManager) return;
+    try {
+      var _chosenMediaItems$ite, _mediaItem$media;
+      const chosenMediaItems = await openMediaManager({
+        multiSelect: false,
+        category: 'VIDEO'
+      });
+      const mediaItem = chosenMediaItems == null || (_chosenMediaItems$ite = chosenMediaItems.items) == null ? void 0 : _chosenMediaItems$ite[0];
+      const newVideo = mediaItem == null || (_mediaItem$media = mediaItem.media) == null ? void 0 : _mediaItem$media.video;
+      if (newVideo) {
+        controller.field.onChange(newVideo);
+      }
+    } catch (error) {
+      console.error('Error opening Media Manager or no files selected:', error);
+    }
+  }
+  const {
+    videoUrl,
+    posterUrl: imageUrl,
+    isPreviewOpen,
+    openPreview: handlePreview,
+    closePreview: handleClosePreview,
+    handleDownload
+  } = (0, _useVideoPreview.useVideoPreview)({
+    videoUri: controller.field.value
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    suffix: (0, _validations.isDataValidOrNotSet)(controller.field.value, videoValidation) ? undefined : /*#__PURE__*/_react.default.createElement(_typeMismatchExclamation.TypeMismatchExclamation, {
+      typeName: t('auto-patterns.fields.field_type_video_title'),
+      clearButtonText: t('auto-patterns.fields.type_mismatch_clear'),
+      convertButtonText: t('auto-patterns.fields.type_mismatch_convert'),
+      onClear: () => controller.field.onChange(undefined),
+      onChange: value => controller.field.onChange(value),
+      convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'),
+      fieldName: field.displayName,
+      isConverted: false,
+      isConverting: false,
+      convertedValue: null,
+      tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
+        typeName: 'Video'
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 108,
+        columnNumber: 11
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 97,
+      columnNumber: 5
+    }
+  }, controller.field.value ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "100%",
+    maxWidth: _mediaConstants.MEDIA_MAX_WIDTH,
+    height: _mediaConstants.MEDIA_HEIGHT,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 129,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay, {
+    dataHook: `video-${field.id}`,
+    hoverSkin: "dark",
+    media: /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
+      src: imageUrl,
+      width: "100%",
+      height: _mediaConstants.MEDIA_HEIGHT,
+      fit: "cover",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 134,
+        columnNumber: 15
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 130,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay.Content, {
+    placement: "middle",
+    visible: "hover",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 142,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP2",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 143,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('auto-patterns.fields.replace_video_tooltip'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 144,
+      columnNumber: 17
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    onClick: () => openMedia(),
+    skin: "light",
+    priority: "secondary",
+    disabled: isMobile,
+    ariaLabel: t('auto-patterns.fields.replace_video_tooltip'),
+    dataHook: `video-replace-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 147,
+      columnNumber: 19
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 155,
+      columnNumber: 21
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+    triggerElement: ({
+      toggle
+    }) => /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+      content: t('auto-patterns.fields.more_actions_tooltip'),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 160,
+        columnNumber: 21
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      priority: "secondary",
+      onClick: toggle,
+      skin: "light",
+      ariaLabel: t('auto-patterns.fields.more_actions_tooltip'),
+      dataHook: `video-more-${field.id}`,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 163,
+        columnNumber: 23
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 172,
+        columnNumber: 25
+      }
+    }))),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 158,
+      columnNumber: 17
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Maximize, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 178,
+        columnNumber: 33
+      }
+    }),
+    text: t('auto-patterns.fields.preview_video'),
+    onClick: handlePreview,
+    disabled: !videoUrl,
+    dataHook: `video-preview-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 177,
+      columnNumber: 19
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 185,
+        columnNumber: 33
+      }
+    }),
+    text: t('auto-patterns.fields.download_video'),
+    onClick: handleDownload,
+    dataHook: `video-download-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 184,
+      columnNumber: 19
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 190,
+      columnNumber: 19
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 192,
+        columnNumber: 33
+      }
+    }),
+    text: t('auto-patterns.fields.remove_video'),
+    onClick: () => controller.field.onChange(null),
+    dataHook: `video-delete-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 191,
+      columnNumber: 19
+    }
+  })))))) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "100%",
+    maxWidth: _mediaConstants.MEDIA_MAX_WIDTH,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 203,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.ImageViewer, {
+    dataHook: `video-${field.id}`,
+    onAddImage: isMobile ? undefined : () => openMedia(),
+    addImageInfo: t('auto-patterns.fields.add_video_tooltip'),
+    height: _mediaConstants.MEDIA_HEIGHT,
+    width: "100%",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 204,
+      columnNumber: 11
+    }
+  })), isPreviewOpen && /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
+    isOpen: isPreviewOpen,
+    onRequestClose: handleClosePreview,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 214,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
+    title: field.displayName,
+    onCloseButtonClick: handleClosePreview,
+    content: /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        justifyContent: 'center',
+        padding: '24px'
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 219,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement("video", {
+      controls: true,
+      autoPlay: true,
+      style: {
+        maxWidth: '100%',
+        maxHeight: '70vh'
+      },
+      poster: imageUrl,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 226,
+        columnNumber: 17
+      }
+    }, videoUrl && /*#__PURE__*/_react.default.createElement("source", {
+      src: videoUrl,
+      type: "video/mp4",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 232,
+        columnNumber: 32
+      }
+    }), "Your browser does not support the video tag.")),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 215,
+      columnNumber: 11
+    }
+  })));
+};
+const FormVideo = exports.FormVideo = (0, _mobxReactLite.observer)(_FormVideo);
+//# sourceMappingURL=form-video.js.map

package/dist/cjs/components/video/form-video.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_react2","_form","_hooks","_string","_validations","videoValidation","_interopRequireWildcard","_typeMismatchExclamation","_mediaConstants","_useVideoPreview","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormVideo","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","openMediaManager","useWixPatternsContainer","useTranslations","isMobile","useIsMobile","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","openMedia","_chosenMediaItems$ite","_mediaItem$media","chosenMediaItems","multiSelect","category","mediaItem","items","newVideo","media","video","onChange","error","console","videoUrl","posterUrl","imageUrl","isPreviewOpen","openPreview","handlePreview","closePreview","handleClosePreview","handleDownload","useVideoPreview","videoUri","createElement","FormField","label","displayName","status","fieldState","undefined","statusMessage","message","suffix","isDataValidOrNotSet","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","Box","width","maxWidth","MEDIA_MAX_WIDTH","height","MEDIA_HEIGHT","MediaOverlay","hoverSkin","Image","src","fit","Content","placement","visible","gap","Tooltip","content","IconButton","onClick","skin","priority","disabled","ariaLabel","Replace","PopoverMenu","triggerElement","toggle","More","MenuItem","prefixIcon","Maximize","text","Download","Divider","Delete","ImageViewer","onAddImage","addImageInfo","Modal","isOpen","onRequestClose","CustomModalLayout","title","onCloseButtonClick","style","display","justifyContent","padding","controls","autoPlay","maxHeight","poster","type","FormVideo","exports","observer"],"sources":["../../../../src/components/video/form-video.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  FormField,\n  ImageViewer,\n  Modal,\n  CustomModalLayout,\n  MediaOverlay,\n  Box,\n  Tooltip,\n  IconButton,\n  PopoverMenu,\n  Image,\n} from '@wix/design-system';\nimport {\n  Replace,\n  More,\n  Download,\n  Delete,\n  Maximize,\n} from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\nimport { BaseInputProps } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport { isDataValidOrNotSet } from '../../validations/validations';\nimport * as videoValidation from '../../validations/video';\nimport { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';\nimport { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';\nimport { useVideoPreview } from './use-video-preview';\n\ninterface VideoMediaDescriptor {\n  video?: string;\n}\n\ninterface MediaManagerVideoItem {\n  _id?: string;\n  displayName?: string;\n  mediaType?: string;\n  media?: VideoMediaDescriptor;\n}\n\nexport interface FormVideoProps extends BaseInputProps<string> {}\n\nconst _FormVideo = (props: FormVideoProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: pt, openMediaManager } = useWixPatternsContainer();\n  const { t } = useTranslations();\n  const isMobile = useIsMobile();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return pt('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  async function openMedia() {\n    if (!openMediaManager) return;\n    try {\n      const chosenMediaItems = await openMediaManager({\n        multiSelect: false,\n        category: 'VIDEO',\n      });\n\n      const mediaItem = chosenMediaItems?.items?.[0] as\n        | MediaManagerVideoItem\n        | undefined;\n      const newVideo = mediaItem?.media?.video;\n      if (newVideo) {\n        controller.field.onChange(newVideo);\n      }\n    } catch (error) {\n      console.error('Error opening Media Manager or no files selected:', error);\n    }\n  }\n\n  const {\n    videoUrl,\n    posterUrl: imageUrl,\n    isPreviewOpen,\n    openPreview: handlePreview,\n    closePreview: handleClosePreview,\n    handleDownload,\n  } = useVideoPreview({ videoUri: controller.field.value });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n      suffix={\n        isDataValidOrNotSet(\n          controller.field.value,\n          videoValidation,\n        ) ? undefined : (\n          <TypeMismatchExclamation\n            typeName={t('auto-patterns.fields.field_type_video_title')}\n            clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n            convertButtonText={t('auto-patterns.fields.type_mismatch_convert')}\n            onClear={() => controller.field.onChange(undefined)}\n            onChange={(value) => controller.field.onChange(value)}\n            convertDisabledText={t(\n              'auto-patterns.fields.type_mismatch_convert_disabled',\n            )}\n            fieldName={field.displayName}\n            isConverted={false}\n            isConverting={false}\n            convertedValue={null}\n            tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n              typeName: 'Video',\n            })}\n          />\n        )\n      }\n    >\n      {controller.field.value ? (\n        <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH} height={MEDIA_HEIGHT}>\n          <MediaOverlay\n            dataHook={`video-${field.id}`}\n            hoverSkin=\"dark\"\n            media={\n              <Image\n                src={imageUrl}\n                width=\"100%\"\n                height={MEDIA_HEIGHT}\n                fit=\"cover\"\n              />\n            }\n          >\n            <MediaOverlay.Content placement=\"middle\" visible=\"hover\">\n              <Box gap=\"SP2\">\n                <Tooltip\n                  content={t('auto-patterns.fields.replace_video_tooltip')}\n                >\n                  <IconButton\n                    onClick={() => openMedia()}\n                    skin=\"light\"\n                    priority=\"secondary\"\n                    disabled={isMobile}\n                    ariaLabel={t('auto-patterns.fields.replace_video_tooltip')}\n                    dataHook={`video-replace-${field.id}`}\n                  >\n                    <Replace />\n                  </IconButton>\n                </Tooltip>\n                <PopoverMenu\n                  triggerElement={({ toggle }) => (\n                    <Tooltip\n                      content={t('auto-patterns.fields.more_actions_tooltip')}\n                    >\n                      <IconButton\n                        priority=\"secondary\"\n                        onClick={toggle}\n                        skin=\"light\"\n                        ariaLabel={t(\n                          'auto-patterns.fields.more_actions_tooltip',\n                        )}\n                        dataHook={`video-more-${field.id}`}\n                      >\n                        <More />\n                      </IconButton>\n                    </Tooltip>\n                  )}\n                >\n                  <PopoverMenu.MenuItem\n                    prefixIcon={<Maximize />}\n                    text={t('auto-patterns.fields.preview_video')}\n                    onClick={handlePreview}\n                    disabled={!videoUrl}\n                    dataHook={`video-preview-${field.id}`}\n                  />\n                  <PopoverMenu.MenuItem\n                    prefixIcon={<Download />}\n                    text={t('auto-patterns.fields.download_video')}\n                    onClick={handleDownload}\n                    dataHook={`video-download-${field.id}`}\n                  />\n                  <PopoverMenu.Divider />\n                  <PopoverMenu.MenuItem\n                    prefixIcon={<Delete />}\n                    text={t('auto-patterns.fields.remove_video')}\n                    onClick={() => controller.field.onChange(null)}\n                    dataHook={`video-delete-${field.id}`}\n                  />\n                </PopoverMenu>\n              </Box>\n            </MediaOverlay.Content>\n          </MediaOverlay>\n        </Box>\n      ) : (\n        <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH}>\n          <ImageViewer\n            dataHook={`video-${field.id}`}\n            onAddImage={isMobile ? undefined : () => openMedia()}\n            addImageInfo={t('auto-patterns.fields.add_video_tooltip')}\n            height={MEDIA_HEIGHT}\n            width=\"100%\"\n          />\n        </Box>\n      )}\n      {isPreviewOpen && (\n        <Modal isOpen={isPreviewOpen} onRequestClose={handleClosePreview}>\n          <CustomModalLayout\n            title={field.displayName}\n            onCloseButtonClick={handleClosePreview}\n            content={\n              <div\n                style={{\n                  display: 'flex',\n                  justifyContent: 'center',\n                  padding: '24px',\n                }}\n              >\n                <video\n                  controls\n                  autoPlay\n                  style={{ maxWidth: '100%', maxHeight: '70vh' }}\n                  poster={imageUrl}\n                >\n                  {videoUrl && <source src={videoUrl} type=\"video/mp4\" />}\n                  Your browser does not support the video tag.\n                </video>\n              </div>\n            }\n          />\n        </Modal>\n      )}\n    </FormField>\n  );\n};\n\nexport const FormVideo = observer(_FormVideo);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/video/index.js

@@ -1,9 +1,15 @@
 "use strict";
 
 exports.__esModule = true;
-exports.VideoView = exports.CellVideoEdit = void 0;
+exports.useVideoPreview = exports.VideoViewField = exports.VideoView = exports.FormVideo = exports.CellVideoEdit = void 0;
 var _videoView = require("./video-view");
 exports.VideoView = _videoView.VideoView;
+var _videoViewField = require("./video-view-field");
+exports.VideoViewField = _videoViewField.VideoViewField;
 var _cellVideoEdit = require("./cell-video-edit");
 exports.CellVideoEdit = _cellVideoEdit.CellVideoEdit;
+var _formVideo = require("./form-video");
+exports.FormVideo = _formVideo.FormVideo;
+var _useVideoPreview = require("./use-video-preview");
+exports.useVideoPreview = _useVideoPreview.useVideoPreview;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/video/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_videoView","require","exports","VideoView","_cellVideoEdit","CellVideoEdit"],"sources":["../../../../src/components/video/index.ts"],"sourcesContent":["export { VideoView } from './video-view';\nexport type { VideoViewProps } from './video-view';\nexport { CellVideoEdit } from './cell-video-edit';\nexport type { CellVideoEditProps } from './cell-video-edit';\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAyCC,OAAA,CAAAC,SAAA,GAAAH,UAAA,CAAAG,SAAA;AAEzC,IAAAC,cAAA,GAAAH,OAAA;AAAkDC,OAAA,CAAAG,aAAA,GAAAD,cAAA,CAAAC,aAAA","ignoreList":[]}
+{"version":3,"names":["_videoView","require","exports","VideoView","_videoViewField","VideoViewField","_cellVideoEdit","CellVideoEdit","_formVideo","FormVideo","_useVideoPreview","useVideoPreview"],"sources":["../../../../src/components/video/index.ts"],"sourcesContent":["export { VideoView } from './video-view';\nexport type { VideoViewProps } from './video-view';\nexport { VideoViewField } from './video-view-field';\nexport type { VideoViewFieldProps } from './video-view-field';\nexport { CellVideoEdit } from './cell-video-edit';\nexport type { CellVideoEditProps } from './cell-video-edit';\nexport { FormVideo } from './form-video';\nexport type { FormVideoProps } from './form-video';\nexport { useVideoPreview } from './use-video-preview';\nexport type { UseVideoPreviewOptions } from './use-video-preview';\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAyCC,OAAA,CAAAC,SAAA,GAAAH,UAAA,CAAAG,SAAA;AAEzC,IAAAC,eAAA,GAAAH,OAAA;AAAoDC,OAAA,CAAAG,cAAA,GAAAD,eAAA,CAAAC,cAAA;AAEpD,IAAAC,cAAA,GAAAL,OAAA;AAAkDC,OAAA,CAAAK,aAAA,GAAAD,cAAA,CAAAC,aAAA;AAElD,IAAAC,UAAA,GAAAP,OAAA;AAAyCC,OAAA,CAAAO,SAAA,GAAAD,UAAA,CAAAC,SAAA;AAEzC,IAAAC,gBAAA,GAAAT,OAAA;AAAsDC,OAAA,CAAAS,eAAA,GAAAD,gBAAA,CAAAC,eAAA","ignoreList":[]}

package/dist/cjs/components/video/use-video-preview.js

@@ -0,0 +1,71 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useVideoPreview = void 0;
+var _react = require("react");
+var _autoFieldTypes = require("../../auto-field-types");
+const useVideoPreview = ({
+  videoUri
+}) => {
+  const [isPreviewOpen, setIsPreviewOpen] = (0, _react.useState)(false);
+  const videoUrl = (0, _react.useMemo)(() => {
+    if (!videoUri) return undefined;
+    try {
+      return (0, _autoFieldTypes.mediaURItoVideoURL)(videoUri);
+    } catch {
+      return undefined;
+    }
+  }, [videoUri]);
+  const posterUrl = (0, _react.useMemo)(() => {
+    if (!videoUri) return undefined;
+    try {
+      return (0, _autoFieldTypes.mediaURItoImageURL)(videoUri, _autoFieldTypes.ThumbnailSize.L);
+    } catch {
+      return undefined;
+    }
+  }, [videoUri]);
+  const openPreview = (0, _react.useCallback)(() => {
+    if (videoUrl) setIsPreviewOpen(true);
+  }, [videoUrl]);
+  const closePreview = (0, _react.useCallback)(() => setIsPreviewOpen(false), []);
+  const handleDownload = (0, _react.useCallback)(async () => {
+    if (!videoUrl || !videoUri) return;
+    try {
+      try {
+        const response = await fetch(videoUrl, {
+          mode: 'cors'
+        });
+        if (response.ok) {
+          var _videoUri$split$pop;
+          const blob = await response.blob();
+          const blobUrl = URL.createObjectURL(blob);
+          const filename = ((_videoUri$split$pop = videoUri.split('/').pop()) == null ? void 0 : _videoUri$split$pop.split('#')[0]) || 'video.mp4';
+          const link = document.createElement('a');
+          link.href = blobUrl;
+          link.download = filename;
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          URL.revokeObjectURL(blobUrl);
+          return;
+        }
+      } catch {
+        // CORS fallback
+      }
+      const downloadUrl = videoUrl.includes('?') ? `${videoUrl}&download=true` : `${videoUrl}?download=true`;
+      window.open(downloadUrl, '_blank');
+    } catch (error) {
+      console.error('Error downloading video:', error);
+    }
+  }, [videoUrl, videoUri]);
+  return {
+    videoUrl,
+    posterUrl,
+    isPreviewOpen,
+    openPreview,
+    closePreview,
+    handleDownload
+  };
+};
+exports.useVideoPreview = useVideoPreview;
+//# sourceMappingURL=use-video-preview.js.map

package/dist/cjs/components/video/use-video-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_autoFieldTypes","useVideoPreview","videoUri","isPreviewOpen","setIsPreviewOpen","useState","videoUrl","useMemo","undefined","mediaURItoVideoURL","posterUrl","mediaURItoImageURL","ThumbnailSize","L","openPreview","useCallback","closePreview","handleDownload","response","fetch","mode","ok","_videoUri$split$pop","blob","blobUrl","URL","createObjectURL","filename","split","pop","link","document","createElement","href","download","body","appendChild","click","removeChild","revokeObjectURL","downloadUrl","includes","window","open","error","console","exports"],"sources":["../../../../src/components/video/use-video-preview.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport {\n  mediaURItoImageURL,\n  mediaURItoVideoURL,\n  ThumbnailSize,\n} from '../../auto-field-types';\n\nexport interface UseVideoPreviewOptions {\n  videoUri: string | undefined | null;\n}\n\nexport const useVideoPreview = ({ videoUri }: UseVideoPreviewOptions) => {\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const videoUrl = useMemo(() => {\n    if (!videoUri) return undefined;\n    try {\n      return mediaURItoVideoURL(videoUri);\n    } catch {\n      return undefined;\n    }\n  }, [videoUri]);\n\n  const posterUrl = useMemo(() => {\n    if (!videoUri) return undefined;\n    try {\n      return mediaURItoImageURL(videoUri, ThumbnailSize.L);\n    } catch {\n      return undefined;\n    }\n  }, [videoUri]);\n\n  const openPreview = useCallback(() => {\n    if (videoUrl) setIsPreviewOpen(true);\n  }, [videoUrl]);\n\n  const closePreview = useCallback(() => setIsPreviewOpen(false), []);\n\n  const handleDownload = useCallback(async () => {\n    if (!videoUrl || !videoUri) return;\n    try {\n      try {\n        const response = await fetch(videoUrl, { mode: 'cors' });\n        if (response.ok) {\n          const blob = await response.blob();\n          const blobUrl = URL.createObjectURL(blob);\n          const filename =\n            videoUri.split('/').pop()?.split('#')[0] || 'video.mp4';\n          const link = document.createElement('a');\n          link.href = blobUrl;\n          link.download = filename;\n          document.body.appendChild(link);\n          link.click();\n          document.body.removeChild(link);\n          URL.revokeObjectURL(blobUrl);\n          return;\n        }\n      } catch {\n        // CORS fallback\n      }\n      const downloadUrl = videoUrl.includes('?')\n        ? `${videoUrl}&download=true`\n        : `${videoUrl}?download=true`;\n      window.open(downloadUrl, '_blank');\n    } catch (error) {\n      console.error('Error downloading video:', error);\n    }\n  }, [videoUrl, videoUri]);\n\n  return {\n    videoUrl,\n    posterUrl,\n    isPreviewOpen,\n    openPreview,\n    closePreview,\n    handleDownload,\n  };\n};\n"],"mappings":"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","ignoreList":[]}