@wix/patterns-fields 1.35.0 → 1.37.0

package/dist/cjs/components/text/form-short-text.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_baseDriver","FormShortTextDriver","base","body","formField","FormFieldUniDriver","inputBase","$","input","InputUniDriver","baseUniDriverFactory","getLabel","labelEl","textContent","getValue","enterText","value","blur","hasError","hasStatus","getErrorMessage","getStatusMessage","getCharCountLeft","getLengthLeft","isRequired"],"sources":["../../../../src/components/text/form-short-text.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 FormShortTextDriver(base: UniDriver, body: UniDriver) {\n  const formField = FormFieldUniDriver(base, body);\n  const inputBase = base.$(`[data-hook^=\"short-text-\"]`);\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    getCharCountLeft: () => formField.getLengthLeft(),\n    isRequired: () => formField.isRequired(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACpE,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMG,SAAS,GAAGJ,IAAI,CAACK,CAAC,CAAC,4BAA4B,CAAC;EACtD,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,gBAAgB,EAAEA,CAAA,KAAMlB,SAAS,CAACmB,aAAa,CAAC,CAAC;IACjDC,UAAU,EAAEA,CAAA,KAAMpB,SAAS,CAACoB,UAAU,CAAC;EACzC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_baseDriver","FormShortTextDriver","base","body","field","formField","FormFieldUniDriver","inputBase","$","id","input","InputUniDriver","baseUniDriverFactory","getLabel","labelEl","textContent","getValue","enterText","value","blur","hasError","hasStatus","getErrorMessage","getStatusMessage","getCharCountLeft","getLengthLeft","isRequired"],"sources":["../../../../src/components/text/form-short-text.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 FormShortTextDriver(\n  base: UniDriver,\n  body: UniDriver,\n  field: Field,\n) {\n  const formField = FormFieldUniDriver(base, body);\n  const inputBase = base.$(`[data-hook=\"short-text-${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    getCharCountLeft: () => formField.getLengthLeft(),\n    isRequired: () => formField.isRequired(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CACjCC,IAAe,EACfC,IAAe,EACfC,KAAY,EACZ;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACJ,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMI,SAAS,GAAGL,IAAI,CAACM,CAAC,CAAC,0BAA0BJ,KAAK,CAACK,EAAE,IAAI,CAAC;EAChE,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,gBAAgB,EAAEA,CAAA,KAAMnB,SAAS,CAACoB,aAAa,CAAC,CAAC;IACjDC,UAAU,EAAEA,CAAA,KAAMrB,SAAS,CAACqB,UAAU,CAAC;EACzC,CAAC;AACH","ignoreList":[]}

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

@@ -19,6 +19,12 @@ Object.keys(_cellAutocompleteInput).forEach(function (key) {
   if (key in exports && exports[key] === _cellAutocompleteInput[key]) return;
   exports[key] = _cellAutocompleteInput[key];
 });
+var _formLongText = require("./form-long-text");
+Object.keys(_formLongText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formLongText[key]) return;
+  exports[key] = _formLongText[key];
+});
 var _formShortText = require("./form-short-text");
 Object.keys(_formShortText).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -1 +1 @@
-{"version":3,"names":["_textView","require","Object","keys","forEach","key","exports","_cellTextInput","_cellAutocompleteInput","_formShortText"],"sources":["../../../../src/components/text/index.ts"],"sourcesContent":["export * from './text-view';\nexport * from './cell-text-input';\nexport * from './cell-autocomplete-input';\nexport * from './form-short-text';\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,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,sBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,sBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,sBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,sBAAA,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","ignoreList":[]}
+{"version":3,"names":["_textView","require","Object","keys","forEach","key","exports","_cellTextInput","_cellAutocompleteInput","_formLongText","_formShortText"],"sources":["../../../../src/components/text/index.ts"],"sourcesContent":["export * from './text-view';\nexport * from './cell-text-input';\nexport * from './cell-autocomplete-input';\nexport * from './form-long-text';\nexport * from './form-short-text';\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,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,sBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,sBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,sBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,sBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,aAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,aAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,aAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,aAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,cAAA,CAAAL,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/text/text-view.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "textview780991294";
+var _namespace_ = "textview112212151";
 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": "textview780991294__root",
-  "textView": "textview780991294__textView"
+  "root": "textview112212151__root",
+  "textView": "textview112212151__textView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/text/text-view.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/text/text-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"textview780991294\";\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\":\"textview780991294__root\",\"textView\":\"textview780991294__textView\"};\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,mBAAmB;AACrC,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,yBAAyB;EAAC,UAAU,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/text/text-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"textview112212151\";\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\":\"textview112212151__root\",\"textView\":\"textview112212151__textView\"};\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,mBAAmB;AACrC,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,yBAAyB;EAAC,UAAU,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,96 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CellTimeInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _useTranslations = require("../../hooks/use-translations");
+var _hooks = require("./hooks");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/time-input/cell-time-input.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); }
+/**
+ * Cell-layer Time input. Wraps WDS `<TimeInput>` with cell-edit semantics:
+ * - `value`/`onChange` use the `Time` string format (`hh:mm:ss.SSS`);
+ *   conversion to/from `Date` for the WDS boundary happens via
+ *   `timeToDate`/`dateToTime`.
+ * - WDS `onChange` (fires on option click and on blur with a parsed custom
+ *   value) forwards a `Time` string to `onChange`, then schedules `onCommit`
+ *   on a microtask so WDS's two-phase change (synchronous blur + async
+ *   selection callback) collapses into a single commit.
+ * - Clear button (X) suffix clears the value and commits.
+ * - Locale is sourced from i18n so the dropdown's 12/24h cycle matches the
+ *   format rendered by `<TimeView>` in view mode.
+ */
+const CellTimeInput = exports.CellTimeInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  value,
+  onChange,
+  onCommit,
+  dataHook,
+  placeholder,
+  step = 15
+}) => {
+  const {
+    i18n
+  } = (0, _useTranslations.useTranslations)();
+  const dateValue = (0, _react.useMemo)(() => value ? (0, _hooks.timeToDate)(value) : undefined, [value]);
+  const wsrRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    var _wsrRef$current;
+    (_wsrRef$current = wsrRef.current) == null || _wsrRef$current.focus();
+  }, []);
+  const handleChange = (0, _react.useCallback)(({
+    date
+  }) => {
+    const newTime = date ? (0, _hooks.dateToTime)(date) : null;
+    if (newTime === value) {
+      return;
+    }
+    onChange == null || onChange(newTime);
+    onCommit == null || onCommit();
+  }, [onChange, onCommit, value]);
+  const handleClear = (0, _react.useCallback)(() => {
+    onChange == null || onChange(null);
+    onCommit == null || onCommit();
+  }, [onChange, onCommit]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TimeInput, {
+    dataHook: dataHook,
+    ref: wsrRef,
+    size: "small",
+    border: "none",
+    step: step,
+    timeStyle: "short",
+    width: "100%",
+    locale: i18n.language,
+    placeholder: placeholder ?? 'hh:mm',
+    autoSelect: false,
+    value: dateValue ?? null,
+    onChange: handleChange,
+    popoverProps: {
+      appendTo: 'window',
+      moveBy: {
+        y: 4
+      }
+    },
+    suffix: value ? /*#__PURE__*/_react.default.createElement(_designSystem.CloseButton, {
+      as: "button",
+      size: "small",
+      skin: "standardFilled",
+      onClick: handleClear,
+      dataHook: "cell-time-input-clear",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 91,
+        columnNumber: 11
+      }
+    }) : undefined,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 5
+    }
+  });
+});
+CellTimeInput.displayName = 'CellTimeInput';
+//# sourceMappingURL=cell-time-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellTimeInput","exports","forwardRef","value","onChange","onCommit","dataHook","placeholder","step","i18n","useTranslations","dateValue","useMemo","timeToDate","undefined","wsrRef","useRef","useEffect","_wsrRef$current","current","focus","handleChange","useCallback","date","newTime","dateToTime","handleClear","createElement","TimeInput","ref","size","border","timeStyle","width","locale","language","autoSelect","popoverProps","appendTo","moveBy","y","suffix","CloseButton","as","skin","onClick","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/time-input/cell-time-input.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport {\n  TimeInput as WSRTimeInput,\n  CloseButton,\n  type TimeInputImperativeActions,\n  type TimeInputProps as WSRTimeInputProps,\n} from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { dateToTime, timeToDate, type Time } from './hooks';\n\nexport interface CellTimeInputProps {\n  value?: Time | null;\n  onChange?: (value: Time | null) => void;\n  onCommit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n  placeholder?: string;\n  step?: WSRTimeInputProps['step'];\n}\n\n/**\n * Cell-layer Time input. Wraps WDS `<TimeInput>` with cell-edit semantics:\n * - `value`/`onChange` use the `Time` string format (`hh:mm:ss.SSS`);\n *   conversion to/from `Date` for the WDS boundary happens via\n *   `timeToDate`/`dateToTime`.\n * - WDS `onChange` (fires on option click and on blur with a parsed custom\n *   value) forwards a `Time` string to `onChange`, then schedules `onCommit`\n *   on a microtask so WDS's two-phase change (synchronous blur + async\n *   selection callback) collapses into a single commit.\n * - Clear button (X) suffix clears the value and commits.\n * - Locale is sourced from i18n so the dropdown's 12/24h cycle matches the\n *   format rendered by `<TimeView>` in view mode.\n */\nexport const CellTimeInput = forwardRef<\n  TimeInputImperativeActions,\n  CellTimeInputProps\n>(({ value, onChange, onCommit, dataHook, placeholder, step = 15 }) => {\n  const { i18n } = useTranslations();\n\n  const dateValue = useMemo(\n    () => (value ? timeToDate(value) : undefined),\n    [value],\n  );\n\n  const wsrRef = useRef<TimeInputImperativeActions | null>(null);\n\n  useEffect(() => {\n    wsrRef.current?.focus();\n  }, []);\n\n  const handleChange = useCallback(\n    ({ date }: { date: Date | null }) => {\n      const newTime = date ? dateToTime(date) : null;\n      if (newTime === value) {\n        return;\n      }\n      onChange?.(newTime);\n      onCommit?.();\n    },\n    [onChange, onCommit, value],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange?.(null);\n    onCommit?.();\n  }, [onChange, onCommit]);\n\n  return (\n    <WSRTimeInput\n      dataHook={dataHook}\n      ref={wsrRef}\n      size=\"small\"\n      border=\"none\"\n      step={step}\n      timeStyle=\"short\"\n      width=\"100%\"\n      locale={i18n.language as WSRTimeInputProps['locale']}\n      placeholder={placeholder ?? 'hh:mm'}\n      autoSelect={false}\n      value={dateValue ?? null}\n      onChange={handleChange}\n      popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n      suffix={\n        value ? (\n          <CloseButton\n            as=\"button\"\n            size=\"small\"\n            skin=\"standardFilled\"\n            onClick={handleClear}\n            dataHook=\"cell-time-input-clear\"\n          />\n        ) : undefined\n      }\n    />\n  );\n});\n\nCellTimeInput.displayName = 'CellTimeInput';\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormTimeDriver = FormTimeDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../testkit/base-driver");
+function FormTimeDriver(base, body) {
+  const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getLabel: () => (0, _baseDriver.getFormFieldLabelText)(formField),
+    hasError: () => formField.hasStatus('error'),
+    getErrorMessage: () => formField.getStatusMessage(),
+    isRequired: () => formField.isRequired(),
+    hasSuffix: async () => (await formField.getSuffix()) !== null
+  };
+}
+//# sourceMappingURL=form-time.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","FormTimeDriver","base","body","formField","FormFieldUniDriver","baseUniDriverFactory","getLabel","getFormFieldLabelText","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired","hasSuffix","getSuffix"],"sources":["../../../../src/components/time-input/form-time.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  getFormFieldLabelText,\n} from '../../testkit/base-driver';\n\nexport function FormTimeDriver(base: UniDriver, body: UniDriver) {\n  const formField = FormFieldUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: () => getFormFieldLabelText(formField),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n    hasSuffix: async () => (await formField.getSuffix()) !== null,\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAKO,SAASE,cAAcA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC/D,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAEhD,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAM,IAAAC,iCAAqB,EAACJ,SAAS,CAAC;IAChDK,QAAQ,EAAEA,CAAA,KAAML,SAAS,CAACM,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAMP,SAAS,CAACQ,gBAAgB,CAAC,CAAC;IACnDC,UAAU,EAAEA,CAAA,KAAMT,SAAS,CAACS,UAAU,CAAC,CAAC;IACxCC,SAAS,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMV,SAAS,CAACW,SAAS,CAAC,CAAC,MAAM;EAC3D,CAAC;AACH","ignoreList":[]}

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

@@ -7,6 +7,18 @@ Object.keys(_timeInput).forEach(function (key) {
   if (key in exports && exports[key] === _timeInput[key]) return;
   exports[key] = _timeInput[key];
 });
+var _cellTimeInput = require("./cell-time-input");
+Object.keys(_cellTimeInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  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","_formTimeInput","_hooks"],"sources":["../../../../src/components/time-input/index.ts"],"sourcesContent":["export * from './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,MAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,MAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,MAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,MAAA,CAAAH,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/time-view/hooks.js

@@ -2,15 +2,21 @@
 
 exports.__esModule = true;
 exports.useFormattedTime = void 0;
+var _useTranslations = require("../../hooks/use-translations");
 var _hooks = require("../time-input/hooks");
-const formatLocalTime = date => {
-  return date.toLocaleTimeString([], {
-    hour: '2-digit',
-    minute: '2-digit'
+const formatLocalTime = (date, locale) => {
+  // `timeStyle: 'short'` matches WDS TimeInput's own format: numeric hour in
+  // 12h locales ("9:45 AM") and zero-padded hour in 24h locales ("09:45"),
+  // so View and Edit render the same string.
+  return date.toLocaleTimeString(locale, {
+    timeStyle: 'short'
   });
 };
 const useFormattedTime = time => {
-  return time ? formatLocalTime((0, _hooks.timeToDate)(time)) : undefined;
+  const {
+    i18n
+  } = (0, _useTranslations.useTranslations)();
+  return time ? formatLocalTime((0, _hooks.timeToDate)(time), i18n.language) : undefined;
 };
 exports.useFormattedTime = useFormattedTime;
 //# sourceMappingURL=hooks.js.map

package/dist/cjs/components/time-view/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["_hooks","require","formatLocalTime","date","toLocaleTimeString","hour","minute","useFormattedTime","time","timeToDate","undefined","exports"],"sources":["../../../../src/components/time-view/hooks.ts"],"sourcesContent":["import { timeToDate, type Time } from '../time-input/hooks';\n\nconst formatLocalTime = (date: Date): string => {\n  return date.toLocaleTimeString([], {\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n};\n\nexport const useFormattedTime = (time?: Time) => {\n  return time ? formatLocalTime(timeToDate(time)) : undefined;\n};\n\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,eAAe,GAAIC,IAAU,IAAa;EAC9C,OAAOA,IAAI,CAACC,kBAAkB,CAAC,EAAE,EAAE;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC,CAAC;AACJ,CAAC;AAEM,MAAMC,gBAAgB,GAAIC,IAAW,IAAK;EAC/C,OAAOA,IAAI,GAAGN,eAAe,CAAC,IAAAO,iBAAU,EAACD,IAAI,CAAC,CAAC,GAAGE,SAAS;AAC7D,CAAC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_useTranslations","require","_hooks","formatLocalTime","date","locale","toLocaleTimeString","timeStyle","useFormattedTime","time","i18n","useTranslations","timeToDate","language","undefined","exports"],"sources":["../../../../src/components/time-view/hooks.ts"],"sourcesContent":["import { useTranslations } from '../../hooks/use-translations';\nimport { timeToDate, type Time } from '../time-input/hooks';\n\nconst formatLocalTime = (date: Date, locale: string): string => {\n  // `timeStyle: 'short'` matches WDS TimeInput's own format: numeric hour in\n  // 12h locales (\"9:45 AM\") and zero-padded hour in 24h locales (\"09:45\"),\n  // so View and Edit render the same string.\n  return date.toLocaleTimeString(locale, { timeStyle: 'short' });\n};\n\nexport const useFormattedTime = (time?: Time) => {\n  const { i18n } = useTranslations();\n  return time ? formatLocalTime(timeToDate(time), i18n.language) : undefined;\n};\n"],"mappings":";;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,MAAME,eAAe,GAAGA,CAACC,IAAU,EAAEC,MAAc,KAAa;EAC9D;EACA;EACA;EACA,OAAOD,IAAI,CAACE,kBAAkB,CAACD,MAAM,EAAE;IAAEE,SAAS,EAAE;EAAQ,CAAC,CAAC;AAChE,CAAC;AAEM,MAAMC,gBAAgB,GAAIC,IAAW,IAAK;EAC/C,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,gCAAe,EAAC,CAAC;EAClC,OAAOF,IAAI,GAAGN,eAAe,CAAC,IAAAS,iBAAU,EAACH,IAAI,CAAC,EAAEC,IAAI,CAACG,QAAQ,CAAC,GAAGC,SAAS;AAC5E,CAAC;AAACC,OAAA,CAAAP,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_timeView","require","Object","keys","forEach","key","exports","_hooks"],"sources":["../../../../src/components/time-view/index.ts"],"sourcesContent":["export * from './time-view';\nexport * from './hooks';\n\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,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":[]}
+{"version":3,"names":["_timeView","require","Object","keys","forEach","key","exports","_hooks"],"sources":["../../../../src/components/time-view/index.ts"],"sourcesContent":["export * from './time-view';\nexport * from './hooks';\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,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/components/url/form-url.driver.js

@@ -0,0 +1,25 @@
+"use strict";
+
+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, field) {
+  const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
+  const inputBase = base.$(`[data-hook="url-${field.id}"]`);
+  const input = (0, _unidriver.InputUniDriver)(inputBase, body);
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getLabel: async () => {
+      const labelEl = await formField.getLabel();
+      return (labelEl == null ? void 0 : labelEl.textContent) ?? '';
+    },
+    getValue: () => input.getValue(),
+    enterText: value => input.enterText(value),
+    blur: () => input.blur(),
+    hasError: () => formField.hasStatus('error'),
+    getErrorMessage: () => formField.getStatusMessage(),
+    isRequired: () => formField.isRequired()
+  };
+}
+//# sourceMappingURL=form-url.driver.js.map

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

@@ -0,0 +1 @@
+{"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/url/form-url.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormUrl = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _form = require("@wix/bex-core/form");
+var _string = require("../../validations/string");
+var _url = require("../../validations/url");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/url/form-url.tsx";
+const _FormUrl = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  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 t('cairo.fieldValidation.requiredField');
+        } else if (value) {
+          return (0, _url.isValidUri)(value) || t('cairo.customFields.url-input.error');
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    dataHook: dataHook,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 45,
+        columnNumber: 13
+      }
+    })),
+    placeholder: t('cairo.customFields.url-input.placeholder'),
+    dataHook: `url-${field.id}`,
+    value: controller.field.value,
+    onChange: e => controller.field.onChange == null ? void 0 : controller.field.onChange(e.target.value),
+    onBlur: controller.field.onBlur,
+    ref: controller.field.ref,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 7
+    }
+  }));
+};
+const FormUrl = exports.FormUrl = (0, _mobxReactLite.observer)(_FormUrl);
+//# sourceMappingURL=form-url.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_wixUiIconsCommon","_react2","_form","_string","_url","_jsxFileName","_FormUrl","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","isValidUri","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","Input","prefix","IconAffix","Link","placeholder","onChange","e","target","onBlur","ref","FormUrl","exports","observer"],"sources":["../../../../src/components/url/form-url.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Link } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { isEmpty } from '../../validations/string';\nimport { isValidUri } from '../../validations/url';\n\nexport interface FormUrlProps extends BaseInputProps<string> {}\n\nconst _FormUrl = (props: FormUrlProps) => {\n  const { field, dataHook, formControl, data } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id],\n    rules: {\n      validate: (value: string | null | undefined) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return t('cairo.fieldValidation.requiredField');\n        } else if (value) {\n          return isValidUri(value) || t('cairo.customFields.url-input.error');\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n    >\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder={t('cairo.customFields.url-input.placeholder')}\n        dataHook={`url-${field.id}`}\n        value={controller.field.value}\n        onChange={(e) => controller.field.onChange?.(e.target.value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n      />\n    </FormField>\n  );\n};\n\nexport const FormUrl = observer(_FormUrl);\n"],"mappings":"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","ignoreList":[]}

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

@@ -13,4 +13,10 @@ Object.keys(_cellUrlInput).forEach(function (key) {
   if (key in exports && exports[key] === _cellUrlInput[key]) return;
   exports[key] = _cellUrlInput[key];
 });
+var _formUrl = require("./form-url");
+Object.keys(_formUrl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formUrl[key]) return;
+  exports[key] = _formUrl[key];
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_urlView","require","Object","keys","forEach","key","exports","_cellUrlInput"],"sources":["../../../../src/components/url/index.ts"],"sourcesContent":["export * from './url-view';\nexport * from './cell-url-input';\n"],"mappings":";;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,QAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,aAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,aAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,aAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,aAAA,CAAAF,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_urlView","require","Object","keys","forEach","key","exports","_cellUrlInput","_formUrl"],"sources":["../../../../src/components/url/index.ts"],"sourcesContent":["export * from './url-view';\nexport * from './cell-url-input';\nexport * from './form-url';\n"],"mappings":";;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,QAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,aAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,aAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,aAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,aAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,QAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,QAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,QAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,QAAA,CAAAH,GAAA;AAAA","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":[]}