@wix/auto-patterns 1.55.0 → 1.56.0

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

@@ -0,0 +1,75 @@
+import { useCallback, useMemo, useState } from 'react';
+import { mediaURItoImageURL, mediaURItoVideoURL, ThumbnailSize } from '../../cms-fields/auto-cms-field-types';
+export const useVideoPreview = _ref => {
+  let {
+    videoUri
+  } = _ref;
+  const [isPreviewOpen, setIsPreviewOpen] = useState(false);
+  const videoUrl = useMemo(() => {
+    if (!videoUri) {
+      return undefined;
+    }
+    try {
+      return mediaURItoVideoURL(videoUri);
+    } catch {
+      return undefined;
+    }
+  }, [videoUri]);
+  const posterUrl = useMemo(() => {
+    if (!videoUri) {
+      return undefined;
+    }
+    try {
+      return mediaURItoImageURL(videoUri, ThumbnailSize.L);
+    } catch {
+      return undefined;
+    }
+  }, [videoUri]);
+  const openPreview = useCallback(() => {
+    if (videoUrl) {
+      setIsPreviewOpen(true);
+    }
+  }, [videoUrl]);
+  const closePreview = useCallback(() => setIsPreviewOpen(false), []);
+  const handleDownload = 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
+  };
+};
+//# sourceMappingURL=useVideoPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","mediaURItoImageURL","mediaURItoVideoURL","ThumbnailSize","useVideoPreview","_ref","videoUri","isPreviewOpen","setIsPreviewOpen","videoUrl","undefined","posterUrl","L","openPreview","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"],"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":"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","ignoreList":[]}

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

@@ -0,0 +1,81 @@
+import React from 'react';
+import { Card, Cell, Layout } from '@wix/design-system';
+import { SettingsPage, EntityPage } from '@wix/patterns';
+import { useAutoPatternsOverridesContext } from '../../providers';
+const SkeletonCardLayout = _ref => {
+  var _content$container$ch;
+  let {
+    content,
+    level,
+    sectionId,
+    cardIndex,
+    contentIndex
+  } = _ref;
+  const overrides = 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.createElement(Cell, {
+        span: content.container.span
+      }, /*#__PURE__*/React.createElement(Layout, null, content.container.children.map((child, index) => /*#__PURE__*/React.createElement(SkeletonCardLayout, {
+        key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        content: child,
+        level: level + 1,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index
+      }))));
+    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.createElement(Cell, {
+          span: content.component.span
+        }, /*#__PURE__*/React.createElement(Component, {
+          form: undefined,
+          entity: undefined
+        }));
+      }
+    default:
+      return null;
+  }
+};
+export const ContentCardSkeleton = _ref2 => {
+  var _layout$card$subtitle;
+  let {
+    type = 'entity',
+    layout,
+    sectionId,
+    cardIndex
+  } = _ref2;
+  const Component = type === 'settings' ? SettingsPage : EntityPage;
+  switch (layout.type) {
+    case 'card':
+      return /*#__PURE__*/React.createElement(Component.Card, {
+        minHeight: "50px"
+      }, /*#__PURE__*/React.createElement(Card.Header, {
+        title: layout.card.title.text,
+        subtitle: (_layout$card$subtitle = layout.card.subtitle) == null ? void 0 : _layout$card$subtitle.text
+      }), /*#__PURE__*/React.createElement(Card.Divider, null), /*#__PURE__*/React.createElement(Card.Content, null, /*#__PURE__*/React.createElement(Layout, null, layout.card.children.map((child, index) => /*#__PURE__*/React.createElement(SkeletonCardLayout, {
+        key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        content: child,
+        level: 0,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index
+      })))));
+    default:
+      return null;
+  }
+};
+//# sourceMappingURL=ContentCardSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Card","Cell","Layout","SettingsPage","EntityPage","useAutoPatternsOverridesContext","SkeletonCardLayout","_ref","_content$container$ch","content","level","sectionId","cardIndex","contentIndex","overrides","type","container","children","length","createElement","span","map","child","index","key","_overrides$components","component","componentId","Component","components","form","undefined","entity","ContentCardSkeleton","_ref2","_layout$card$subtitle","layout","minHeight","Header","title","card","text","subtitle","Divider","Content"],"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/esm/components/layouts/ContentSkeleton.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SettingsPage, EntityPage, useSettingsPage, useEntityPage } from '@wix/patterns';
 import { useForm } from '@wix/patterns/form';
-import { ContentCard } from './ContentCard';
+import { ContentCardSkeleton } from './ContentCardSkeleton';
 export const ContentSkeleton = _ref => {
   var _pageConfig$layout, _pageConfig$layout2, _pageConfig$layout$si;
   let {
@@ -30,13 +30,13 @@ export const ContentSkeleton = _ref => {
     title: {
       text: ''
     }
-  }), /*#__PURE__*/React.createElement(Component.Content, null, /*#__PURE__*/React.createElement(Component.MainContent, null, (_pageConfig$layout = pageConfig.layout) == null || (_pageConfig$layout = _pageConfig$layout.main) == null ? void 0 : _pageConfig$layout.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
+  }), /*#__PURE__*/React.createElement(Component.Content, null, /*#__PURE__*/React.createElement(Component.MainContent, null, (_pageConfig$layout = pageConfig.layout) == null || (_pageConfig$layout = _pageConfig$layout.main) == null ? void 0 : _pageConfig$layout.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCardSkeleton, {
     key: `main-section-card-${layoutIndex}`,
     type: type,
     layout: layout,
     sectionId: "main",
     cardIndex: layoutIndex
-  }))), (_pageConfig$layout2 = pageConfig.layout) != null && _pageConfig$layout2.sidebar ? /*#__PURE__*/React.createElement(Component.AdditionalContent, null, (_pageConfig$layout$si = pageConfig.layout.sidebar) == null ? void 0 : _pageConfig$layout$si.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
+  }))), (_pageConfig$layout2 = pageConfig.layout) != null && _pageConfig$layout2.sidebar ? /*#__PURE__*/React.createElement(Component.AdditionalContent, null, (_pageConfig$layout$si = pageConfig.layout.sidebar) == null ? void 0 : _pageConfig$layout$si.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCardSkeleton, {
     key: `sidebar-section-card-${layoutIndex}`,
     type: type,
     layout: layout,

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

@@ -1 +1 @@
-{"version":3,"names":["React","SettingsPage","EntityPage","useSettingsPage","useEntityPage","useForm","ContentCard","ContentSkeleton","_ref","_pageConfig$layout","_pageConfig$layout2","_pageConfig$layout$si","type","pageConfig","Component","form","settingsState","onSave","onCancel","fetch","Promise","entityState","parentPath","updatedEntity","createElement","state","Header","title","text","Content","MainContent","layout","main","map","layoutIndex","key","sectionId","cardIndex","sidebar","AdditionalContent"],"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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,YAAY,EACZC,UAAU,EACVC,eAAe,EACfC,aAAa,QACR,eAAe;AACtB,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,WAAW,QAAQ,eAAe;AAQ3C,OAAO,MAAMC,eAAe,GAAGC,IAAA,IAGH;EAAA,IAAAC,kBAAA,EAAAC,mBAAA,EAAAC,qBAAA;EAAA,IAHI;IAC9BC,IAAI,GAAG,QAAQ;IACfC;EACoB,CAAC,GAAAL,IAAA;EACrB,MAAMM,SAAS,GAAGF,IAAI,KAAK,UAAU,GAAGX,YAAY,GAAGC,UAAU;EACjE,MAAMa,IAAI,GAAGV,OAAO,CAAC,CAAC;EAEtB,MAAMW,aAAa,GAAGb,eAAe,CAAW;IAC9CY,IAAI;IACJE,MAAM,EAAE,MAAAA,CAAA,KAAY,CAAC,CAAC;IACtBC,QAAQ,EAAE,MAAAA,CAAA,KAAY,CAAC,CAAC;IACxBC,KAAK,EAAE,MAAAA,CAAA,KAAY,IAAIC,OAAO,CAAC,MAAM,CAAC,CAAC;EACzC,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGjB,aAAa,CAAW;IAC1CkB,UAAU,EAAE,EAAE;IACdP,IAAI;IACJE,MAAM,EAAE,MAAAA,CAAA,MAAa;MAAEM,aAAa,EAAE,CAAC;IAAE,CAAC,CAAC;IAC3CJ,KAAK,EAAE,MAAAA,CAAA,KAAY,IAAIC,OAAO,CAAC,MAAM,CAAC,CAAC;EACzC,CAAC,CAAC;EAEF,oBACEpB,KAAA,CAAAwB,aAAA,CAACV,SAAS;IACRW,KAAK,EAAEb,IAAI,KAAK,UAAU,GAAGI,aAAa,GAAIK;EAAoB,gBAElErB,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACY,MAAM;IAACC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAG;EAAE,CAAE,CAAC,eACzC5B,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACe,OAAO,qBAChB7B,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACgB,WAAW,SAAArB,kBAAA,GACnBI,UAAU,CAACkB,MAAM,cAAAtB,kBAAA,GAAjBA,kBAAA,CAAmBuB,IAAI,qBAAvBvB,kBAAA,CAAyBwB,GAAG,CAAC,CAACF,MAAM,EAAEG,WAAW,kBAChDlC,KAAA,CAAAwB,aAAA,CAAClB,WAAW;IACV6B,GAAG,EAAE,qBAAqBD,WAAW,EAAG;IACxCtB,IAAI,EAAEA,IAAK;IACXmB,MAAM,EAAEA,MAAO;IACfK,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAEH;EAAY,CACxB,CACF,CACoB,CAAC,EACvB,CAAAxB,mBAAA,GAAAG,UAAU,CAACkB,MAAM,aAAjBrB,mBAAA,CAAmB4B,OAAO,gBACzBtC,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACyB,iBAAiB,SAAA5B,qBAAA,GACzBE,UAAU,CAACkB,MAAM,CAACO,OAAO,qBAAzB3B,qBAAA,CAA2BsB,GAAG,CAAC,CAACF,MAAM,EAAEG,WAAW,kBAClDlC,KAAA,CAAAwB,aAAA,CAAClB,WAAW;IACV6B,GAAG,EAAE,wBAAwBD,WAAW,EAAG;IAC3CtB,IAAI,EAAEA,IAAK;IACXmB,MAAM,EAAEA,MAAO;IACfK,SAAS,EAAC,SAAS;IACnBC,SAAS,EAAEH;EAAY,CACxB,CACF,CAC0B,CAAC,GAC5B,IACa,CACV,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","SettingsPage","EntityPage","useSettingsPage","useEntityPage","useForm","ContentCardSkeleton","ContentSkeleton","_ref","_pageConfig$layout","_pageConfig$layout2","_pageConfig$layout$si","type","pageConfig","Component","form","settingsState","onSave","onCancel","fetch","Promise","entityState","parentPath","updatedEntity","createElement","state","Header","title","text","Content","MainContent","layout","main","map","layoutIndex","key","sectionId","cardIndex","sidebar","AdditionalContent"],"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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,YAAY,EACZC,UAAU,EACVC,eAAe,EACfC,aAAa,QACR,eAAe;AACtB,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,mBAAmB,QAAQ,uBAAuB;AAQ3D,OAAO,MAAMC,eAAe,GAAGC,IAAA,IAGH;EAAA,IAAAC,kBAAA,EAAAC,mBAAA,EAAAC,qBAAA;EAAA,IAHI;IAC9BC,IAAI,GAAG,QAAQ;IACfC;EACoB,CAAC,GAAAL,IAAA;EACrB,MAAMM,SAAS,GAAGF,IAAI,KAAK,UAAU,GAAGX,YAAY,GAAGC,UAAU;EACjE,MAAMa,IAAI,GAAGV,OAAO,CAAC,CAAC;EAEtB,MAAMW,aAAa,GAAGb,eAAe,CAAW;IAC9CY,IAAI;IACJE,MAAM,EAAE,MAAAA,CAAA,KAAY,CAAC,CAAC;IACtBC,QAAQ,EAAE,MAAAA,CAAA,KAAY,CAAC,CAAC;IACxBC,KAAK,EAAE,MAAAA,CAAA,KAAY,IAAIC,OAAO,CAAC,MAAM,CAAC,CAAC;EACzC,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGjB,aAAa,CAAW;IAC1CkB,UAAU,EAAE,EAAE;IACdP,IAAI;IACJE,MAAM,EAAE,MAAAA,CAAA,MAAa;MAAEM,aAAa,EAAE,CAAC;IAAE,CAAC,CAAC;IAC3CJ,KAAK,EAAE,MAAAA,CAAA,KAAY,IAAIC,OAAO,CAAC,MAAM,CAAC,CAAC;EACzC,CAAC,CAAC;EAEF,oBACEpB,KAAA,CAAAwB,aAAA,CAACV,SAAS;IACRW,KAAK,EAAEb,IAAI,KAAK,UAAU,GAAGI,aAAa,GAAIK;EAAoB,gBAElErB,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACY,MAAM;IAACC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAG;EAAE,CAAE,CAAC,eACzC5B,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACe,OAAO,qBAChB7B,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACgB,WAAW,SAAArB,kBAAA,GACnBI,UAAU,CAACkB,MAAM,cAAAtB,kBAAA,GAAjBA,kBAAA,CAAmBuB,IAAI,qBAAvBvB,kBAAA,CAAyBwB,GAAG,CAAC,CAACF,MAAM,EAAEG,WAAW,kBAChDlC,KAAA,CAAAwB,aAAA,CAAClB,mBAAmB;IAClB6B,GAAG,EAAE,qBAAqBD,WAAW,EAAG;IACxCtB,IAAI,EAAEA,IAAK;IACXmB,MAAM,EAAEA,MAAO;IACfK,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAEH;EAAY,CACxB,CACF,CACoB,CAAC,EACvB,CAAAxB,mBAAA,GAAAG,UAAU,CAACkB,MAAM,aAAjBrB,mBAAA,CAAmB4B,OAAO,gBACzBtC,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACyB,iBAAiB,SAAA5B,qBAAA,GACzBE,UAAU,CAACkB,MAAM,CAACO,OAAO,qBAAzB3B,qBAAA,CAA2BsB,GAAG,CAAC,CAACF,MAAM,EAAEG,WAAW,kBAClDlC,KAAA,CAAAwB,aAAA,CAAClB,mBAAmB;IAClB6B,GAAG,EAAE,wBAAwBD,WAAW,EAAG;IAC3CtB,IAAI,EAAEA,IAAK;IACXmB,MAAM,EAAEA,MAAO;IACfK,SAAS,EAAC,SAAS;IACnBC,SAAS,EAAEH;EAAY,CACxB,CACF,CAC0B,CAAC,GAC5B,IACa,CACV,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useController } from '@wix/patterns/form';
-import { Audio, ShortText, LongText, Checkbox, Color, DateInput, DateTime, Time, Number, Url, Email, ImageInput, Reference, Object, Address, RichContent, RichText, Document, MultiDocument, MultiReference, MediaGallery, Array } from '../fields';
+import { Audio, ShortText, LongText, Checkbox, Color, DateInput, DateTime, Time, Number, Url, Email, ImageInput, Reference, Object, Address, RichContent, RichText, Document, MultiDocument, MultiReference, Video, MediaGallery, Array } from '../fields';
 export const EDITABLE_INPUT_ELEMENTS = {
   AUDIO: Audio,
   SHORT_TEXT: ShortText,
@@ -12,6 +12,7 @@ export const EDITABLE_INPUT_ELEMENTS = {
   NUMBER: Number,
   URL: Url,
   IMAGE: ImageInput,
+  VIDEO: Video,
   REFERENCE: Reference,
   MULTI_REFERENCE: MultiReference,
   OBJECT: Object,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useController","Audio","ShortText","LongText","Checkbox","Color","DateInput","DateTime","Time","Number","Url","Email","ImageInput","Reference","Object","Address","RichContent","RichText","Document","MultiDocument","MultiReference","MediaGallery","Array","EDITABLE_INPUT_ELEMENTS","AUDIO","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","TIME","NUMBER","URL","IMAGE","REFERENCE","MULTI_REFERENCE","OBJECT","ARRAY","ADDRESS","RICH_CONTENT","RICH_TEXT","DOCUMENT","MULTI_DOCUMENT","EMAIL","MEDIA_GALLERY","COLOR","FormField","_ref","field","inputRef","formControl","data","controller","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","createElement","value","onChange","dataHook"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAiB,oBAAoB;AAE3D,SACEC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,UAAU,EACVC,SAAS,EAETC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,YAAY,EACZC,KAAK,QACA,WAAW;AAElB,OAAO,MAAMC,uBAEZ,GAAG;EACFC,KAAK,EAAEvB,KAAK;EACZwB,UAAU,EAAEvB,SAAS;EACrBwB,SAAS,EAAEvB,QAAQ;EACnBwB,OAAO,EAAEvB,QAAQ;EACjBwB,IAAI,EAAEtB,SAAS;EACfuB,QAAQ,EAAEtB,QAAQ;EAClBuB,IAAI,EAAEtB,IAAI;EACVuB,MAAM,EAAEtB,MAAM;EACduB,GAAG,EAAEtB,GAAG;EACRuB,KAAK,EAAErB,UAAU;EACjBsB,SAAS,EAAErB,SAAS;EACpBsB,eAAe,EAAEf,cAAc;EAC/BgB,MAAM,EAAEtB,MAAM;EACduB,KAAK,EAAEf,KAAK;EACZgB,OAAO,EAAEvB,OAAO;EAChBwB,YAAY,EAAEvB,WAAW;EACzBwB,SAAS,EAAEvB,QAAQ;EACnBwB,QAAQ,EAAEvB,QAAQ;EAClBwB,cAAc,EAAEvB,aAAa;EAC7BwB,KAAK,EAAEhC,KAAK;EACZiC,aAAa,EAAEvB,YAAY;EAC3BwB,KAAK,EAAExC;AACT,CAAC;AASD,OAAO,MAAMyC,SAAmC,GAAGC,IAAA,IAK7C;EAAA,IAL8C;IAClDC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,UAAU,GAAGpD,aAAa,CAAC;IAC/BqD,IAAI,EAAE,CAAAL,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEL,WAAW;IACpBM,YAAY,EAAEL,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAAC/B,uBAAuB,CAACkC,cAAc,CAACT,KAAK,CAACU,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAGpC,uBAAuB,CAACyB,KAAK,CAACU,IAAI,CAAE;EAEvD,oBACE3D,KAAA,CAAA6D,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,KAAK,EAAET,UAAU,CAACJ,KAAK,CAACa,KAAM;IAC9BC,QAAQ,EAAEV,UAAU,CAACJ,KAAK,CAACc,QAAS;IACpCC,QAAQ,EAAE,cAAcf,KAAK,CAACM,EAAE,EAAG;IACnCL,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC;EAAE,CAClB,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useController","Audio","ShortText","LongText","Checkbox","Color","DateInput","DateTime","Time","Number","Url","Email","ImageInput","Reference","Object","Address","RichContent","RichText","Document","MultiDocument","MultiReference","Video","MediaGallery","Array","EDITABLE_INPUT_ELEMENTS","AUDIO","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","TIME","NUMBER","URL","IMAGE","VIDEO","REFERENCE","MULTI_REFERENCE","OBJECT","ARRAY","ADDRESS","RICH_CONTENT","RICH_TEXT","DOCUMENT","MULTI_DOCUMENT","EMAIL","MEDIA_GALLERY","COLOR","FormField","_ref","field","inputRef","formControl","data","controller","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","createElement","value","onChange","dataHook"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAiB,oBAAoB;AAE3D,SACEC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,UAAU,EACVC,SAAS,EAETC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,KAAK,EACLC,YAAY,EACZC,KAAK,QACA,WAAW;AAElB,OAAO,MAAMC,uBAEZ,GAAG;EACFC,KAAK,EAAExB,KAAK;EACZyB,UAAU,EAAExB,SAAS;EACrByB,SAAS,EAAExB,QAAQ;EACnByB,OAAO,EAAExB,QAAQ;EACjByB,IAAI,EAAEvB,SAAS;EACfwB,QAAQ,EAAEvB,QAAQ;EAClBwB,IAAI,EAAEvB,IAAI;EACVwB,MAAM,EAAEvB,MAAM;EACdwB,GAAG,EAAEvB,GAAG;EACRwB,KAAK,EAAEtB,UAAU;EACjBuB,KAAK,EAAEd,KAAK;EACZe,SAAS,EAAEvB,SAAS;EACpBwB,eAAe,EAAEjB,cAAc;EAC/BkB,MAAM,EAAExB,MAAM;EACdyB,KAAK,EAAEhB,KAAK;EACZiB,OAAO,EAAEzB,OAAO;EAChB0B,YAAY,EAAEzB,WAAW;EACzB0B,SAAS,EAAEzB,QAAQ;EACnB0B,QAAQ,EAAEzB,QAAQ;EAClB0B,cAAc,EAAEzB,aAAa;EAC7B0B,KAAK,EAAElC,KAAK;EACZmC,aAAa,EAAExB,YAAY;EAC3ByB,KAAK,EAAE1C;AACT,CAAC;AASD,OAAO,MAAM2C,SAAmC,GAAGC,IAAA,IAK7C;EAAA,IAL8C;IAClDC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,UAAU,GAAGtD,aAAa,CAAC;IAC/BuD,IAAI,EAAE,CAAAL,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEL,WAAW;IACpBM,YAAY,EAAEL,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAAChC,uBAAuB,CAACmC,cAAc,CAACT,KAAK,CAACU,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAGrC,uBAAuB,CAAC0B,KAAK,CAACU,IAAI,CAAE;EAEvD,oBACE7D,KAAA,CAAA+D,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,KAAK,EAAET,UAAU,CAACJ,KAAK,CAACa,KAAM;IAC9BC,QAAQ,EAAEV,UAAU,CAACJ,KAAK,CAACc,QAAS;IACpCC,QAAQ,EAAE,cAAcf,KAAK,CAACM,EAAE,EAAG;IACnCL,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC;EAAE,CAClB,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/components/layouts/ViewField.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Box, Text } from '@wix/design-system';
 import { ReferenceViewField } from '../ReferenceViewField';
+import { ImageViewField } from '../fields/ImageViewField';
+import { VideoViewField } from '../fields/VideoViewField';
 import { AudioView } from '../../cms-fields/components/audio/audio-field/audio-view';
 import { DocumentView } from '../../cms-fields/components/document/document-view';
 import { MultiDocumentView } from '../../cms-fields/components/multi-document/multi-document-view/multi-document-view';
@@ -31,60 +33,56 @@ const getDisplayValue = value => {
   }
   return String(value);
 };
-const isEmptyValue = value => {
-  if (value === null || value === undefined) {
-    return true;
-  }
-  if (Array.isArray(value) && value.length === 0) {
-    return true;
-  }
-  return false;
-};
-const ViewFieldContent = _ref => {
-  let {
-    field,
-    value
-  } = _ref;
-  if (isEmptyValue(value)) {
-    return /*#__PURE__*/React.createElement(Text, null, "-");
-  }
-  switch (field.type) {
-    case 'REFERENCE':
-      return /*#__PURE__*/React.createElement(ReferenceViewField, {
-        field: field,
-        value: value
-      });
-    case 'MULTI_REFERENCE':
-      return /*#__PURE__*/React.createElement(MultiReferenceViewField, {
-        field: field,
-        value: value
-      });
-    case 'AUDIO':
-      return /*#__PURE__*/React.createElement(AudioView, {
-        data: value
-      });
-    case 'DOCUMENT':
-      return /*#__PURE__*/React.createElement(DocumentView, {
-        data: value
-      });
-    case 'MULTI_DOCUMENT':
-      return /*#__PURE__*/React.createElement(MultiDocumentView, {
-        data: value
-      });
-    case 'ADDRESS':
-      return /*#__PURE__*/React.createElement(AddressView, {
-        data: value
-      });
-    default:
-      return /*#__PURE__*/React.createElement(Text, null, getDisplayValue(value));
-  }
-};
-export const ViewField = _ref2 => {
+export const ViewField = _ref => {
   let {
     field,
     data
-  } = _ref2;
+  } = _ref;
   const fieldValue = data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''];
+  const renderContent = () => {
+    switch (field.type) {
+      case 'REFERENCE':
+        return /*#__PURE__*/React.createElement(ReferenceViewField, {
+          field: field,
+          value: fieldValue
+        });
+      case 'MULTI_REFERENCE':
+        return /*#__PURE__*/React.createElement(MultiReferenceViewField, {
+          field: field,
+          value: fieldValue
+        });
+      case 'IMAGE':
+        return /*#__PURE__*/React.createElement(ImageViewField, {
+          value: fieldValue,
+          displayName: field.displayName,
+          id: field.id
+        });
+      case 'VIDEO':
+        return /*#__PURE__*/React.createElement(VideoViewField, {
+          value: fieldValue,
+          displayName: field.displayName,
+          id: field.id
+        });
+      case 'AUDIO':
+        return /*#__PURE__*/React.createElement(AudioView, {
+          data: fieldValue
+        });
+      case 'DOCUMENT':
+        return /*#__PURE__*/React.createElement(DocumentView, {
+          data: fieldValue
+        });
+      case 'MULTI_DOCUMENT':
+        return /*#__PURE__*/React.createElement(MultiDocumentView, {
+          data: fieldValue
+        });
+      case 'ADDRESS':
+        return /*#__PURE__*/React.createElement(AddressView, {
+          data: fieldValue
+        });
+      default:
+        return /*#__PURE__*/React.createElement(Text, null, getDisplayValue(fieldValue));
+    }
+  };
   return /*#__PURE__*/React.createElement(Box, {
     direction: "vertical",
     gap: "4px",
@@ -92,9 +90,6 @@ export const ViewField = _ref2 => {
   }, /*#__PURE__*/React.createElement(Text, {
     size: "small",
     secondary: true
-  }, field.displayName || field.id), /*#__PURE__*/React.createElement(ViewFieldContent, {
-    field: field,
-    value: fieldValue
-  }));
+  }, field.displayName || field.id), renderContent());
 };
 //# sourceMappingURL=ViewField.js.map

package/dist/esm/components/layouts/ViewField.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Box","Text","ReferenceViewField","AudioView","DocumentView","MultiDocumentView","MultiReferenceViewField","AddressView","getDisplayValue","value","undefined","String","Array","isArray","length","join","Date","toLocaleDateString","toString","Object","prototype","JSON","stringify","isEmptyValue","ViewFieldContent","_ref","field","createElement","type","data","ViewField","_ref2","fieldValue","id","direction","gap","dataHook","size","secondary","displayName"],"sources":["../../../../src/components/layouts/ViewField.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { Field } from '../../types';\nimport { ReferenceViewField } from '../ReferenceViewField';\nimport { AudioView } from '../../cms-fields/components/audio/audio-field/audio-view';\nimport { DocumentView } from '../../cms-fields/components/document/document-view';\nimport { MultiDocumentView } from '../../cms-fields/components/multi-document/multi-document-view/multi-document-view';\nimport { MultiReferenceViewField } from '../MultiReferenceViewField';\nimport { AddressView } from '../../cms-fields/components/address';\nimport { Address } from '../../cms-fields/types/address';\n\n// Safe display value conversion for all field types\nconst getDisplayValue = (value: any): string => {\n  if (value === null || value === undefined) {\n    return '-';\n  }\n  if (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  ) {\n    return String(value);\n  }\n  if (Array.isArray(value)) {\n    return value.length > 0 ? value.join(', ') : '-';\n  }\n  if (typeof value === 'object') {\n    // Handle dates\n    if (value instanceof Date) {\n      return value.toLocaleDateString();\n    }\n    // Handle objects with display properties\n    if (value.toString && value.toString !== Object.prototype.toString) {\n      return value.toString();\n    }\n    // Fallback for complex objects\n    return JSON.stringify(value);\n  }\n  return String(value);\n};\n\nconst isEmptyValue = (value: any): boolean => {\n  if (value === null || value === undefined) {\n    return true;\n  }\n  if (Array.isArray(value) && value.length === 0) {\n    return true;\n  }\n  return false;\n};\n\ninterface ViewFieldContentProps {\n  field: Field;\n  value: unknown;\n}\n\nconst ViewFieldContent: React.FC<ViewFieldContentProps> = ({\n  field,\n  value,\n}) => {\n  if (isEmptyValue(value)) {\n    return <Text>-</Text>;\n  }\n\n  switch (field.type) {\n    case 'REFERENCE':\n      return <ReferenceViewField field={field} value={value} />;\n    case 'MULTI_REFERENCE':\n      return <MultiReferenceViewField field={field} value={value} />;\n    case 'AUDIO':\n      return <AudioView data={value as string} />;\n    case 'DOCUMENT':\n      return <DocumentView data={value as string} />;\n    case 'MULTI_DOCUMENT':\n      return <MultiDocumentView data={value as string[]} />;\n    case 'ADDRESS':\n      return <AddressView data={value as Address} />;\n    default:\n      return <Text>{getDisplayValue(value)}</Text>;\n  }\n};\n\nexport interface ViewFieldProps {\n  field: Field;\n  data?: Record<string, any>;\n}\n\nexport const ViewField: React.FC<ViewFieldProps> = ({ field, data }) => {\n  const fieldValue = data?.[field?.id ?? ''];\n\n  return (\n    <Box direction=\"vertical\" gap=\"4px\" dataHook={`view-field-${field.id}`}>\n      <Text size=\"small\" secondary>\n        {field.displayName || field.id}\n      </Text>\n      <ViewFieldContent field={field} value={fieldValue} />\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Box","Text","ReferenceViewField","ImageViewField","VideoViewField","AudioView","DocumentView","MultiDocumentView","MultiReferenceViewField","AddressView","getDisplayValue","value","undefined","String","Array","isArray","length","join","Date","toLocaleDateString","toString","Object","prototype","JSON","stringify","ViewField","_ref","field","data","fieldValue","id","renderContent","type","createElement","displayName","direction","gap","dataHook","size","secondary"],"sources":["../../../../src/components/layouts/ViewField.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { Field } from '../../types';\nimport { ReferenceViewField } from '../ReferenceViewField';\nimport { ImageViewField } from '../fields/ImageViewField';\nimport { VideoViewField } from '../fields/VideoViewField';\nimport { AudioView } from '../../cms-fields/components/audio/audio-field/audio-view';\nimport { DocumentView } from '../../cms-fields/components/document/document-view';\nimport { MultiDocumentView } from '../../cms-fields/components/multi-document/multi-document-view/multi-document-view';\nimport { MultiReferenceViewField } from '../MultiReferenceViewField';\nimport { AddressView } from '../../cms-fields/components/address';\nimport { Address } from '../../cms-fields/types/address';\n\n// Safe display value conversion for all field types\nconst getDisplayValue = (value: unknown): string => {\n  if (value === null || value === undefined) {\n    return '-';\n  }\n  if (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  ) {\n    return String(value);\n  }\n  if (Array.isArray(value)) {\n    return value.length > 0 ? value.join(', ') : '-';\n  }\n  if (typeof value === 'object') {\n    // Handle dates\n    if (value instanceof Date) {\n      return value.toLocaleDateString();\n    }\n    // Handle objects with display properties\n    if (\n      value.toString &&\n      value.toString !== Object.prototype.toString\n    ) {\n      return value.toString();\n    }\n    // Fallback for complex objects\n    return JSON.stringify(value);\n  }\n  return String(value);\n};\n\nexport interface ViewFieldProps {\n  field: Field;\n  data?: Record<string, unknown>;\n}\n\nexport const ViewField: React.FC<ViewFieldProps> = ({ field, data }) => {\n  const fieldValue = data?.[field?.id ?? ''];\n\n  const renderContent = () => {\n    switch (field.type) {\n      case 'REFERENCE':\n        return <ReferenceViewField field={field} value={fieldValue} />;\n      case 'MULTI_REFERENCE':\n        return <MultiReferenceViewField field={field} value={fieldValue} />;\n      case 'IMAGE':\n        return (\n          <ImageViewField\n            value={fieldValue}\n            displayName={field.displayName}\n            id={field.id}\n          />\n        );\n      case 'VIDEO':\n        return (\n          <VideoViewField\n            value={fieldValue}\n            displayName={field.displayName}\n            id={field.id}\n          />\n        );\n      case 'AUDIO':\n        return <AudioView data={fieldValue as string} />;\n      case 'DOCUMENT':\n        return <DocumentView data={fieldValue as string} />;\n      case 'MULTI_DOCUMENT':\n        return <MultiDocumentView data={fieldValue as string[]} />;\n      case 'ADDRESS':\n        return <AddressView data={fieldValue as Address} />;\n      default:\n        return <Text>{getDisplayValue(fieldValue)}</Text>;\n    }\n  };\n\n  return (\n    <Box direction=\"vertical\" gap=\"4px\" dataHook={`view-field-${field.id}`}>\n      <Text size=\"small\" secondary>\n        {field.displayName || field.id}\n      </Text>\n      {renderContent()}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/dataSourceAdapters/cms/cmsAdapter.js

@@ -24,6 +24,7 @@ export const CmsFieldTypeToPatternsFieldType = {
   [collections.Type.REFERENCE]: 'REFERENCE',
   [collections.Type.MULTI_REFERENCE]: 'MULTI_REFERENCE',
   [collections.Type.IMAGE]: 'IMAGE',
+  [collections.Type.VIDEO]: 'VIDEO',
   [collections.Type.MEDIA_GALLERY]: 'MEDIA_GALLERY',
   [collections.Type.DOCUMENT]: 'DOCUMENT',
   [collections.Type.ARRAY_DOCUMENT]: 'MULTI_DOCUMENT',

package/dist/esm/dataSourceAdapters/cms/cmsAdapter.js.map

@@ -1 +1 @@
-{"version":3,"names":["collections","items","fetchCmsData","errorHandler","createCmsBackupConfig","CMS_EMAIL_TYPE","CmsFieldTypeToPatternsFieldType","Type","TEXT","DATE","DATETIME","TIME","NUMBER","BOOLEAN","URL","ADDRESS","OBJECT","RICH_TEXT","RICH_CONTENT","ARRAY","ARRAY_STRING","REFERENCE","MULTI_REFERENCE","IMAGE","MEDIA_GALLERY","DOCUMENT","ARRAY_DOCUMENT","AUDIO","LEGACY_COLOR","fetchCmsSchema","collectionId","schema","withErrorHandler","getDataCollection","getReferenceFields","fields","Object","values","filter","f","type","updateMultiReferences","entityId","entity","multiReferenceFields","Promise","all","map","field","rawValue","id","multipleReferenceValues","multipleReferenceIds","value","_id","replaceReferences","transformCmsSchema","transformedFields","reduce","acc","_field$capabilities","_field$capabilities2","_field$typeMetadata","_field$typeMetadata2","key","fieldType","baseField","displayName","validation","numberRange","min","undefined","max","stringLengthRange","minLength","maxLength","required","capabilities","supportedQueryOperators","queryOperators","sortable","referencedCollectionId","typeMetadata","reference","multiReference","isReference","referenceMetadata","referenceFields","allReferenceFieldIds","schemaConfig","displayField","idField","actions","get","dataQuery","query","eq","length","include","res","find","returnTotalCount","Error","create","created","insert","createdId","update","delete","remove","bulkDelete","entityIds","bulkRemove","options","backup","bulkInsert","entities","inserted","updated","errors","succeeded","failed","e","rowIndex","originalIndex","message","code"],"sources":["../../../../src/dataSourceAdapters/cms/cmsAdapter.ts"],"sourcesContent":["import { Field, PatternsFieldType, SchemaConfig } from '../../types';\nimport { collections, items } from '@wix/data';\nimport { fetchCmsData } from './fetchCmsData';\nimport { errorHandler } from '@wix/essentials';\nimport { createCmsBackupConfig } from './cmsBackup';\n\n// The CMS backend returns 'EMAIL' as a field type but the @wix/data SDK\n// doesn't expose it in collections.Type. We use a string literal as a workaround until the SDK is updated.\n// TODO: remove this once the SDK is updated\nconst CMS_EMAIL_TYPE = 'EMAIL' as collections.Type;\n\nexport const CmsFieldTypeToPatternsFieldType: Partial<\n  Record<collections.Type, PatternsFieldType>\n> = {\n  [collections.Type.TEXT]: 'SHORT_TEXT',\n  [collections.Type.DATE]: 'DATE',\n  [collections.Type.DATETIME]: 'DATETIME',\n  [collections.Type.TIME]: 'TIME',\n  [collections.Type.NUMBER]: 'NUMBER',\n  [collections.Type.BOOLEAN]: 'BOOLEAN',\n  [collections.Type.URL]: 'URL',\n  [collections.Type.ADDRESS]: 'ADDRESS',\n  [collections.Type.OBJECT]: 'OBJECT',\n  [collections.Type.RICH_TEXT]: 'RICH_TEXT',\n  [collections.Type.RICH_CONTENT]: 'RICH_CONTENT',\n  [collections.Type.ARRAY]: 'ARRAY',\n  [collections.Type.ARRAY_STRING]: 'ARRAY',\n  [collections.Type.REFERENCE]: 'REFERENCE',\n  [collections.Type.MULTI_REFERENCE]: 'MULTI_REFERENCE',\n  [collections.Type.IMAGE]: 'IMAGE',\n  [collections.Type.MEDIA_GALLERY]: 'MEDIA_GALLERY',\n  [collections.Type.DOCUMENT]: 'DOCUMENT',\n  [collections.Type.ARRAY_DOCUMENT]: 'MULTI_DOCUMENT',\n  [collections.Type.AUDIO]: 'AUDIO',\n  [CMS_EMAIL_TYPE]: 'EMAIL',\n  [collections.Type.LEGACY_COLOR]: 'COLOR',\n};\n\nexport async function fetchCmsSchema(\n  collectionId: string,\n): Promise<collections.DataCollection> {\n  const schema = await errorHandler.withErrorHandler(\n    async () => collections.getDataCollection(collectionId),\n    {},\n  );\n  return schema;\n}\n\nconst getReferenceFields = (fields: Record<string, Field>) =>\n  Object.values(fields).filter(\n    (f): f is Field => f?.type === 'REFERENCE' || f?.type === 'MULTI_REFERENCE',\n  );\n\nconst updateMultiReferences = async (\n  collectionId: string,\n  entityId: string,\n  entity: Record<string, any>,\n  multiReferenceFields: Field[],\n) => {\n  await Promise.all(\n    multiReferenceFields.map(async (field) => {\n      const rawValue = entity[field.id];\n      const multipleReferenceValues = rawValue as Record<string, unknown>[];\n      const multipleReferenceIds = multipleReferenceValues.map(\n        (value) => value._id as string,\n      );\n\n      await items.replaceReferences(\n        collectionId,\n        field.id,\n        entityId,\n        multipleReferenceIds,\n      );\n    }),\n  );\n};\n\nexport function transformCmsSchema(\n  schema: collections.DataCollection,\n): SchemaConfig {\n  const collectionId = schema._id as string;\n\n  const transformedFields = (schema.fields || []).reduce<Record<string, Field>>(\n    (acc, field) => {\n      if (!field.key) {\n        return acc;\n      }\n\n      const fieldType = field.type\n        ? CmsFieldTypeToPatternsFieldType[field.type] || 'SHORT_TEXT'\n        : 'SHORT_TEXT';\n      const baseField = {\n        id: field.key,\n        displayName: field.displayName || '',\n        validation: {\n          numberRange: field.numberRange\n            ? {\n                min: field.numberRange.min ?? undefined,\n                max: field.numberRange.max ?? undefined,\n              }\n            : undefined,\n          stringLengthRange: field.stringLengthRange\n            ? {\n                minLength: field.stringLengthRange.minLength ?? undefined,\n                maxLength: field.stringLengthRange.maxLength ?? undefined,\n              }\n            : undefined,\n          required: field.required ?? false,\n        },\n        capabilities: {\n          supportedQueryOperators: field.capabilities?.queryOperators || [],\n          sortable: field.capabilities?.sortable || false,\n        },\n      };\n\n      const referencedCollectionId =\n        field.typeMetadata?.reference?.referencedCollectionId ??\n        field.typeMetadata?.multiReference?.referencedCollectionId;\n\n      const isReference =\n        fieldType === 'REFERENCE' || fieldType === 'MULTI_REFERENCE';\n\n      if (isReference && referencedCollectionId) {\n        acc[field.key] = {\n          ...baseField,\n          type: fieldType as 'REFERENCE' | 'MULTI_REFERENCE',\n          referenceMetadata: { referencedCollectionId },\n        };\n      } else {\n        acc[field.key] = {\n          ...baseField,\n          type: isReference ? 'SHORT_TEXT' : fieldType,\n        };\n      }\n\n      return acc;\n    },\n    {},\n  );\n\n  const referenceFields = getReferenceFields(transformedFields);\n  const multiReferenceFields = referenceFields.filter(\n    (f) => f.type === 'MULTI_REFERENCE',\n  );\n  const allReferenceFieldIds = referenceFields.map((f) => f.id);\n\n  const schemaConfig: SchemaConfig = {\n    id: collectionId,\n    displayField: schema.displayField ?? '_id',\n    idField: '_id',\n    fields: transformedFields,\n    actions: {\n      get: async (entityId: string) => {\n        let dataQuery = items.query(collectionId).eq('_id', entityId);\n        if (allReferenceFieldIds.length > 0) {\n          dataQuery = dataQuery.include(...allReferenceFieldIds);\n        }\n\n        const res = await dataQuery.find({ returnTotalCount: false });\n        const entity = res.items[0];\n\n        if (!entity) {\n          throw new Error(`Entity not found: ${entityId}`);\n        }\n\n        return entity;\n      },\n\n      create: async (entity) => {\n        const created = await items.insert(collectionId, entity);\n        const createdId = created._id as string;\n\n        if (createdId) {\n          await updateMultiReferences(\n            collectionId,\n            createdId,\n            entity as Record<string, unknown>,\n            multiReferenceFields,\n          );\n        }\n\n        return { ...entity, _id: createdId };\n      },\n\n      update: async (entity) => {\n        await items.update(\n          collectionId,\n          entity as typeof entity & { _id: string },\n        );\n\n        const entityId = entity._id as string;\n\n        if (entityId) {\n          await updateMultiReferences(\n            collectionId,\n            entityId,\n            entity,\n            multiReferenceFields,\n          );\n        }\n\n        return entity;\n      },\n\n      delete: (entityId) => items.remove(collectionId, entityId),\n      bulkDelete: (entityIds) => items.bulkRemove(collectionId, entityIds),\n\n      find: async (\n        query,\n        options: {\n          searchableFieldIds?: string[];\n          filterFieldMapping?: Record<string, { fieldId: string }>;\n        } = {},\n      ) => {\n        return fetchCmsData(collectionId, query, transformedFields, options);\n      },\n      backup: createCmsBackupConfig(),\n      bulkInsert: async (entities) => {\n        const { inserted, updated, errors } =\n          await errorHandler.withErrorHandler(\n            async () => items.bulkInsert(collectionId, entities),\n            {},\n          );\n\n        return {\n          succeeded: inserted + updated,\n          failed: errors.length,\n          errors: errors.map((e) => ({\n            rowIndex: e.originalIndex,\n            message: e.message,\n            code: e.code,\n          })),\n        };\n      },\n    },\n  };\n\n  return schemaConfig;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["collections","items","fetchCmsData","errorHandler","createCmsBackupConfig","CMS_EMAIL_TYPE","CmsFieldTypeToPatternsFieldType","Type","TEXT","DATE","DATETIME","TIME","NUMBER","BOOLEAN","URL","ADDRESS","OBJECT","RICH_TEXT","RICH_CONTENT","ARRAY","ARRAY_STRING","REFERENCE","MULTI_REFERENCE","IMAGE","VIDEO","MEDIA_GALLERY","DOCUMENT","ARRAY_DOCUMENT","AUDIO","LEGACY_COLOR","fetchCmsSchema","collectionId","schema","withErrorHandler","getDataCollection","getReferenceFields","fields","Object","values","filter","f","type","updateMultiReferences","entityId","entity","multiReferenceFields","Promise","all","map","field","rawValue","id","multipleReferenceValues","multipleReferenceIds","value","_id","replaceReferences","transformCmsSchema","transformedFields","reduce","acc","_field$capabilities","_field$capabilities2","_field$typeMetadata","_field$typeMetadata2","key","fieldType","baseField","displayName","validation","numberRange","min","undefined","max","stringLengthRange","minLength","maxLength","required","capabilities","supportedQueryOperators","queryOperators","sortable","referencedCollectionId","typeMetadata","reference","multiReference","isReference","referenceMetadata","referenceFields","allReferenceFieldIds","schemaConfig","displayField","idField","actions","get","dataQuery","query","eq","length","include","res","find","returnTotalCount","Error","create","created","insert","createdId","update","delete","remove","bulkDelete","entityIds","bulkRemove","options","backup","bulkInsert","entities","inserted","updated","errors","succeeded","failed","e","rowIndex","originalIndex","message","code"],"sources":["../../../../src/dataSourceAdapters/cms/cmsAdapter.ts"],"sourcesContent":["import { Field, PatternsFieldType, SchemaConfig } from '../../types';\nimport { collections, items } from '@wix/data';\nimport { fetchCmsData } from './fetchCmsData';\nimport { errorHandler } from '@wix/essentials';\nimport { createCmsBackupConfig } from './cmsBackup';\n\n// The CMS backend returns 'EMAIL' as a field type but the @wix/data SDK\n// doesn't expose it in collections.Type. We use a string literal as a workaround until the SDK is updated.\n// TODO: remove this once the SDK is updated\nconst CMS_EMAIL_TYPE = 'EMAIL' as collections.Type;\n\nexport const CmsFieldTypeToPatternsFieldType: Partial<\n  Record<collections.Type, PatternsFieldType>\n> = {\n  [collections.Type.TEXT]: 'SHORT_TEXT',\n  [collections.Type.DATE]: 'DATE',\n  [collections.Type.DATETIME]: 'DATETIME',\n  [collections.Type.TIME]: 'TIME',\n  [collections.Type.NUMBER]: 'NUMBER',\n  [collections.Type.BOOLEAN]: 'BOOLEAN',\n  [collections.Type.URL]: 'URL',\n  [collections.Type.ADDRESS]: 'ADDRESS',\n  [collections.Type.OBJECT]: 'OBJECT',\n  [collections.Type.RICH_TEXT]: 'RICH_TEXT',\n  [collections.Type.RICH_CONTENT]: 'RICH_CONTENT',\n  [collections.Type.ARRAY]: 'ARRAY',\n  [collections.Type.ARRAY_STRING]: 'ARRAY',\n  [collections.Type.REFERENCE]: 'REFERENCE',\n  [collections.Type.MULTI_REFERENCE]: 'MULTI_REFERENCE',\n  [collections.Type.IMAGE]: 'IMAGE',\n  [collections.Type.VIDEO]: 'VIDEO',\n  [collections.Type.MEDIA_GALLERY]: 'MEDIA_GALLERY',\n  [collections.Type.DOCUMENT]: 'DOCUMENT',\n  [collections.Type.ARRAY_DOCUMENT]: 'MULTI_DOCUMENT',\n  [collections.Type.AUDIO]: 'AUDIO',\n  [CMS_EMAIL_TYPE]: 'EMAIL',\n  [collections.Type.LEGACY_COLOR]: 'COLOR',\n};\n\nexport async function fetchCmsSchema(\n  collectionId: string,\n): Promise<collections.DataCollection> {\n  const schema = await errorHandler.withErrorHandler(\n    async () => collections.getDataCollection(collectionId),\n    {},\n  );\n  return schema;\n}\n\nconst getReferenceFields = (fields: Record<string, Field>) =>\n  Object.values(fields).filter(\n    (f): f is Field => f?.type === 'REFERENCE' || f?.type === 'MULTI_REFERENCE',\n  );\n\nconst updateMultiReferences = async (\n  collectionId: string,\n  entityId: string,\n  entity: Record<string, any>,\n  multiReferenceFields: Field[],\n) => {\n  await Promise.all(\n    multiReferenceFields.map(async (field) => {\n      const rawValue = entity[field.id];\n      const multipleReferenceValues = rawValue as Record<string, unknown>[];\n      const multipleReferenceIds = multipleReferenceValues.map(\n        (value) => value._id as string,\n      );\n\n      await items.replaceReferences(\n        collectionId,\n        field.id,\n        entityId,\n        multipleReferenceIds,\n      );\n    }),\n  );\n};\n\nexport function transformCmsSchema(\n  schema: collections.DataCollection,\n): SchemaConfig {\n  const collectionId = schema._id as string;\n\n  const transformedFields = (schema.fields || []).reduce<Record<string, Field>>(\n    (acc, field) => {\n      if (!field.key) {\n        return acc;\n      }\n\n      const fieldType = field.type\n        ? CmsFieldTypeToPatternsFieldType[field.type] || 'SHORT_TEXT'\n        : 'SHORT_TEXT';\n      const baseField = {\n        id: field.key,\n        displayName: field.displayName || '',\n        validation: {\n          numberRange: field.numberRange\n            ? {\n                min: field.numberRange.min ?? undefined,\n                max: field.numberRange.max ?? undefined,\n              }\n            : undefined,\n          stringLengthRange: field.stringLengthRange\n            ? {\n                minLength: field.stringLengthRange.minLength ?? undefined,\n                maxLength: field.stringLengthRange.maxLength ?? undefined,\n              }\n            : undefined,\n          required: field.required ?? false,\n        },\n        capabilities: {\n          supportedQueryOperators: field.capabilities?.queryOperators || [],\n          sortable: field.capabilities?.sortable || false,\n        },\n      };\n\n      const referencedCollectionId =\n        field.typeMetadata?.reference?.referencedCollectionId ??\n        field.typeMetadata?.multiReference?.referencedCollectionId;\n\n      const isReference =\n        fieldType === 'REFERENCE' || fieldType === 'MULTI_REFERENCE';\n\n      if (isReference && referencedCollectionId) {\n        acc[field.key] = {\n          ...baseField,\n          type: fieldType as 'REFERENCE' | 'MULTI_REFERENCE',\n          referenceMetadata: { referencedCollectionId },\n        };\n      } else {\n        acc[field.key] = {\n          ...baseField,\n          type: isReference ? 'SHORT_TEXT' : fieldType,\n        };\n      }\n\n      return acc;\n    },\n    {},\n  );\n\n  const referenceFields = getReferenceFields(transformedFields);\n  const multiReferenceFields = referenceFields.filter(\n    (f) => f.type === 'MULTI_REFERENCE',\n  );\n  const allReferenceFieldIds = referenceFields.map((f) => f.id);\n\n  const schemaConfig: SchemaConfig = {\n    id: collectionId,\n    displayField: schema.displayField ?? '_id',\n    idField: '_id',\n    fields: transformedFields,\n    actions: {\n      get: async (entityId: string) => {\n        let dataQuery = items.query(collectionId).eq('_id', entityId);\n        if (allReferenceFieldIds.length > 0) {\n          dataQuery = dataQuery.include(...allReferenceFieldIds);\n        }\n\n        const res = await dataQuery.find({ returnTotalCount: false });\n        const entity = res.items[0];\n\n        if (!entity) {\n          throw new Error(`Entity not found: ${entityId}`);\n        }\n\n        return entity;\n      },\n\n      create: async (entity) => {\n        const created = await items.insert(collectionId, entity);\n        const createdId = created._id as string;\n\n        if (createdId) {\n          await updateMultiReferences(\n            collectionId,\n            createdId,\n            entity as Record<string, unknown>,\n            multiReferenceFields,\n          );\n        }\n\n        return { ...entity, _id: createdId };\n      },\n\n      update: async (entity) => {\n        await items.update(\n          collectionId,\n          entity as typeof entity & { _id: string },\n        );\n\n        const entityId = entity._id as string;\n\n        if (entityId) {\n          await updateMultiReferences(\n            collectionId,\n            entityId,\n            entity,\n            multiReferenceFields,\n          );\n        }\n\n        return entity;\n      },\n\n      delete: (entityId) => items.remove(collectionId, entityId),\n      bulkDelete: (entityIds) => items.bulkRemove(collectionId, entityIds),\n\n      find: async (\n        query,\n        options: {\n          searchableFieldIds?: string[];\n          filterFieldMapping?: Record<string, { fieldId: string }>;\n        } = {},\n      ) => {\n        return fetchCmsData(collectionId, query, transformedFields, options);\n      },\n      backup: createCmsBackupConfig(),\n      bulkInsert: async (entities) => {\n        const { inserted, updated, errors } =\n          await errorHandler.withErrorHandler(\n            async () => items.bulkInsert(collectionId, entities),\n            {},\n          );\n\n        return {\n          succeeded: inserted + updated,\n          failed: errors.length,\n          errors: errors.map((e) => ({\n            rowIndex: e.originalIndex,\n            message: e.message,\n            code: e.code,\n          })),\n        };\n      },\n    },\n  };\n\n  return schemaConfig;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useColumns.js

@@ -3,7 +3,7 @@ import { useAutoPatternsOverridesContext, useSchema, useSchemaRegistry } from '.
 import { camelCase, get } from 'lodash';
 import { Box, Image } from '@wix/design-system';
 import { getImageUrl } from '../utils/media/getImageUrl';
-import { AddressView, AudioView, ColorView, JsonView, MediaGalleryView, RichTextView, TimeView, DocumentView, MultiDocumentView } from '../cms-fields';
+import { AddressView, AudioView, ColorView, JsonView, MediaGalleryView, RichTextView, VideoView, TimeView, DocumentView, MultiDocumentView } from '../cms-fields';
 import { extractReferenceDisplayValues } from '../utils/schema';
 import { ReferenceAvatar } from '../components/ReferenceAvatar';
 import { LazyRichContentView } from '../components/LazyRichContentView';
@@ -90,11 +90,16 @@ export const useColumns = columns => {
         return itemValue;
       case 'IMAGE':
         const imageUrl = getImageUrl(itemValue);
-        return /*#__PURE__*/React.createElement(Image, {
+        return /*#__PURE__*/React.createElement(Box, {
+          verticalAlign: "middle",
+          height: "100%"
+        }, /*#__PURE__*/React.createElement(Image, {
           src: imageUrl,
-          width: "48px",
+          height: "36px",
+          width: "54px",
+          fit: "cover",
           dataHook: "auto-patterns-image"
-        });
+        }));
       case 'OBJECT':
         return /*#__PURE__*/React.createElement(JsonView, {
           data: itemValue
@@ -119,6 +124,11 @@ export const useColumns = columns => {
         return /*#__PURE__*/React.createElement(LazyRichContentView, {
           data: itemValue
         });
+      case 'VIDEO':
+        return /*#__PURE__*/React.createElement(VideoView, {
+          data: itemValue,
+          width: "54px"
+        });
       case 'MULTI_DOCUMENT':
         return /*#__PURE__*/React.createElement(MultiDocumentView, {
           data: itemValue