@wix/auto-patterns 1.55.0 → 1.56.0

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

@@ -1 +1 @@
-{"version":3,"names":["_Audio","require","exports","Audio","_Checkbox","Checkbox","_Color","Color","_Email","Email","_DateInput","DateInput","_DateTime","DateTime","_Document","Document","_MultiDocument","MultiDocument","_ImageInput","ImageInput","_LongText","LongText","_Number","Number","_Reference","Reference","_MultiReference","MultiReference","_ShortText","ShortText","_Time","Time","_Url","Url","_Object","Object","_Address","Address","_RichContent","RichContent","_RichText","RichText","_MediaGallery","MediaGallery","_Array","Array","_types","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../../src/components/fields/index.ts"],"sourcesContent":["export { Audio } from './Audio';\nexport { Checkbox } from './Checkbox';\nexport { Color } from './Color';\nexport { Email } from './Email';\nexport { DateInput } from './DateInput';\nexport { DateTime } from './DateTime';\nexport { Document } from './Document';\nexport { MultiDocument } from './MultiDocument';\nexport { ImageInput } from './ImageInput';\nexport { LongText } from './LongText';\nexport { Number } from './Number';\nexport { Reference } from './Reference';\nexport { MultiReference } from './MultiReference';\nexport { ShortText } from './ShortText';\nexport { Time } from './Time';\nexport { Url } from './Url';\nexport { Object } from './Object';\nexport { Address } from './Address';\nexport { RichContent } from './RichContent';\nexport { RichText } from './RichText';\nexport { MediaGallery } from './MediaGallery';\nexport { Array } from './Array';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAgCC,OAAA,CAAAC,KAAA,GAAAH,MAAA,CAAAG,KAAA;AAChC,IAAAC,SAAA,GAAAH,OAAA;AAAsCC,OAAA,CAAAG,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,MAAA,GAAAL,OAAA;AAAgCC,OAAA,CAAAK,KAAA,GAAAD,MAAA,CAAAC,KAAA;AAChC,IAAAC,MAAA,GAAAP,OAAA;AAAgCC,OAAA,CAAAO,KAAA,GAAAD,MAAA,CAAAC,KAAA;AAChC,IAAAC,UAAA,GAAAT,OAAA;AAAwCC,OAAA,CAAAS,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,SAAA,GAAAX,OAAA;AAAsCC,OAAA,CAAAW,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,SAAA,GAAAb,OAAA;AAAsCC,OAAA,CAAAa,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,cAAA,GAAAf,OAAA;AAAgDC,OAAA,CAAAe,aAAA,GAAAD,cAAA,CAAAC,aAAA;AAChD,IAAAC,WAAA,GAAAjB,OAAA;AAA0CC,OAAA,CAAAiB,UAAA,GAAAD,WAAA,CAAAC,UAAA;AAC1C,IAAAC,SAAA,GAAAnB,OAAA;AAAsCC,OAAA,CAAAmB,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,OAAA,GAAArB,OAAA;AAAkCC,OAAA,CAAAqB,MAAA,GAAAD,OAAA,CAAAC,MAAA;AAClC,IAAAC,UAAA,GAAAvB,OAAA;AAAwCC,OAAA,CAAAuB,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,eAAA,GAAAzB,OAAA;AAAkDC,OAAA,CAAAyB,cAAA,GAAAD,eAAA,CAAAC,cAAA;AAClD,IAAAC,UAAA,GAAA3B,OAAA;AAAwCC,OAAA,CAAA2B,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,KAAA,GAAA7B,OAAA;AAA8BC,OAAA,CAAA6B,IAAA,GAAAD,KAAA,CAAAC,IAAA;AAC9B,IAAAC,IAAA,GAAA/B,OAAA;AAA4BC,OAAA,CAAA+B,GAAA,GAAAD,IAAA,CAAAC,GAAA;AAC5B,IAAAC,OAAA,GAAAjC,OAAA;AAAkCC,OAAA,CAAAiC,MAAA,GAAAD,OAAA,CAAAC,MAAA;AAClC,IAAAC,QAAA,GAAAnC,OAAA;AAAoCC,OAAA,CAAAmC,OAAA,GAAAD,QAAA,CAAAC,OAAA;AACpC,IAAAC,YAAA,GAAArC,OAAA;AAA4CC,OAAA,CAAAqC,WAAA,GAAAD,YAAA,CAAAC,WAAA;AAC5C,IAAAC,SAAA,GAAAvC,OAAA;AAAsCC,OAAA,CAAAuC,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,aAAA,GAAAzC,OAAA;AAA8CC,OAAA,CAAAyC,YAAA,GAAAD,aAAA,CAAAC,YAAA;AAC9C,IAAAC,MAAA,GAAA3C,OAAA;AAAgCC,OAAA,CAAA2C,KAAA,GAAAD,MAAA,CAAAC,KAAA;AAChC,IAAAC,MAAA,GAAA7C,OAAA;AAAAkC,MAAA,CAAAY,IAAA,CAAAD,MAAA,EAAAE,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAd,MAAA,CAAAe,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAA/C,OAAA,IAAAA,OAAA,CAAA+C,GAAA,MAAAH,MAAA,CAAAG,GAAA;EAAA/C,OAAA,CAAA+C,GAAA,IAAAH,MAAA,CAAAG,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_Audio","require","exports","Audio","_Checkbox","Checkbox","_Color","Color","_Email","Email","_DateInput","DateInput","_DateTime","DateTime","_Document","Document","_MultiDocument","MultiDocument","_ImageInput","ImageInput","_LongText","LongText","_Number","Number","_Reference","Reference","_MultiReference","MultiReference","_ShortText","ShortText","_Time","Time","_Url","Url","_Object","Object","_Address","Address","_RichContent","RichContent","_RichText","RichText","_Video","Video","_MediaGallery","MediaGallery","_ImageViewField","ImageViewField","_VideoViewField","VideoViewField","_Array","Array","_types","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../../src/components/fields/index.ts"],"sourcesContent":["export { Audio } from './Audio';\nexport { Checkbox } from './Checkbox';\nexport { Color } from './Color';\nexport { Email } from './Email';\nexport { DateInput } from './DateInput';\nexport { DateTime } from './DateTime';\nexport { Document } from './Document';\nexport { MultiDocument } from './MultiDocument';\nexport { ImageInput } from './ImageInput';\nexport { LongText } from './LongText';\nexport { Number } from './Number';\nexport { Reference } from './Reference';\nexport { MultiReference } from './MultiReference';\nexport { ShortText } from './ShortText';\nexport { Time } from './Time';\nexport { Url } from './Url';\nexport { Object } from './Object';\nexport { Address } from './Address';\nexport { RichContent } from './RichContent';\nexport { RichText } from './RichText';\nexport { Video } from './Video';\nexport { MediaGallery } from './MediaGallery';\nexport { ImageViewField } from './ImageViewField';\nexport { VideoViewField } from './VideoViewField';\nexport { Array } from './Array';\nexport * from './types';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/fields/mediaConstants.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MEDIA_MAX_WIDTH = exports.MEDIA_HEIGHT = exports.MEDIA_BORDER_RADIUS = void 0;
+/**
+ * Shared media dimension constants for consistent sizing across form fields.
+ * These values ensure media thumbnails maintain a consistent appearance
+ * in entity page forms, matching CMS-WEB behavior.
+ */
+
+/** Height for media thumbnails in form fields */
+const MEDIA_HEIGHT = exports.MEDIA_HEIGHT = '120px';
+
+/** Maximum width for media thumbnails to prevent oversized display */
+const MEDIA_MAX_WIDTH = exports.MEDIA_MAX_WIDTH = '240px';
+
+/** Border radius for media thumbnails in view mode */
+const MEDIA_BORDER_RADIUS = exports.MEDIA_BORDER_RADIUS = '8px';
+//# sourceMappingURL=mediaConstants.js.map

package/dist/cjs/components/fields/mediaConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MEDIA_HEIGHT","exports","MEDIA_MAX_WIDTH","MEDIA_BORDER_RADIUS"],"sources":["../../../../src/components/fields/mediaConstants.ts"],"sourcesContent":["/**\n * Shared media dimension constants for consistent sizing across form fields.\n * These values ensure media thumbnails maintain a consistent appearance\n * in entity page forms, matching CMS-WEB behavior.\n */\n\n/** Height for media thumbnails in form fields */\nexport const MEDIA_HEIGHT = '120px';\n\n/** Maximum width for media thumbnails to prevent oversized display */\nexport const MEDIA_MAX_WIDTH = '240px';\n\n/** Border radius for media thumbnails in view mode */\nexport const MEDIA_BORDER_RADIUS = '8px';\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;;AAEA;AACO,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,OAAO;;AAEnC;AACO,MAAME,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,OAAO;;AAEtC;AACO,MAAMC,mBAAmB,GAAAF,OAAA,CAAAE,mBAAA,GAAG,KAAK","ignoreList":[]}

package/dist/cjs/components/fields/useVideoPreview.js

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

package/dist/cjs/components/fields/useVideoPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_autoCmsFieldTypes","useVideoPreview","videoUri","isPreviewOpen","setIsPreviewOpen","useState","videoUrl","useMemo","undefined","mediaURItoVideoURL","posterUrl","mediaURItoImageURL","ThumbnailSize","L","openPreview","useCallback","closePreview","handleDownload","response","fetch","mode","ok","_videoUri$split$pop","blob","blobUrl","URL","createObjectURL","filename","split","pop","link","document","createElement","href","download","body","appendChild","click","removeChild","revokeObjectURL","downloadUrl","includes","window","open","error","console","exports"],"sources":["../../../../src/components/fields/useVideoPreview.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport {\n  mediaURItoImageURL,\n  mediaURItoVideoURL,\n  ThumbnailSize,\n} from '../../cms-fields/auto-cms-field-types';\n\nexport interface UseVideoPreviewOptions {\n  videoUri: string | undefined | null;\n}\n\nexport const useVideoPreview = ({ videoUri }: UseVideoPreviewOptions) => {\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const videoUrl = useMemo(() => {\n    if (!videoUri) {\n      return undefined;\n    }\n    try {\n      return mediaURItoVideoURL(videoUri);\n    } catch {\n      return undefined;\n    }\n  }, [videoUri]);\n\n  const posterUrl = useMemo(() => {\n    if (!videoUri) {\n      return undefined;\n    }\n    try {\n      return mediaURItoImageURL(videoUri, ThumbnailSize.L);\n    } catch {\n      return undefined;\n    }\n  }, [videoUri]);\n\n  const openPreview = useCallback(() => {\n    if (videoUrl) {\n      setIsPreviewOpen(true);\n    }\n  }, [videoUrl]);\n\n  const closePreview = useCallback(() => setIsPreviewOpen(false), []);\n\n  const handleDownload = useCallback(async () => {\n    if (!videoUrl || !videoUri) {\n      return;\n    }\n\n    try {\n      try {\n        const response = await fetch(videoUrl, { mode: 'cors' });\n        if (response.ok) {\n          const blob = await response.blob();\n          const blobUrl = URL.createObjectURL(blob);\n          const filename =\n            videoUri.split('/').pop()?.split('#')[0] || 'video.mp4';\n\n          const link = document.createElement('a');\n          link.href = blobUrl;\n          link.download = filename;\n          document.body.appendChild(link);\n          link.click();\n          document.body.removeChild(link);\n\n          URL.revokeObjectURL(blobUrl);\n          return;\n        }\n      } catch {\n        // CORS blocked — fall through to window.open fallback\n      }\n\n      const downloadUrl = videoUrl.includes('?')\n        ? `${videoUrl}&download=true`\n        : `${videoUrl}?download=true`;\n      window.open(downloadUrl, '_blank');\n    } catch (error) {\n      console.error('Error downloading video:', error);\n    }\n  }, [videoUrl, videoUri]);\n\n  return {\n    videoUrl,\n    posterUrl,\n    isPreviewOpen,\n    openPreview,\n    closePreview,\n    handleDownload,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAUO,MAAME,eAAe,GAAGA,CAAC;EAAEC;AAAiC,CAAC,KAAK;EACvE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEzD,MAAMC,QAAQ,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC7B,IAAI,CAACL,QAAQ,EAAE;MACb,OAAOM,SAAS;IAClB;IACA,IAAI;MACF,OAAO,IAAAC,qCAAkB,EAACP,QAAQ,CAAC;IACrC,CAAC,CAAC,MAAM;MACN,OAAOM,SAAS;IAClB;EACF,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,MAAMQ,SAAS,GAAG,IAAAH,cAAO,EAAC,MAAM;IAC9B,IAAI,CAACL,QAAQ,EAAE;MACb,OAAOM,SAAS;IAClB;IACA,IAAI;MACF,OAAO,IAAAG,qCAAkB,EAACT,QAAQ,EAAEU,gCAAa,CAACC,CAAC,CAAC;IACtD,CAAC,CAAC,MAAM;MACN,OAAOL,SAAS;IAClB;EACF,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,MAAMY,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpC,IAAIT,QAAQ,EAAE;MACZF,gBAAgB,CAAC,IAAI,CAAC;IACxB;EACF,CAAC,EAAE,CAACE,QAAQ,CAAC,CAAC;EAEd,MAAMU,YAAY,GAAG,IAAAD,kBAAW,EAAC,MAAMX,gBAAgB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAEnE,MAAMa,cAAc,GAAG,IAAAF,kBAAW,EAAC,YAAY;IAC7C,IAAI,CAACT,QAAQ,IAAI,CAACJ,QAAQ,EAAE;MAC1B;IACF;IAEA,IAAI;MACF,IAAI;QACF,MAAMgB,QAAQ,GAAG,MAAMC,KAAK,CAACb,QAAQ,EAAE;UAAEc,IAAI,EAAE;QAAO,CAAC,CAAC;QACxD,IAAIF,QAAQ,CAACG,EAAE,EAAE;UAAA,IAAAC,mBAAA;UACf,MAAMC,IAAI,GAAG,MAAML,QAAQ,CAACK,IAAI,CAAC,CAAC;UAClC,MAAMC,OAAO,GAAGC,GAAG,CAACC,eAAe,CAACH,IAAI,CAAC;UACzC,MAAMI,QAAQ,GACZ,EAAAL,mBAAA,GAAApB,QAAQ,CAAC0B,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,qBAAzBP,mBAAA,CAA2BM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAI,WAAW;UAEzD,MAAME,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;UACxCF,IAAI,CAACG,IAAI,GAAGT,OAAO;UACnBM,IAAI,CAACI,QAAQ,GAAGP,QAAQ;UACxBI,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,IAAI,CAAC;UAC/BA,IAAI,CAACO,KAAK,CAAC,CAAC;UACZN,QAAQ,CAACI,IAAI,CAACG,WAAW,CAACR,IAAI,CAAC;UAE/BL,GAAG,CAACc,eAAe,CAACf,OAAO,CAAC;UAC5B;QACF;MACF,CAAC,CAAC,MAAM;QACN;MAAA;MAGF,MAAMgB,WAAW,GAAGlC,QAAQ,CAACmC,QAAQ,CAAC,GAAG,CAAC,GACtC,GAAGnC,QAAQ,gBAAgB,GAC3B,GAAGA,QAAQ,gBAAgB;MAC/BoC,MAAM,CAACC,IAAI,CAACH,WAAW,EAAE,QAAQ,CAAC;IACpC,CAAC,CAAC,OAAOI,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,0BAA0B,EAAEA,KAAK,CAAC;IAClD;EACF,CAAC,EAAE,CAACtC,QAAQ,EAAEJ,QAAQ,CAAC,CAAC;EAExB,OAAO;IACLI,QAAQ;IACRI,SAAS;IACTP,aAAa;IACbW,WAAW;IACXE,YAAY;IACZC;EACF,CAAC;AACH,CAAC;AAAC6B,OAAA,CAAA7C,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/layouts/ContentCardSkeleton.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ContentCardSkeleton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _patterns = require("@wix/patterns");
+var _providers = require("../../providers");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/layouts/ContentCardSkeleton.tsx";
+const SkeletonCardLayout = ({
+  content,
+  level,
+  sectionId,
+  cardIndex,
+  contentIndex
+}) => {
+  var _content$container$ch;
+  const overrides = (0, _providers.useAutoPatternsOverridesContext)();
+  switch (content.type) {
+    case 'field':
+      return null;
+    case 'container':
+      if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+        span: content.container.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 34,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 35,
+          columnNumber: 11
+        }
+      }, content.container.children.map((child, index) => /*#__PURE__*/_react.default.createElement(SkeletonCardLayout, {
+        key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        content: child,
+        level: level + 1,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 37,
+          columnNumber: 15
+        }
+      }))));
+    case 'component':
+      {
+        var _overrides$components;
+        if (!content.component.componentId) {
+          return null;
+        }
+        const Component = overrides == null || (_overrides$components = overrides.components) == null ? void 0 : _overrides$components[content.component.componentId];
+        if (!Component) {
+          return null;
+        }
+        return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+          span: content.component.span,
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 61,
+            columnNumber: 9
+          }
+        }, /*#__PURE__*/_react.default.createElement(Component, {
+          form: undefined,
+          entity: undefined,
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 62,
+            columnNumber: 11
+          }
+        }));
+      }
+    default:
+      return null;
+  }
+};
+const ContentCardSkeleton = ({
+  type = 'entity',
+  layout,
+  sectionId,
+  cardIndex
+}) => {
+  var _layout$card$subtitle;
+  const Component = type === 'settings' ? _patterns.SettingsPage : _patterns.EntityPage;
+  switch (layout.type) {
+    case 'card':
+      return /*#__PURE__*/_react.default.createElement(Component.Card, {
+        minHeight: "50px",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 83,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
+        title: layout.card.title.text,
+        subtitle: (_layout$card$subtitle = layout.card.subtitle) == null ? void 0 : _layout$card$subtitle.text,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 84,
+          columnNumber: 11
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 88,
+          columnNumber: 11
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 89,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 90,
+          columnNumber: 13
+        }
+      }, layout.card.children.map((child, index) => /*#__PURE__*/_react.default.createElement(SkeletonCardLayout, {
+        key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        content: child,
+        level: 0,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 92,
+          columnNumber: 17
+        }
+      })))));
+    default:
+      return null;
+  }
+};
+exports.ContentCardSkeleton = ContentCardSkeleton;
+//# sourceMappingURL=ContentCardSkeleton.js.map

package/dist/cjs/components/layouts/ContentCardSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_providers","_jsxFileName","SkeletonCardLayout","content","level","sectionId","cardIndex","contentIndex","_content$container$ch","overrides","useAutoPatternsOverridesContext","type","container","children","length","default","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","Layout","map","child","index","key","_overrides$components","component","componentId","Component","components","form","undefined","entity","ContentCardSkeleton","layout","_layout$card$subtitle","SettingsPage","EntityPage","Card","minHeight","Header","title","card","text","subtitle","Divider","Content","exports"],"sources":["../../../../src/components/layouts/ContentCardSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Cell, Layout } from '@wix/design-system';\nimport { SettingsPage, EntityPage } from '@wix/patterns';\nimport { CardLayout, LayoutContent } from '../../types';\nimport { useAutoPatternsOverridesContext } from '../../providers';\nimport { ContentCardType } from './types';\n\nexport interface ContentCardSkeletonProps {\n  type?: ContentCardType;\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n}\n\nconst SkeletonCardLayout: React.FC<{\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n}> = ({ content, level, sectionId, cardIndex, contentIndex }) => {\n  const overrides = useAutoPatternsOverridesContext();\n\n  switch (content.type) {\n    case 'field':\n      return null;\n\n    case 'container':\n      if (!content.container.children?.length) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.container.span}>\n          <Layout>\n            {content.container.children.map((child, index) => (\n              <SkeletonCardLayout\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n              />\n            ))}\n          </Layout>\n        </Cell>\n      );\n\n    case 'component': {\n      if (!content.component.componentId) {\n        return null;\n      }\n\n      const Component = overrides?.components?.[content.component.componentId];\n      if (!Component) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.component.span}>\n          <Component form={undefined} entity={undefined as any} />\n        </Cell>\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n\nexport const ContentCardSkeleton: React.FC<ContentCardSkeletonProps> = ({\n  type = 'entity',\n  layout,\n  sectionId,\n  cardIndex,\n}) => {\n  const Component = type === 'settings' ? SettingsPage : EntityPage;\n\n  switch (layout.type) {\n    case 'card':\n      return (\n        <Component.Card minHeight=\"50px\">\n          <Card.Header\n            title={layout.card.title.text}\n            subtitle={layout.card.subtitle?.text}\n          />\n          <Card.Divider />\n          <Card.Content>\n            <Layout>\n              {layout.card.children.map((child, index: number) => (\n                <SkeletonCardLayout\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </Component.Card>\n      );\n    default:\n      return null;\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/layouts/ContentSkeleton.js

@@ -6,7 +6,7 @@ exports.ContentSkeleton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _patterns = require("@wix/patterns");
 var _form = require("@wix/patterns/form");
-var _ContentCard = require("./ContentCard");
+var _ContentCardSkeleton = require("./ContentCardSkeleton");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/layouts/ContentSkeleton.tsx";
 const ContentSkeleton = ({
   type = 'entity',
@@ -61,7 +61,7 @@ const ContentSkeleton = ({
       lineNumber: 45,
       columnNumber: 9
     }
-  }, (_pageConfig$layout = pageConfig.layout) == null || (_pageConfig$layout = _pageConfig$layout.main) == null ? void 0 : _pageConfig$layout.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_ContentCard.ContentCard, {
+  }, (_pageConfig$layout = pageConfig.layout) == null || (_pageConfig$layout = _pageConfig$layout.main) == null ? void 0 : _pageConfig$layout.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_ContentCardSkeleton.ContentCardSkeleton, {
     key: `main-section-card-${layoutIndex}`,
     type: type,
     layout: layout,
@@ -80,7 +80,7 @@ const ContentSkeleton = ({
       lineNumber: 57,
       columnNumber: 11
     }
-  }, (_pageConfig$layout$si = pageConfig.layout.sidebar) == null ? void 0 : _pageConfig$layout$si.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_ContentCard.ContentCard, {
+  }, (_pageConfig$layout$si = pageConfig.layout.sidebar) == null ? void 0 : _pageConfig$layout$si.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_ContentCardSkeleton.ContentCardSkeleton, {
     key: `sidebar-section-card-${layoutIndex}`,
     type: type,
     layout: layout,

package/dist/cjs/components/layouts/ContentSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_form","_ContentCard","_jsxFileName","ContentSkeleton","type","pageConfig","_pageConfig$layout","_pageConfig$layout2","_pageConfig$layout$si","Component","SettingsPage","EntityPage","form","useForm","settingsState","useSettingsPage","onSave","onCancel","fetch","Promise","entityState","useEntityPage","parentPath","updatedEntity","default","createElement","state","__self","__source","fileName","lineNumber","columnNumber","Header","title","text","Content","MainContent","layout","main","map","layoutIndex","ContentCard","key","sectionId","cardIndex","sidebar","AdditionalContent","exports"],"sources":["../../../../src/components/layouts/ContentSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  SettingsPage,\n  EntityPage,\n  useSettingsPage,\n  useEntityPage,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { EntityPageConfig, SettingsPageConfig } from '../../types';\nimport { ContentCard } from './ContentCard';\nimport { ContentCardType } from './types';\n\nexport interface ContentSkeletonProps {\n  type?: ContentCardType;\n  pageConfig: SettingsPageConfig | EntityPageConfig;\n}\n\nexport const ContentSkeleton = ({\n  type = 'entity',\n  pageConfig,\n}: ContentSkeletonProps) => {\n  const Component = type === 'settings' ? SettingsPage : EntityPage;\n  const form = useForm();\n\n  const settingsState = useSettingsPage<any, any>({\n    form,\n    onSave: async () => {},\n    onCancel: async () => {},\n    fetch: async () => new Promise(() => {}),\n  });\n\n  const entityState = useEntityPage<any, any>({\n    parentPath: '',\n    form,\n    onSave: async () => ({ updatedEntity: {} }),\n    fetch: async () => new Promise(() => {}),\n  });\n\n  return (\n    <Component\n      state={type === 'settings' ? settingsState : (entityState as any)}\n    >\n      <Component.Header title={{ text: '' }} />\n      <Component.Content>\n        <Component.MainContent>\n          {pageConfig.layout?.main?.map((layout, layoutIndex) => (\n            <ContentCard\n              key={`main-section-card-${layoutIndex}`}\n              type={type}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n            />\n          ))}\n        </Component.MainContent>\n        {pageConfig.layout?.sidebar ? (\n          <Component.AdditionalContent>\n            {pageConfig.layout.sidebar?.map((layout, layoutIndex) => (\n              <ContentCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                type={type}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n              />\n            ))}\n          </Component.AdditionalContent>\n        ) : null}\n      </Component.Content>\n    </Component>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_form","_ContentCardSkeleton","_jsxFileName","ContentSkeleton","type","pageConfig","_pageConfig$layout","_pageConfig$layout2","_pageConfig$layout$si","Component","SettingsPage","EntityPage","form","useForm","settingsState","useSettingsPage","onSave","onCancel","fetch","Promise","entityState","useEntityPage","parentPath","updatedEntity","default","createElement","state","__self","__source","fileName","lineNumber","columnNumber","Header","title","text","Content","MainContent","layout","main","map","layoutIndex","ContentCardSkeleton","key","sectionId","cardIndex","sidebar","AdditionalContent","exports"],"sources":["../../../../src/components/layouts/ContentSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  SettingsPage,\n  EntityPage,\n  useSettingsPage,\n  useEntityPage,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { EntityPageConfig, SettingsPageConfig } from '../../types';\nimport { ContentCardSkeleton } from './ContentCardSkeleton';\nimport { ContentCardType } from './types';\n\nexport interface ContentSkeletonProps {\n  type?: ContentCardType;\n  pageConfig: SettingsPageConfig | EntityPageConfig;\n}\n\nexport const ContentSkeleton = ({\n  type = 'entity',\n  pageConfig,\n}: ContentSkeletonProps) => {\n  const Component = type === 'settings' ? SettingsPage : EntityPage;\n  const form = useForm();\n\n  const settingsState = useSettingsPage<any, any>({\n    form,\n    onSave: async () => {},\n    onCancel: async () => {},\n    fetch: async () => new Promise(() => {}),\n  });\n\n  const entityState = useEntityPage<any, any>({\n    parentPath: '',\n    form,\n    onSave: async () => ({ updatedEntity: {} }),\n    fetch: async () => new Promise(() => {}),\n  });\n\n  return (\n    <Component\n      state={type === 'settings' ? settingsState : (entityState as any)}\n    >\n      <Component.Header title={{ text: '' }} />\n      <Component.Content>\n        <Component.MainContent>\n          {pageConfig.layout?.main?.map((layout, layoutIndex) => (\n            <ContentCardSkeleton\n              key={`main-section-card-${layoutIndex}`}\n              type={type}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n            />\n          ))}\n        </Component.MainContent>\n        {pageConfig.layout?.sidebar ? (\n          <Component.AdditionalContent>\n            {pageConfig.layout.sidebar?.map((layout, layoutIndex) => (\n              <ContentCardSkeleton\n                key={`sidebar-section-card-${layoutIndex}`}\n                type={type}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n              />\n            ))}\n          </Component.AdditionalContent>\n        ) : null}\n      </Component.Content>\n    </Component>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/layouts/FormField.js

@@ -18,6 +18,7 @@ const EDITABLE_INPUT_ELEMENTS = exports.EDITABLE_INPUT_ELEMENTS = {
   NUMBER: _fields.Number,
   URL: _fields.Url,
   IMAGE: _fields.ImageInput,
+  VIDEO: _fields.Video,
   REFERENCE: _fields.Reference,
   MULTI_REFERENCE: _fields.MultiReference,
   OBJECT: _fields.Object,
@@ -57,7 +58,7 @@ const FormField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 85,
       columnNumber: 5
     }
   });

package/dist/cjs/components/layouts/FormField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_form","_fields","_jsxFileName","EDITABLE_INPUT_ELEMENTS","exports","AUDIO","Audio","SHORT_TEXT","ShortText","LONG_TEXT","LongText","BOOLEAN","Checkbox","DATE","DateInput","DATETIME","DateTime","TIME","Time","NUMBER","Number","URL","Url","IMAGE","ImageInput","REFERENCE","Reference","MULTI_REFERENCE","MultiReference","OBJECT","Object","ARRAY","Array","ADDRESS","Address","RICH_CONTENT","RichContent","RICH_TEXT","RichText","DOCUMENT","Document","MULTI_DOCUMENT","MultiDocument","EMAIL","Email","MEDIA_GALLERY","MediaGallery","COLOR","Color","FormField","field","inputRef","formControl","data","controller","useController","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","default","createElement","value","onChange","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/layouts/FormField.tsx"],"sourcesContent":["import React from 'react';\nimport { useController, Control } from '@wix/patterns/form';\nimport { Field, PatternsFieldType } from '../../types';\nimport {\n  Audio,\n  ShortText,\n  LongText,\n  Checkbox,\n  Color,\n  DateInput,\n  DateTime,\n  Time,\n  Number,\n  Url,\n  Email,\n  ImageInput,\n  Reference,\n  BaseInputProps,\n  Object,\n  Address,\n  RichContent,\n  RichText,\n  Document,\n  MultiDocument,\n  MultiReference,\n  MediaGallery,\n  Array,\n} from '../fields';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  AUDIO: Audio,\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  TIME: Time,\n  NUMBER: Number,\n  URL: Url,\n  IMAGE: ImageInput,\n  REFERENCE: Reference,\n  MULTI_REFERENCE: MultiReference,\n  OBJECT: Object,\n  ARRAY: Array,\n  ADDRESS: Address,\n  RICH_CONTENT: RichContent,\n  RICH_TEXT: RichText,\n  DOCUMENT: Document,\n  MULTI_DOCUMENT: MultiDocument,\n  EMAIL: Email,\n  MEDIA_GALLERY: MediaGallery,\n  COLOR: Color,\n};\n\nexport interface FormFieldProps {\n  field: Field;\n  inputRef?: BaseInputProps<any>['inputRef'];\n  formControl?: Control<any>;\n  data?: Record<string, any>;\n}\n\nexport const FormField: React.FC<FormFieldProps> = ({\n  field,\n  inputRef,\n  formControl,\n  data,\n}) => {\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n  });\n\n  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {\n    return null;\n  }\n\n  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type]!;\n\n  return (\n    <FieldInput\n      field={field}\n      value={controller.field.value}\n      onChange={controller.field.onChange}\n      dataHook={`form-field-${field.id}`}\n      inputRef={inputRef}\n      formControl={formControl}\n      data={data ?? {}}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAwBmB,IAAAG,YAAA;AAEZ,MAAMC,uBAEZ,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACFE,KAAK,EAAEC,aAAK;EACZC,UAAU,EAAEC,iBAAS;EACrBC,SAAS,EAAEC,gBAAQ;EACnBC,OAAO,EAAEC,gBAAQ;EACjBC,IAAI,EAAEC,iBAAS;EACfC,QAAQ,EAAEC,gBAAQ;EAClBC,IAAI,EAAEC,YAAI;EACVC,MAAM,EAAEC,cAAM;EACdC,GAAG,EAAEC,WAAG;EACRC,KAAK,EAAEC,kBAAU;EACjBC,SAAS,EAAEC,iBAAS;EACpBC,eAAe,EAAEC,sBAAc;EAC/BC,MAAM,EAAEC,cAAM;EACdC,KAAK,EAAEC,aAAK;EACZC,OAAO,EAAEC,eAAO;EAChBC,YAAY,EAAEC,mBAAW;EACzBC,SAAS,EAAEC,gBAAQ;EACnBC,QAAQ,EAAEC,gBAAQ;EAClBC,cAAc,EAAEC,qBAAa;EAC7BC,KAAK,EAAEC,aAAK;EACZC,aAAa,EAAEC,oBAAY;EAC3BC,KAAK,EAAEC;AACT,CAAC;AASM,MAAMC,SAAmC,GAAGA,CAAC;EAClDC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,WAAW;IACpBO,YAAY,EAAEN,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAACtD,uBAAuB,CAACyD,cAAc,CAACV,KAAK,CAACW,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAG3D,uBAAuB,CAAC+C,KAAK,CAACW,IAAI,CAAE;EAEvD,oBACEhE,MAAA,CAAAkE,OAAA,CAAAC,aAAA,CAACF,UAAU;IACTZ,KAAK,EAAEA,KAAM;IACbe,KAAK,EAAEX,UAAU,CAACJ,KAAK,CAACe,KAAM;IAC9BC,QAAQ,EAAEZ,UAAU,CAACJ,KAAK,CAACgB,QAAS;IACpCC,QAAQ,EAAE,cAAcjB,KAAK,CAACO,EAAE,EAAG;IACnCN,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC,CAAE;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClB,CAAC;AAEN,CAAC;AAACpE,OAAA,CAAA6C,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_fields","_jsxFileName","EDITABLE_INPUT_ELEMENTS","exports","AUDIO","Audio","SHORT_TEXT","ShortText","LONG_TEXT","LongText","BOOLEAN","Checkbox","DATE","DateInput","DATETIME","DateTime","TIME","Time","NUMBER","Number","URL","Url","IMAGE","ImageInput","VIDEO","Video","REFERENCE","Reference","MULTI_REFERENCE","MultiReference","OBJECT","Object","ARRAY","Array","ADDRESS","Address","RICH_CONTENT","RichContent","RICH_TEXT","RichText","DOCUMENT","Document","MULTI_DOCUMENT","MultiDocument","EMAIL","Email","MEDIA_GALLERY","MediaGallery","COLOR","Color","FormField","field","inputRef","formControl","data","controller","useController","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","default","createElement","value","onChange","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/layouts/FormField.tsx"],"sourcesContent":["import React from 'react';\nimport { useController, Control } from '@wix/patterns/form';\nimport { Field, PatternsFieldType } from '../../types';\nimport {\n  Audio,\n  ShortText,\n  LongText,\n  Checkbox,\n  Color,\n  DateInput,\n  DateTime,\n  Time,\n  Number,\n  Url,\n  Email,\n  ImageInput,\n  Reference,\n  BaseInputProps,\n  Object,\n  Address,\n  RichContent,\n  RichText,\n  Document,\n  MultiDocument,\n  MultiReference,\n  Video,\n  MediaGallery,\n  Array,\n} from '../fields';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  AUDIO: Audio,\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  TIME: Time,\n  NUMBER: Number,\n  URL: Url,\n  IMAGE: ImageInput,\n  VIDEO: Video,\n  REFERENCE: Reference,\n  MULTI_REFERENCE: MultiReference,\n  OBJECT: Object,\n  ARRAY: Array,\n  ADDRESS: Address,\n  RICH_CONTENT: RichContent,\n  RICH_TEXT: RichText,\n  DOCUMENT: Document,\n  MULTI_DOCUMENT: MultiDocument,\n  EMAIL: Email,\n  MEDIA_GALLERY: MediaGallery,\n  COLOR: Color,\n};\n\nexport interface FormFieldProps {\n  field: Field;\n  inputRef?: BaseInputProps<any>['inputRef'];\n  formControl?: Control<any>;\n  data?: Record<string, any>;\n}\n\nexport const FormField: React.FC<FormFieldProps> = ({\n  field,\n  inputRef,\n  formControl,\n  data,\n}) => {\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n  });\n\n  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {\n    return null;\n  }\n\n  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type]!;\n\n  return (\n    <FieldInput\n      field={field}\n      value={controller.field.value}\n      onChange={controller.field.onChange}\n      dataHook={`form-field-${field.id}`}\n      inputRef={inputRef}\n      formControl={formControl}\n      data={data ?? {}}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAyBmB,IAAAG,YAAA;AAEZ,MAAMC,uBAEZ,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACFE,KAAK,EAAEC,aAAK;EACZC,UAAU,EAAEC,iBAAS;EACrBC,SAAS,EAAEC,gBAAQ;EACnBC,OAAO,EAAEC,gBAAQ;EACjBC,IAAI,EAAEC,iBAAS;EACfC,QAAQ,EAAEC,gBAAQ;EAClBC,IAAI,EAAEC,YAAI;EACVC,MAAM,EAAEC,cAAM;EACdC,GAAG,EAAEC,WAAG;EACRC,KAAK,EAAEC,kBAAU;EACjBC,KAAK,EAAEC,aAAK;EACZC,SAAS,EAAEC,iBAAS;EACpBC,eAAe,EAAEC,sBAAc;EAC/BC,MAAM,EAAEC,cAAM;EACdC,KAAK,EAAEC,aAAK;EACZC,OAAO,EAAEC,eAAO;EAChBC,YAAY,EAAEC,mBAAW;EACzBC,SAAS,EAAEC,gBAAQ;EACnBC,QAAQ,EAAEC,gBAAQ;EAClBC,cAAc,EAAEC,qBAAa;EAC7BC,KAAK,EAAEC,aAAK;EACZC,aAAa,EAAEC,oBAAY;EAC3BC,KAAK,EAAEC;AACT,CAAC;AASM,MAAMC,SAAmC,GAAGA,CAAC;EAClDC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,WAAW;IACpBO,YAAY,EAAEN,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAACxD,uBAAuB,CAAC2D,cAAc,CAACV,KAAK,CAACW,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAG7D,uBAAuB,CAACiD,KAAK,CAACW,IAAI,CAAE;EAEvD,oBACElE,MAAA,CAAAoE,OAAA,CAAAC,aAAA,CAACF,UAAU;IACTZ,KAAK,EAAEA,KAAM;IACbe,KAAK,EAAEX,UAAU,CAACJ,KAAK,CAACe,KAAM;IAC9BC,QAAQ,EAAEZ,UAAU,CAACJ,KAAK,CAACgB,QAAS;IACpCC,QAAQ,EAAE,cAAcjB,KAAK,CAACO,EAAE,EAAG;IACnCN,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC,CAAE;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClB,CAAC;AAEN,CAAC;AAACtE,OAAA,CAAA+C,SAAA,GAAAA,SAAA","ignoreList":[]}