@wix/patterns-fields 1.36.0 → 1.38.0

package/dist/cjs/components/time-input/form-time.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormTime = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+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 _validations = require("../../validations/validations");
+var _string = require("../../validations/string");
+var _typeMismatchExclamation = require("../exclamation/type-mismatch-exclamation");
+var _formTimeInput = require("./form-time-input");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/time-input/form-time.tsx";
+const _FormTime = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: pt
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const controller = (0, _form.useController)({
+    name: field.id,
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[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;
+      }
+    }
+  });
+  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, _validations.timeValidation) ? undefined : /*#__PURE__*/_react.default.createElement(_typeMismatchExclamation.TypeMismatchExclamation, {
+      typeName: t('auto-patterns.fields.field_type_time_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: "00:00:00.000",
+      tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
+        typeName: 'Time'
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 52,
+        columnNumber: 11
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_formTimeInput.FormTimeInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange(value),
+    dataHook: `time-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 7
+    }
+  }));
+};
+const FormTime = exports.FormTime = (0, _mobxReactLite.observer)(_FormTime);
+//# sourceMappingURL=form-time.js.map

package/dist/cjs/components/time-input/form-time.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_validations","_string","_typeMismatchExclamation","_formTimeInput","_jsxFileName","_FormTime","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","useWixPatternsContainer","t","useTranslations","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","suffix","isDataValidOrNotSet","timeValidation","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","onChange","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","FormTimeInput","autoFocus","FormTime","exports","observer"],"sources":["../../../../src/components/time-input/form-time.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport {\n  isDataValidOrNotSet,\n  timeValidation,\n} from '../../validations/validations';\nimport { isEmpty } from '../../validations/string';\nimport { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';\n\nimport { FormTimeInput } from './form-time-input';\n\nexport interface FormTimeProps extends BaseInputProps<string> {}\n\nconst _FormTime = (props: FormTimeProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: pt } = useWixPatternsContainer();\n  const { t } = useTranslations();\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  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          timeValidation,\n        ) ? undefined : (\n          <TypeMismatchExclamation\n            typeName={t('auto-patterns.fields.field_type_time_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=\"00:00:00.000\"\n            tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n              typeName: 'Time',\n            })}\n          />\n        )\n      }\n    >\n      <FormTimeInput\n        autoFocus={false}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange(value)}\n        dataHook={`time-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormTime = observer(_FormTime);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/time-input/index.js

@@ -13,6 +13,12 @@ Object.keys(_cellTimeInput).forEach(function (key) {
   if (key in exports && exports[key] === _cellTimeInput[key]) return;
   exports[key] = _cellTimeInput[key];
 });
+var _formTime = require("./form-time");
+Object.keys(_formTime).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formTime[key]) return;
+  exports[key] = _formTime[key];
+});
 var _formTimeInput = require("./form-time-input");
 Object.keys(_formTimeInput).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/components/time-input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_timeInput","require","Object","keys","forEach","key","exports","_cellTimeInput","_formTimeInput","_hooks"],"sources":["../../../../src/components/time-input/index.ts"],"sourcesContent":["export * from './time-input';\nexport * from './cell-time-input';\nexport * from './form-time-input';\nexport * from './hooks';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,cAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,cAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,cAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,cAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,MAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,MAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,MAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,MAAA,CAAAJ,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_timeInput","require","Object","keys","forEach","key","exports","_cellTimeInput","_formTime","_formTimeInput","_hooks"],"sources":["../../../../src/components/time-input/index.ts"],"sourcesContent":["export * from './time-input';\nexport * from './cell-time-input';\nexport * from './form-time';\nexport * from './form-time-input';\nexport * from './hooks';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,SAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,SAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,SAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,SAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,cAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,cAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,cAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,cAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,MAAA,CAAAL,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/url/form-url.driver.js

@@ -4,9 +4,9 @@ exports.__esModule = true;
 exports.FormUrlDriver = FormUrlDriver;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _baseDriver = require("../../testkit/base-driver");
-function FormUrlDriver(base, body) {
+function FormUrlDriver(base, body, field) {
   const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
-  const inputBase = base.$(`[data-hook^="url-"]`);
+  const inputBase = base.$(`[data-hook="url-${field.id}"]`);
   const input = (0, _unidriver.InputUniDriver)(inputBase, body);
   return {
     ...(0, _baseDriver.baseUniDriverFactory)(base),

package/dist/cjs/components/url/form-url.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_baseDriver","FormUrlDriver","base","body","formField","FormFieldUniDriver","inputBase","$","input","InputUniDriver","baseUniDriverFactory","getLabel","labelEl","textContent","getValue","enterText","value","blur","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired"],"sources":["../../../../src/components/url/form-url.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  FormFieldUniDriver,\n  InputUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FormUrlDriver(base: UniDriver, body: UniDriver) {\n  const formField = FormFieldUniDriver(base, body);\n  const inputBase = base.$(`[data-hook^=\"url-\"]`);\n  const input = InputUniDriver(inputBase, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: async () => {\n      const labelEl = await formField.getLabel();\n      return labelEl?.textContent ?? '';\n    },\n    getValue: () => input.getValue(),\n    enterText: (value: string) => input.enterText(value),\n    blur: () => input.blur(),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,aAAaA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC9D,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMG,SAAS,GAAGJ,IAAI,CAACK,CAAC,CAAC,qBAAqB,CAAC;EAC/C,MAAMC,KAAK,GAAG,IAAAC,yBAAc,EAACH,SAAS,EAAEH,IAAI,CAAC;EAE7C,OAAO;IACL,GAAG,IAAAO,gCAAoB,EAACR,IAAI,CAAC;IAC7BS,QAAQ,EAAE,MAAAA,CAAA,KAAY;MACpB,MAAMC,OAAO,GAAG,MAAMR,SAAS,CAACO,QAAQ,CAAC,CAAC;MAC1C,OAAO,CAAAC,OAAO,oBAAPA,OAAO,CAAEC,WAAW,KAAI,EAAE;IACnC,CAAC;IACDC,QAAQ,EAAEA,CAAA,KAAMN,KAAK,CAACM,QAAQ,CAAC,CAAC;IAChCC,SAAS,EAAGC,KAAa,IAAKR,KAAK,CAACO,SAAS,CAACC,KAAK,CAAC;IACpDC,IAAI,EAAEA,CAAA,KAAMT,KAAK,CAACS,IAAI,CAAC,CAAC;IACxBC,QAAQ,EAAEA,CAAA,KAAMd,SAAS,CAACe,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAMhB,SAAS,CAACiB,gBAAgB,CAAC,CAAC;IACnDC,UAAU,EAAEA,CAAA,KAAMlB,SAAS,CAACkB,UAAU,CAAC;EACzC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_baseDriver","FormUrlDriver","base","body","field","formField","FormFieldUniDriver","inputBase","$","id","input","InputUniDriver","baseUniDriverFactory","getLabel","labelEl","textContent","getValue","enterText","value","blur","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired"],"sources":["../../../../src/components/url/form-url.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  FormFieldUniDriver,\n  InputUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FormUrlDriver(base: UniDriver, body: UniDriver, field: Field) {\n  const formField = FormFieldUniDriver(base, body);\n  const inputBase = base.$(`[data-hook=\"url-${field.id}\"]`);\n  const input = InputUniDriver(inputBase, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: async () => {\n      const labelEl = await formField.getLabel();\n      return labelEl?.textContent ?? '';\n    },\n    getValue: () => input.getValue(),\n    enterText: (value: string) => input.enterText(value),\n    blur: () => input.blur(),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,aAAaA,CAACC,IAAe,EAAEC,IAAe,EAAEC,KAAY,EAAE;EAC5E,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACJ,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMI,SAAS,GAAGL,IAAI,CAACM,CAAC,CAAC,mBAAmBJ,KAAK,CAACK,EAAE,IAAI,CAAC;EACzD,MAAMC,KAAK,GAAG,IAAAC,yBAAc,EAACJ,SAAS,EAAEJ,IAAI,CAAC;EAE7C,OAAO;IACL,GAAG,IAAAS,gCAAoB,EAACV,IAAI,CAAC;IAC7BW,QAAQ,EAAE,MAAAA,CAAA,KAAY;MACpB,MAAMC,OAAO,GAAG,MAAMT,SAAS,CAACQ,QAAQ,CAAC,CAAC;MAC1C,OAAO,CAAAC,OAAO,oBAAPA,OAAO,CAAEC,WAAW,KAAI,EAAE;IACnC,CAAC;IACDC,QAAQ,EAAEA,CAAA,KAAMN,KAAK,CAACM,QAAQ,CAAC,CAAC;IAChCC,SAAS,EAAGC,KAAa,IAAKR,KAAK,CAACO,SAAS,CAACC,KAAK,CAAC;IACpDC,IAAI,EAAEA,CAAA,KAAMT,KAAK,CAACS,IAAI,CAAC,CAAC;IACxBC,QAAQ,EAAEA,CAAA,KAAMf,SAAS,CAACgB,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAMjB,SAAS,CAACkB,gBAAgB,CAAC,CAAC;IACnDC,UAAU,EAAEA,CAAA,KAAMnB,SAAS,CAACmB,UAAU,CAAC;EACzC,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormVideoDriver = FormVideoDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../testkit/base-driver");
+function FormVideoDriver(base, body, field) {
+  const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
+  const imageViewerBase = base.$(`[data-hook="video-${field.id}"]`);
+  const imageViewer = (0, _unidriver.ImageViewerUniDriver)(imageViewerBase, body);
+  const replaceButton = base.$(`[data-hook="video-replace-${field.id}"]`);
+  const moreButton = base.$(`[data-hook="video-more-${field.id}"]`);
+  const previewAction = body.$(`[data-hook="video-preview-${field.id}"]`);
+  const downloadAction = body.$(`[data-hook="video-download-${field.id}"]`);
+  const deleteAction = body.$(`[data-hook="video-delete-${field.id}"]`);
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getLabel: async () => {
+      const labelEl = await formField.getLabel();
+      return (labelEl == null ? void 0 : labelEl.textContent) ?? '';
+    },
+    getImageUrl: () => imageViewer.getImageUrl(),
+    isAddItemVisible: () => imageViewer.isAddItemVisible(),
+    hasError: () => formField.hasStatus('error'),
+    getErrorMessage: () => formField.getStatusMessage(),
+    isRequired: () => formField.isRequired(),
+    hasSuffix: async () => (await formField.getSuffix()) !== null,
+    hasReplaceButton: () => replaceButton.exists(),
+    hasMoreButton: () => moreButton.exists(),
+    clickMore: () => moreButton.click(),
+    clickReplace: () => replaceButton.click(),
+    isPreviewActionVisible: () => previewAction.exists(),
+    isDownloadActionVisible: () => downloadAction.exists(),
+    isDeleteActionVisible: () => deleteAction.exists(),
+    clickPreview: () => previewAction.click(),
+    clickDownload: () => downloadAction.click(),
+    clickDelete: () => deleteAction.click()
+  };
+}
+//# sourceMappingURL=form-video.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","FormVideoDriver","base","body","field","formField","FormFieldUniDriver","imageViewerBase","$","id","imageViewer","ImageViewerUniDriver","replaceButton","moreButton","previewAction","downloadAction","deleteAction","baseUniDriverFactory","getLabel","labelEl","textContent","getImageUrl","isAddItemVisible","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired","hasSuffix","getSuffix","hasReplaceButton","exists","hasMoreButton","clickMore","click","clickReplace","isPreviewActionVisible","isDownloadActionVisible","isDeleteActionVisible","clickPreview","clickDownload","clickDelete"],"sources":["../../../../src/components/video/form-video.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  FormFieldUniDriver,\n  ImageViewerUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FormVideoDriver(\n  base: UniDriver,\n  body: UniDriver,\n  field: Field,\n) {\n  const formField = FormFieldUniDriver(base, body);\n  const imageViewerBase = base.$(`[data-hook=\"video-${field.id}\"]`);\n  const imageViewer = ImageViewerUniDriver(imageViewerBase, body);\n\n  const replaceButton = base.$(`[data-hook=\"video-replace-${field.id}\"]`);\n  const moreButton = base.$(`[data-hook=\"video-more-${field.id}\"]`);\n  const previewAction = body.$(`[data-hook=\"video-preview-${field.id}\"]`);\n  const downloadAction = body.$(`[data-hook=\"video-download-${field.id}\"]`);\n  const deleteAction = body.$(`[data-hook=\"video-delete-${field.id}\"]`);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: async () => {\n      const labelEl = await formField.getLabel();\n      return labelEl?.textContent ?? '';\n    },\n    getImageUrl: () => imageViewer.getImageUrl(),\n    isAddItemVisible: () => imageViewer.isAddItemVisible(),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n    hasSuffix: async () => (await formField.getSuffix()) !== null,\n    hasReplaceButton: () => replaceButton.exists(),\n    hasMoreButton: () => moreButton.exists(),\n    clickMore: () => moreButton.click(),\n    clickReplace: () => replaceButton.click(),\n    isPreviewActionVisible: () => previewAction.exists(),\n    isDownloadActionVisible: () => downloadAction.exists(),\n    isDeleteActionVisible: () => deleteAction.exists(),\n    clickPreview: () => previewAction.click(),\n    clickDownload: () => downloadAction.click(),\n    clickDelete: () => deleteAction.click(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,eAAeA,CAC7BC,IAAe,EACfC,IAAe,EACfC,KAAY,EACZ;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACJ,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMI,eAAe,GAAGL,IAAI,CAACM,CAAC,CAAC,qBAAqBJ,KAAK,CAACK,EAAE,IAAI,CAAC;EACjE,MAAMC,WAAW,GAAG,IAAAC,+BAAoB,EAACJ,eAAe,EAAEJ,IAAI,CAAC;EAE/D,MAAMS,aAAa,GAAGV,IAAI,CAACM,CAAC,CAAC,6BAA6BJ,KAAK,CAACK,EAAE,IAAI,CAAC;EACvE,MAAMI,UAAU,GAAGX,IAAI,CAACM,CAAC,CAAC,0BAA0BJ,KAAK,CAACK,EAAE,IAAI,CAAC;EACjE,MAAMK,aAAa,GAAGX,IAAI,CAACK,CAAC,CAAC,6BAA6BJ,KAAK,CAACK,EAAE,IAAI,CAAC;EACvE,MAAMM,cAAc,GAAGZ,IAAI,CAACK,CAAC,CAAC,8BAA8BJ,KAAK,CAACK,EAAE,IAAI,CAAC;EACzE,MAAMO,YAAY,GAAGb,IAAI,CAACK,CAAC,CAAC,4BAA4BJ,KAAK,CAACK,EAAE,IAAI,CAAC;EAErE,OAAO;IACL,GAAG,IAAAQ,gCAAoB,EAACf,IAAI,CAAC;IAC7BgB,QAAQ,EAAE,MAAAA,CAAA,KAAY;MACpB,MAAMC,OAAO,GAAG,MAAMd,SAAS,CAACa,QAAQ,CAAC,CAAC;MAC1C,OAAO,CAAAC,OAAO,oBAAPA,OAAO,CAAEC,WAAW,KAAI,EAAE;IACnC,CAAC;IACDC,WAAW,EAAEA,CAAA,KAAMX,WAAW,CAACW,WAAW,CAAC,CAAC;IAC5CC,gBAAgB,EAAEA,CAAA,KAAMZ,WAAW,CAACY,gBAAgB,CAAC,CAAC;IACtDC,QAAQ,EAAEA,CAAA,KAAMlB,SAAS,CAACmB,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAMpB,SAAS,CAACqB,gBAAgB,CAAC,CAAC;IACnDC,UAAU,EAAEA,CAAA,KAAMtB,SAAS,CAACsB,UAAU,CAAC,CAAC;IACxCC,SAAS,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMvB,SAAS,CAACwB,SAAS,CAAC,CAAC,MAAM,IAAI;IAC7DC,gBAAgB,EAAEA,CAAA,KAAMlB,aAAa,CAACmB,MAAM,CAAC,CAAC;IAC9CC,aAAa,EAAEA,CAAA,KAAMnB,UAAU,CAACkB,MAAM,CAAC,CAAC;IACxCE,SAAS,EAAEA,CAAA,KAAMpB,UAAU,CAACqB,KAAK,CAAC,CAAC;IACnCC,YAAY,EAAEA,CAAA,KAAMvB,aAAa,CAACsB,KAAK,CAAC,CAAC;IACzCE,sBAAsB,EAAEA,CAAA,KAAMtB,aAAa,CAACiB,MAAM,CAAC,CAAC;IACpDM,uBAAuB,EAAEA,CAAA,KAAMtB,cAAc,CAACgB,MAAM,CAAC,CAAC;IACtDO,qBAAqB,EAAEA,CAAA,KAAMtB,YAAY,CAACe,MAAM,CAAC,CAAC;IAClDQ,YAAY,EAAEA,CAAA,KAAMzB,aAAa,CAACoB,KAAK,CAAC,CAAC;IACzCM,aAAa,EAAEA,CAAA,KAAMzB,cAAc,CAACmB,KAAK,CAAC,CAAC;IAC3CO,WAAW,EAAEA,CAAA,KAAMzB,YAAY,CAACkB,KAAK,CAAC;EACxC,CAAC;AACH","ignoreList":[]}

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