@wix/auto-patterns 1.23.0 → 1.25.0

package/dist/esm/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutContent.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { Cell, Layout } from '@wix/design-system';
+import { useSchema } from '../../../providers/SchemaContext';
+import { usePatternsWizardOverridesContext } from '../../../providers';
+import { useEntityPageContext } from '@wix/patterns';
+import { FormFieldInput } from '../Fields/FormFieldInput';
+export const RenderLayoutContent = _ref => {
+  var _content$container$ch, _overrides$components;
+  let {
+    content,
+    level,
+    sectionId,
+    cardIndex,
+    contentIndex,
+    setInputRef
+  } = _ref;
+  const schema = useSchema();
+  const overrides = usePatternsWizardOverridesContext();
+  const pageState = useEntityPageContext();
+  const entity = pageState.entity;
+  switch (content.type) {
+    case 'field':
+      if (!content.field.fieldId) {
+        return null;
+      }
+      const field = schema.fields[content.field.fieldId];
+      if (!field) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        span: content.field.span
+      }, /*#__PURE__*/React.createElement(FormFieldInput, {
+        key: content.field.fieldId,
+        field: field,
+        inputRef: ref => setInputRef(content.field.fieldId, ref)
+      }));
+    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(RenderLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        content: child,
+        level: level + 1,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        setInputRef: setInputRef
+      }))));
+    case 'component':
+      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: pageState == null ? void 0 : pageState.form,
+        entity: entity
+      }));
+    default:
+      return null;
+  }
+};
+//# sourceMappingURL=RenderLayoutContent.js.map

package/dist/esm/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Cell","Layout","useSchema","usePatternsWizardOverridesContext","useEntityPageContext","FormFieldInput","RenderLayoutContent","_ref","_content$container$ch","_overrides$components","content","level","sectionId","cardIndex","contentIndex","setInputRef","schema","overrides","pageState","entity","type","field","fieldId","fields","createElement","span","key","inputRef","ref","container","children","length","map","child","index","component","componentId","Component","components","form"],"sources":["../../../../../src/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Layout } from '@wix/design-system';\nimport { useSchema } from '../../../providers/SchemaContext';\nimport { usePatternsWizardOverridesContext } from '../../../providers';\nimport { useEntityPageContext } from '@wix/patterns';\nimport { FormFieldInput } from '../Fields/FormFieldInput';\nimport { LayoutContent } from '../../../types';\nimport { BaseInputRef } from '../Fields/types';\n\nexport interface RenderLayoutContentProps {\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}\n\nexport const RenderLayoutContent: React.FC<RenderLayoutContentProps> = ({\n  content,\n  level,\n  sectionId,\n  cardIndex,\n  contentIndex,\n  setInputRef,\n}) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n  const pageState = useEntityPageContext();\n\n  const entity = pageState.entity;\n\n  switch (content.type) {\n    case 'field':\n      if (!content.field.fieldId) {\n        return null;\n      }\n\n      const field = schema.fields[content.field.fieldId];\n      if (!field) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.field.span}>\n          <FormFieldInput\n            key={content.field.fieldId}\n            field={field}\n            inputRef={(ref) => setInputRef(content.field.fieldId, ref)}\n          />\n        </Cell>\n      );\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              <RenderLayoutContent\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                setInputRef={setInputRef}\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\n            form={pageState?.form as any}\n            entity={entity as Record<string, any>}\n          />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/RenderLayout/RenderViewField.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Cell, Box, Text } from '@wix/design-system';
+export const RenderViewField = _ref => {
+  let {
+    field,
+    fieldId,
+    entity,
+    span
+  } = _ref;
+  const fieldValue = entity == null ? void 0 : entity[fieldId];
+
+  // Safe display value conversion for all field types
+  const getDisplayValue = value => {
+    if (value === null || value === undefined) {
+      return '-';
+    }
+    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+      return String(value);
+    }
+    if (Array.isArray(value)) {
+      return value.length > 0 ? value.join(', ') : '-';
+    }
+    if (typeof value === 'object') {
+      // Handle dates
+      if (value instanceof Date) {
+        return value.toLocaleDateString();
+      }
+      // Handle objects with display properties
+      if (value.toString && value.toString !== Object.prototype.toString) {
+        return value.toString();
+      }
+      // Fallback for complex objects
+      return JSON.stringify(value);
+    }
+    return String(value);
+  };
+  const displayValue = getDisplayValue(fieldValue);
+  return /*#__PURE__*/React.createElement(Cell, {
+    span: span
+  }, /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    gap: "4px"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    secondary: true
+  }, field.displayName || fieldId), /*#__PURE__*/React.createElement(Text, null, displayValue)));
+};
+//# sourceMappingURL=RenderViewField.js.map

package/dist/esm/components/AutoPatternsEntityPage/RenderLayout/RenderViewField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Cell","Box","Text","RenderViewField","_ref","field","fieldId","entity","span","fieldValue","getDisplayValue","value","undefined","String","Array","isArray","length","join","Date","toLocaleDateString","toString","Object","prototype","JSON","stringify","displayValue","createElement","direction","gap","size","secondary","displayName"],"sources":["../../../../../src/components/AutoPatternsEntityPage/RenderLayout/RenderViewField.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Box, Text } from '@wix/design-system';\n\nexport const RenderViewField: React.FC<{\n  field: any;\n  fieldId: string;\n  entity: any;\n  span?: number;\n}> = ({ field, fieldId, entity, span }) => {\n  const fieldValue = entity?.[fieldId];\n\n  // Safe display value conversion for all field types\n  const 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\n  const displayValue = getDisplayValue(fieldValue);\n\n  return (\n    <Cell span={span}>\n      <Box direction=\"vertical\" gap=\"4px\">\n        <Text size=\"small\" secondary>\n          {field.displayName || fieldId}\n        </Text>\n        <Text>{displayValue}</Text>\n      </Box>\n    </Cell>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,GAAG,EAAEC,IAAI,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,eAKX,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,KAAK;IAAEC,OAAO;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAAJ,IAAA;EACpC,MAAMK,UAAU,GAAGF,MAAM,oBAANA,MAAM,CAAGD,OAAO,CAAC;;EAEpC;EACA,MAAMI,eAAe,GAAIC,KAAU,IAAa;IAC9C,IAAIA,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKC,SAAS,EAAE;MACzC,OAAO,GAAG;IACZ;IACA,IACE,OAAOD,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,SAAS,EAC1B;MACA,OAAOE,MAAM,CAACF,KAAK,CAAC;IACtB;IACA,IAAIG,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC,EAAE;MACxB,OAAOA,KAAK,CAACK,MAAM,GAAG,CAAC,GAAGL,KAAK,CAACM,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG;IAClD;IACA,IAAI,OAAON,KAAK,KAAK,QAAQ,EAAE;MAC7B;MACA,IAAIA,KAAK,YAAYO,IAAI,EAAE;QACzB,OAAOP,KAAK,CAACQ,kBAAkB,CAAC,CAAC;MACnC;MACA;MACA,IAAIR,KAAK,CAACS,QAAQ,IAAIT,KAAK,CAACS,QAAQ,KAAKC,MAAM,CAACC,SAAS,CAACF,QAAQ,EAAE;QAClE,OAAOT,KAAK,CAACS,QAAQ,CAAC,CAAC;MACzB;MACA;MACA,OAAOG,IAAI,CAACC,SAAS,CAACb,KAAK,CAAC;IAC9B;IACA,OAAOE,MAAM,CAACF,KAAK,CAAC;EACtB,CAAC;EAED,MAAMc,YAAY,GAAGf,eAAe,CAACD,UAAU,CAAC;EAEhD,oBACEV,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAACQ,IAAI,EAAEA;EAAK,gBACfT,KAAA,CAAA2B,aAAA,CAACzB,GAAG;IAAC0B,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC;EAAK,gBACjC7B,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAAC2B,IAAI,EAAC,OAAO;IAACC,SAAS;EAAA,GACzBzB,KAAK,CAAC0B,WAAW,IAAIzB,OAClB,CAAC,eACPP,KAAA,CAAA2B,aAAA,CAACxB,IAAI,QAAEuB,YAAmB,CACvB,CACD,CAAC;AAEX,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/RenderLayout/index.js

@@ -0,0 +1,3 @@
+export * from './RenderLayoutCard';
+export * from './RenderLayoutContent';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/AutoPatternsEntityPage/RenderLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/components/AutoPatternsEntityPage/RenderLayout/index.ts"],"sourcesContent":["export * from './RenderLayoutCard';\nexport * from './RenderLayoutContent';\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,uBAAuB","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/SkeletonEntity.js

@@ -3,6 +3,7 @@ import { useForm } from '../../exports/form';
 import React from 'react';
 import { Card, Cell, Layout } from '@wix/design-system';
 const RenderLayoutContent = _ref => {
+  var _content$container$ch;
   let {
     content,
     level,
@@ -12,7 +13,7 @@ const RenderLayoutContent = _ref => {
   } = _ref;
   switch (content.type) {
     case 'container':
-      if (!content.container.children?.length) {
+      if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
         return null;
       }
       return /*#__PURE__*/React.createElement(Cell, {
@@ -30,6 +31,7 @@ const RenderLayoutContent = _ref => {
   }
 };
 const RenderLayoutCard = _ref2 => {
+  var _layout$card$subtitle;
   let {
     layout,
     sectionId,
@@ -41,7 +43,7 @@ const RenderLayoutCard = _ref2 => {
         minHeight: "50px"
       }, /*#__PURE__*/React.createElement(Card.Header, {
         title: layout.card.title.text,
-        subtitle: layout.card.subtitle?.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(RenderLayoutContent, {
         key: `${sectionId}-card-${cardIndex}-content-${index}`,
         content: child,
@@ -55,6 +57,7 @@ const RenderLayoutCard = _ref2 => {
   }
 };
 export const SkeletonEntity = _ref3 => {
+  var _entityPage$layout, _entityPage$layout2, _entityPage$layout$si;
   let {
     entityPage
   } = _ref3;
@@ -73,12 +76,12 @@ export const SkeletonEntity = _ref3 => {
     title: {
       text: ''
     }
-  }), /*#__PURE__*/React.createElement(EntityPage.Content, null, /*#__PURE__*/React.createElement(EntityPage.MainContent, null, entityPage.layout?.main?.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
+  }), /*#__PURE__*/React.createElement(EntityPage.Content, null, /*#__PURE__*/React.createElement(EntityPage.MainContent, null, (_entityPage$layout = entityPage.layout) == null || (_entityPage$layout = _entityPage$layout.main) == null ? void 0 : _entityPage$layout.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
     key: `main-section-card-${layoutIndex}`,
     layout: layout,
     sectionId: "main",
     cardIndex: layoutIndex
-  }))), entityPage.layout?.sidebar ? /*#__PURE__*/React.createElement(EntityPage.AdditionalContent, null, entityPage.layout.sidebar?.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
+  }))), (_entityPage$layout2 = entityPage.layout) != null && _entityPage$layout2.sidebar ? /*#__PURE__*/React.createElement(EntityPage.AdditionalContent, null, (_entityPage$layout$si = entityPage.layout.sidebar) == null ? void 0 : _entityPage$layout$si.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
     key: `sidebar-section-card-${layoutIndex}`,
     layout: layout,
     sectionId: "sidebar",

package/dist/esm/components/AutoPatternsEntityPage/SkeletonEntity.js.map

@@ -1 +1 @@
-{"version":3,"names":["EntityPage","useEntityPage","useForm","React","Card","Cell","Layout","RenderLayoutContent","_ref","content","level","sectionId","cardIndex","contentIndex","type","container","children","length","createElement","span","map","child","index","key","RenderLayoutCard","_ref2","layout","minHeight","Header","title","card","text","subtitle","Divider","Content","SkeletonEntity","_ref3","entityPage","form","state","parentPath","onSave","updatedEntity","fetch","Promise","Fragment","MainContent","main","layoutIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/SkeletonEntity.tsx"],"sourcesContent":["import { EntityPage, EntityPageState, useEntityPage } from '@wix/patterns';\nimport { useForm } from '../../exports/form';\nimport React from 'react';\nimport { EntityPageConfig, CardLayout, LayoutContent } from '../../types';\n\nexport interface SkeletonEntityProps {\n  entityPage: EntityPageConfig;\n}\nimport { Card, Cell, Layout } from '@wix/design-system';\n\nconst RenderLayoutContent: React.FC<{\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n}> = ({ content, level, sectionId, cardIndex, contentIndex }) => {\n  switch (content.type) {\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              <RenderLayoutContent\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    default:\n      return null;\n  }\n};\n\nconst RenderLayoutCard: React.FC<{\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n}> = ({ layout, sectionId, cardIndex }) => {\n  switch (layout.type) {\n    case 'card':\n      return (\n        <EntityPage.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                <RenderLayoutContent\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        </EntityPage.Card>\n      );\n    default:\n      return null;\n  }\n};\n\nexport const SkeletonEntity = ({ entityPage }: SkeletonEntityProps) => {\n  const form = useForm();\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath: '',\n    form,\n    onSave: async () => ({ updatedEntity: {} }),\n    fetch: async () => new Promise(() => {}),\n  });\n\n  return (\n    <>\n      <EntityPage state={state}>\n        <EntityPage.Header title={{ text: '' }} />\n        <EntityPage.Content>\n          <EntityPage.MainContent>\n            {entityPage.layout?.main?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`main-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"main\"\n                cardIndex={layoutIndex}\n              />\n            ))}\n          </EntityPage.MainContent>\n          {entityPage.layout?.sidebar ? (\n            <EntityPage.AdditionalContent>\n              {entityPage.layout.sidebar?.map((layout, layoutIndex) => (\n                <RenderLayoutCard\n                  key={`sidebar-section-card-${layoutIndex}`}\n                  layout={layout}\n                  sectionId=\"sidebar\"\n                  cardIndex={layoutIndex}\n                />\n              ))}\n            </EntityPage.AdditionalContent>\n          ) : null}\n        </EntityPage.Content>\n      </EntityPage>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["EntityPage","useEntityPage","useForm","React","Card","Cell","Layout","RenderLayoutContent","_ref","_content$container$ch","content","level","sectionId","cardIndex","contentIndex","type","container","children","length","createElement","span","map","child","index","key","RenderLayoutCard","_ref2","_layout$card$subtitle","layout","minHeight","Header","title","card","text","subtitle","Divider","Content","SkeletonEntity","_ref3","_entityPage$layout","_entityPage$layout2","_entityPage$layout$si","entityPage","form","state","parentPath","onSave","updatedEntity","fetch","Promise","Fragment","MainContent","main","layoutIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/SkeletonEntity.tsx"],"sourcesContent":["import { EntityPage, EntityPageState, useEntityPage } from '@wix/patterns';\nimport { useForm } from '../../exports/form';\nimport React from 'react';\nimport { EntityPageConfig, CardLayout, LayoutContent } from '../../types';\n\nexport interface SkeletonEntityProps {\n  entityPage: EntityPageConfig;\n}\nimport { Card, Cell, Layout } from '@wix/design-system';\n\nconst RenderLayoutContent: React.FC<{\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n}> = ({ content, level, sectionId, cardIndex, contentIndex }) => {\n  switch (content.type) {\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              <RenderLayoutContent\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    default:\n      return null;\n  }\n};\n\nconst RenderLayoutCard: React.FC<{\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n}> = ({ layout, sectionId, cardIndex }) => {\n  switch (layout.type) {\n    case 'card':\n      return (\n        <EntityPage.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                <RenderLayoutContent\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        </EntityPage.Card>\n      );\n    default:\n      return null;\n  }\n};\n\nexport const SkeletonEntity = ({ entityPage }: SkeletonEntityProps) => {\n  const form = useForm();\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath: '',\n    form,\n    onSave: async () => ({ updatedEntity: {} }),\n    fetch: async () => new Promise(() => {}),\n  });\n\n  return (\n    <>\n      <EntityPage state={state}>\n        <EntityPage.Header title={{ text: '' }} />\n        <EntityPage.Content>\n          <EntityPage.MainContent>\n            {entityPage.layout?.main?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`main-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"main\"\n                cardIndex={layoutIndex}\n              />\n            ))}\n          </EntityPage.MainContent>\n          {entityPage.layout?.sidebar ? (\n            <EntityPage.AdditionalContent>\n              {entityPage.layout.sidebar?.map((layout, layoutIndex) => (\n                <RenderLayoutCard\n                  key={`sidebar-section-card-${layoutIndex}`}\n                  layout={layout}\n                  sectionId=\"sidebar\"\n                  cardIndex={layoutIndex}\n                />\n              ))}\n            </EntityPage.AdditionalContent>\n          ) : null}\n        </EntityPage.Content>\n      </EntityPage>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutCard.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Card, Layout } from '@wix/design-system';
+import { RenderViewLayoutContent } from './RenderViewLayoutContent';
+// TODO: remove this component and use RenderLayoutCard instead
+export const RenderViewLayoutCard = _ref => {
+  var _layout$card$subtitle;
+  let {
+    entity,
+    layout,
+    sectionId,
+    cardIndex
+  } = _ref;
+  switch (layout.type) {
+    case 'card':
+      return /*#__PURE__*/React.createElement(Card, null, /*#__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(RenderViewLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        entity: entity,
+        content: child,
+        level: 0,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index
+      })))));
+    default:
+      return null;
+  }
+};
+//# sourceMappingURL=RenderViewLayoutCard.js.map

package/dist/esm/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Card","Layout","RenderViewLayoutContent","RenderViewLayoutCard","_ref","_layout$card$subtitle","entity","layout","sectionId","cardIndex","type","createElement","Header","title","card","text","subtitle","Divider","Content","children","map","child","index","key","content","level","contentIndex"],"sources":["../../../../../src/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Layout } from '@wix/design-system';\nimport { RenderViewLayoutContent } from './RenderViewLayoutContent';\nimport { RenderLayoutCardProps } from '../RenderLayout';\n\ninterface RenderViewLayoutCardProps\n  extends Omit<RenderLayoutCardProps, 'setInputRef'> {\n  entity: Record<string, any>;\n}\n\n// TODO: remove this component and use RenderLayoutCard instead\nexport const RenderViewLayoutCard: React.FC<RenderViewLayoutCardProps> = ({\n  entity,\n  layout,\n  sectionId,\n  cardIndex,\n}) => {\n  switch (layout.type) {\n    case 'card':\n      return (\n        <Card>\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                <RenderViewLayoutContent\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  entity={entity}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </Card>\n      );\n    default:\n      return null;\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,QAAQ,oBAAoB;AACjD,SAASC,uBAAuB,QAAQ,2BAA2B;AAQnE;AACA,OAAO,MAAMC,oBAAyD,GAAGC,IAAA,IAKnE;EAAA,IAAAC,qBAAA;EAAA,IALoE;IACxEC,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC;EACF,CAAC,GAAAL,IAAA;EACC,QAAQG,MAAM,CAACG,IAAI;IACjB,KAAK,MAAM;MACT,oBACEX,KAAA,CAAAY,aAAA,CAACX,IAAI,qBACHD,KAAA,CAAAY,aAAA,CAACX,IAAI,CAACY,MAAM;QACVC,KAAK,EAAEN,MAAM,CAACO,IAAI,CAACD,KAAK,CAACE,IAAK;QAC9BC,QAAQ,GAAAX,qBAAA,GAAEE,MAAM,CAACO,IAAI,CAACE,QAAQ,qBAApBX,qBAAA,CAAsBU;MAAK,CACtC,CAAC,eACFhB,KAAA,CAAAY,aAAA,CAACX,IAAI,CAACiB,OAAO,MAAE,CAAC,eAChBlB,KAAA,CAAAY,aAAA,CAACX,IAAI,CAACkB,OAAO,qBACXnB,KAAA,CAAAY,aAAA,CAACV,MAAM,QACJM,MAAM,CAACO,IAAI,CAACK,QAAQ,CAACC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAa,kBAC7CvB,KAAA,CAAAY,aAAA,CAACT,uBAAuB;QACtBqB,GAAG,EAAE,GAAGf,SAAS,SAASC,SAAS,YAAYa,KAAK,EAAG;QACvDhB,MAAM,EAAEA,MAAO;QACfkB,OAAO,EAAEH,KAAM;QACfI,KAAK,EAAE,CAAE;QACTjB,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrBiB,YAAY,EAAEJ;MAAM,CACrB,CACF,CACK,CACI,CACV,CAAC;IAEX;MACE,OAAO,IAAI;EACf;AACF,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutContent.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Cell, Layout } from '@wix/design-system';
+import { useSchema } from '../../../providers/SchemaContext';
+import { usePatternsWizardOverridesContext } from '../../../providers';
+import { RenderViewField } from '../RenderLayout/RenderViewField';
+// TODO: remove this component and use RenderLayoutContent instead
+export const RenderViewLayoutContent = _ref => {
+  var _content$container$ch, _overrides$components;
+  let {
+    entity,
+    content,
+    level,
+    sectionId,
+    cardIndex,
+    contentIndex
+  } = _ref;
+  const schema = useSchema();
+  const overrides = usePatternsWizardOverridesContext();
+  switch (content.type) {
+    case 'field':
+      if (!content.field.fieldId) {
+        return null;
+      }
+      const field = schema.fields[content.field.fieldId];
+      if (!field) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(RenderViewField, {
+        field: field,
+        fieldId: content.field.fieldId,
+        entity: entity,
+        span: content.field.span
+      });
+    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(RenderViewLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        entity: entity,
+        content: child,
+        level: level + 1,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index
+      }))));
+    case 'component':
+      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, {
+        entity: entity
+      }));
+    default:
+      return null;
+  }
+};
+//# sourceMappingURL=RenderViewLayoutContent.js.map

package/dist/esm/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Cell","Layout","useSchema","usePatternsWizardOverridesContext","RenderViewField","RenderViewLayoutContent","_ref","_content$container$ch","_overrides$components","entity","content","level","sectionId","cardIndex","contentIndex","schema","overrides","type","field","fieldId","fields","createElement","span","container","children","length","map","child","index","key","component","componentId","Component","components"],"sources":["../../../../../src/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Layout } from '@wix/design-system';\nimport { useSchema } from '../../../providers/SchemaContext';\nimport { usePatternsWizardOverridesContext } from '../../../providers';\nimport { RenderViewField } from '../RenderLayout/RenderViewField';\nimport { RenderLayoutContentProps } from '../RenderLayout';\n\ninterface RenderViewLayoutContentProps\n  extends Omit<RenderLayoutContentProps, 'setInputRef'> {\n  entity: Record<string, any>;\n}\n\n// TODO: remove this component and use RenderLayoutContent instead\nexport const RenderViewLayoutContent: React.FC<\n  RenderViewLayoutContentProps\n> = ({ entity, content, level, sectionId, cardIndex, contentIndex }) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n\n  switch (content.type) {\n    case 'field':\n      if (!content.field.fieldId) {\n        return null;\n      }\n\n      const field = schema.fields[content.field.fieldId];\n      if (!field) {\n        return null;\n      }\n\n      return (\n        <RenderViewField\n          field={field}\n          fieldId={content.field.fieldId}\n          entity={entity}\n          span={content.field.span}\n        />\n      );\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              <RenderViewLayoutContent\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                entity={entity}\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 entity={entity} />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,QAAQ,oBAAoB;AACjD,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,iCAAiC,QAAQ,oBAAoB;AACtE,SAASC,eAAe,QAAQ,iCAAiC;AAQjE;AACA,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAAoE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EAAA,IAAnE;IAAEC,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAa,CAAC,GAAAR,IAAA;EACjE,MAAMS,MAAM,GAAGb,SAAS,CAAC,CAAC;EAC1B,MAAMc,SAAS,GAAGb,iCAAiC,CAAC,CAAC;EAErD,QAAQO,OAAO,CAACO,IAAI;IAClB,KAAK,OAAO;MACV,IAAI,CAACP,OAAO,CAACQ,KAAK,CAACC,OAAO,EAAE;QAC1B,OAAO,IAAI;MACb;MAEA,MAAMD,KAAK,GAAGH,MAAM,CAACK,MAAM,CAACV,OAAO,CAACQ,KAAK,CAACC,OAAO,CAAC;MAClD,IAAI,CAACD,KAAK,EAAE;QACV,OAAO,IAAI;MACb;MAEA,oBACEnB,KAAA,CAAAsB,aAAA,CAACjB,eAAe;QACdc,KAAK,EAAEA,KAAM;QACbC,OAAO,EAAET,OAAO,CAACQ,KAAK,CAACC,OAAQ;QAC/BV,MAAM,EAAEA,MAAO;QACfa,IAAI,EAAEZ,OAAO,CAACQ,KAAK,CAACI;MAAK,CAC1B,CAAC;IAGN,KAAK,WAAW;MACd,IAAI,GAAAf,qBAAA,GAACG,OAAO,CAACa,SAAS,CAACC,QAAQ,aAA1BjB,qBAAA,CAA4BkB,MAAM,GAAE;QACvC,OAAO,IAAI;MACb;MAEA,oBACE1B,KAAA,CAAAsB,aAAA,CAACrB,IAAI;QAACsB,IAAI,EAAEZ,OAAO,CAACa,SAAS,CAACD;MAAK,gBACjCvB,KAAA,CAAAsB,aAAA,CAACpB,MAAM,QACJS,OAAO,CAACa,SAAS,CAACC,QAAQ,CAACE,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBAC3C7B,KAAA,CAAAsB,aAAA,CAAChB,uBAAuB;QACtBwB,GAAG,EAAE,GAAGjB,SAAS,SAASC,SAAS,YAAYC,YAAY,UAAUH,KAAK,UAAUiB,KAAK,EAAG;QAC5FnB,MAAM,EAAEA,MAAO;QACfC,OAAO,EAAEiB,KAAM;QACfhB,KAAK,EAAEA,KAAK,GAAG,CAAE;QACjBC,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrBC,YAAY,EAAEc;MAAM,CACrB,CACF,CACK,CACJ,CAAC;IAGX,KAAK,WAAW;MACd,IAAI,CAAClB,OAAO,CAACoB,SAAS,CAACC,WAAW,EAAE;QAClC,OAAO,IAAI;MACb;MAEA,MAAMC,SAAS,GAAGhB,SAAS,aAAAR,qBAAA,GAATQ,SAAS,CAAEiB,UAAU,qBAArBzB,qBAAA,CAAwBE,OAAO,CAACoB,SAAS,CAACC,WAAW,CAAC;MACxE,IAAI,CAACC,SAAS,EAAE;QACd,OAAO,IAAI;MACb;MAEA,oBACEjC,KAAA,CAAAsB,aAAA,CAACrB,IAAI;QAACsB,IAAI,EAAEZ,OAAO,CAACoB,SAAS,CAACR;MAAK,gBACjCvB,KAAA,CAAAsB,aAAA,CAACW,SAAS;QAACvB,MAAM,EAAEA;MAAO,CAAE,CACxB,CAAC;IAGX;MACE,OAAO,IAAI;EACf;AACF,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/ViewModeEntityPage.js

@@ -0,0 +1,111 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { Box, Cell, Heading, Layout, Page } from '@wix/design-system';
+import { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';
+import { useParams } from 'react-router-dom';
+import { useSchema } from '../../providers';
+import { useNavigation } from '../../hooks/useNavigationUtils';
+import { MoreActions } from '@wix/patterns';
+import { useEntityPageActions } from '../../hooks/useEntityPageActions';
+import { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';
+import { useActionsSDK } from '../../hooks/useActionsSDK';
+import { useNavigateEditEntityAction } from '../../hooks/useNavigateEditEntityAction';
+// TODO: temp solution until we have a proper view mode entity page
+export const ViewModeEntityPage = _ref => {
+  var _configuration$subtit, _pageLayout$main, _pageLayout$sidebar;
+  let {
+    configuration
+  } = _ref;
+  const {
+    route
+  } = configuration;
+  const params = useParams();
+  const entityId = params[route.params.id];
+  const schema = useSchema();
+  const {
+    layout: pageLayout
+  } = configuration;
+  const {
+    navigateToCollectionPage
+  } = useNavigation();
+  const [entity, setEntity] = useState(undefined);
+  useEffect(() => {
+    let isMounted = true;
+    const fetchEntity = async () => {
+      if (!entityId) {
+        setEntity(undefined);
+        return;
+      }
+      const fetchedEntity = await schema.actions.get(entityId);
+      if (isMounted) {
+        setEntity(fetchedEntity);
+      }
+    };
+    fetchEntity();
+    return () => {
+      isMounted = false;
+    };
+  }, [entityId, schema]);
+  const title = useMemo(() => {
+    if (configuration.title) {
+      return configuration.title.text;
+    } else {
+      return (entity == null ? void 0 : entity[schema.displayField]) ?? 'View Item';
+    }
+  }, [configuration.title, entity, schema.displayField]);
+  const subtitle = (_configuration$subtit = configuration.subtitle) == null ? void 0 : _configuration$subtit.text;
+  const sdk = useActionsSDK({
+    collectionId: configuration.collectionId
+  });
+  const actions = useEntityPageActions({
+    entityPageActions: configuration.actions,
+    entity,
+    sdk
+  });
+
+  // add OOTB navigate to edit action
+  const moreActions = useNavigateEditEntityAction({
+    displayName: entity == null ? void 0 : entity[schema.displayField],
+    configuration
+  });
+  const resolvedMoreActions = useEntityPageMoreActions(moreActions, entity, sdk);
+  return /*#__PURE__*/React.createElement(Page, {
+    dataHook: "view-mode-entity-page"
+  }, /*#__PURE__*/React.createElement(Page.Header, {
+    dataHook: "view-mode-entity-page-header",
+    title: /*#__PURE__*/React.createElement(Heading, {
+      size: "extraLarge"
+    }, title),
+    subtitle: subtitle,
+    showBackButton: true,
+    onBackClicked: () => navigateToCollectionPage(configuration.parentPageId),
+    actionsBar: /*#__PURE__*/React.createElement(Box, {
+      gap: "SP2"
+    }, resolvedMoreActions.length > 0 ? /*#__PURE__*/React.createElement(MoreActions, {
+      dataHook: "view-mode-entity-page-more-actions",
+      items: resolvedMoreActions
+    }) : undefined, actions)
+  }), /*#__PURE__*/React.createElement(Page.Content, null, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Cell, {
+    span: pageLayout != null && pageLayout.sidebar ? 8 : 12
+  }, /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    gap: "SP4"
+  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderViewLayoutCard, {
+    key: `main-section-card-${layoutIndex}`,
+    entity: entity,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex
+  })))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/React.createElement(Cell, {
+    span: 4
+  }, /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    gap: "SP4"
+  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderViewLayoutCard, {
+    key: `sidebar-section-card-${layoutIndex}`,
+    entity: entity,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex
+  })))) : null)));
+};
+//# sourceMappingURL=ViewModeEntityPage.js.map

package/dist/esm/components/AutoPatternsEntityPage/ViewModeEntityPage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useState","Box","Cell","Heading","Layout","Page","RenderViewLayoutCard","useParams","useSchema","useNavigation","MoreActions","useEntityPageActions","useEntityPageMoreActions","useActionsSDK","useNavigateEditEntityAction","ViewModeEntityPage","_ref","_configuration$subtit","_pageLayout$main","_pageLayout$sidebar","configuration","route","params","entityId","id","schema","layout","pageLayout","navigateToCollectionPage","entity","setEntity","undefined","isMounted","fetchEntity","fetchedEntity","actions","get","title","text","displayField","subtitle","sdk","collectionId","entityPageActions","moreActions","displayName","resolvedMoreActions","createElement","dataHook","Header","size","showBackButton","onBackClicked","parentPageId","actionsBar","gap","length","items","Content","span","sidebar","direction","main","map","layoutIndex","key","sectionId","cardIndex"],"sources":["../../../../src/components/AutoPatternsEntityPage/ViewModeEntityPage.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { ViewEntityPageConfig } from '../../types';\nimport { Box, Cell, Heading, Layout, Page } from '@wix/design-system';\nimport { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers';\nimport { useNavigation } from '../../hooks/useNavigationUtils';\nimport { MoreActions } from '@wix/patterns';\nimport { useEntityPageActions } from '../../hooks/useEntityPageActions';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { useNavigateEditEntityAction } from '../../hooks/useNavigateEditEntityAction';\n\ninterface ViewModeEntityPageProps {\n  configuration: ViewEntityPageConfig;\n}\n\n// TODO: temp solution until we have a proper view mode entity page\nexport const ViewModeEntityPage: React.FC<ViewModeEntityPageProps> = ({\n  configuration,\n}) => {\n  const { route } = configuration;\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n  const { layout: pageLayout } = configuration;\n  const { navigateToCollectionPage } = useNavigation();\n\n  const [entity, setEntity] = useState<any>(undefined);\n\n  useEffect(() => {\n    let isMounted = true;\n    const fetchEntity = async () => {\n      if (!entityId) {\n        setEntity(undefined);\n        return;\n      }\n      const fetchedEntity = await schema.actions.get(entityId);\n      if (isMounted) {\n        setEntity(fetchedEntity);\n      }\n    };\n    fetchEntity();\n    return () => {\n      isMounted = false;\n    };\n  }, [entityId, schema]);\n\n  const title = useMemo(() => {\n    if (configuration.title) {\n      return configuration.title.text;\n    } else {\n      return entity?.[schema.displayField] ?? 'View Item';\n    }\n  }, [configuration.title, entity, schema.displayField]);\n\n  const subtitle = configuration.subtitle?.text;\n\n  const sdk = useActionsSDK({\n    collectionId: configuration.collectionId,\n  });\n\n  const actions = useEntityPageActions({\n    entityPageActions: configuration.actions,\n    entity,\n    sdk,\n  });\n\n  // add OOTB navigate to edit action\n  const moreActions = useNavigateEditEntityAction({\n    displayName: entity?.[schema.displayField],\n    configuration,\n  });\n\n  const resolvedMoreActions = useEntityPageMoreActions(\n    moreActions,\n    entity,\n    sdk,\n  );\n\n  return (\n    <Page dataHook=\"view-mode-entity-page\">\n      <Page.Header\n        dataHook=\"view-mode-entity-page-header\"\n        title={<Heading size=\"extraLarge\">{title}</Heading>}\n        subtitle={subtitle}\n        showBackButton\n        onBackClicked={() =>\n          navigateToCollectionPage(configuration.parentPageId!)\n        }\n        actionsBar={\n          <Box gap=\"SP2\">\n            {resolvedMoreActions.length > 0 ? (\n              <MoreActions\n                dataHook=\"view-mode-entity-page-more-actions\"\n                items={resolvedMoreActions}\n              />\n            ) : undefined}\n            {actions}\n          </Box>\n        }\n      />\n      <Page.Content>\n        <Layout>\n          <Cell span={pageLayout?.sidebar ? 8 : 12}>\n            <Box direction=\"vertical\" gap=\"SP4\">\n              {pageLayout?.main?.map((layout, layoutIndex) => (\n                <RenderViewLayoutCard\n                  key={`main-section-card-${layoutIndex}`}\n                  entity={entity}\n                  layout={layout}\n                  sectionId=\"main\"\n                  cardIndex={layoutIndex}\n                />\n              ))}\n            </Box>\n          </Cell>\n          {pageLayout?.sidebar ? (\n            <Cell span={4}>\n              <Box direction=\"vertical\" gap=\"SP4\">\n                {pageLayout.sidebar?.map((layout, layoutIndex) => (\n                  <RenderViewLayoutCard\n                    key={`sidebar-section-card-${layoutIndex}`}\n                    entity={entity}\n                    layout={layout}\n                    sectionId=\"sidebar\"\n                    cardIndex={layoutIndex}\n                  />\n                ))}\n              </Box>\n            </Cell>\n          ) : null}\n        </Layout>\n      </Page.Content>\n    </Page>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/index.js

@@ -1,2 +1,4 @@
 export * from './AutoPatternsEntityPage';
+export * from './ViewModeEntityPage';
+export * from './RenderLayout';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/AutoPatternsEntityPage/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/AutoPatternsEntityPage/index.ts"],"sourcesContent":["export * from './AutoPatternsEntityPage';\n"],"mappings":"AAAA,cAAc,0BAA0B","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/AutoPatternsEntityPage/index.ts"],"sourcesContent":["export * from './AutoPatternsEntityPage';\nexport * from './ViewModeEntityPage';\nexport * from './RenderLayout';\n"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,sBAAsB;AACpC,cAAc,gBAAgB","ignoreList":[]}

package/dist/esm/components/ModalRenderer.js

@@ -4,6 +4,7 @@ import * as modals from './modals';
 import { useModalContext } from '../providers/ModalContext';
 import { usePatternsWizardOverridesContext } from '../providers';
 export const ModalRenderer = () => {
+  var _overrides$modals;
   const {
     modal,
     closeModal
@@ -12,7 +13,7 @@ export const ModalRenderer = () => {
   if (!modal.id) {
     return null;
   }
-  const ModalComponent = overrides?.modals?.[modal.id] || modals[modal.id];
+  const ModalComponent = (overrides == null || (_overrides$modals = overrides.modals) == null ? void 0 : _overrides$modals[modal.id]) || modals[modal.id];
   if (!ModalComponent) {
     console.warn(`No modal registered for id: ${modal.id}`);
     return null;

package/dist/esm/components/ModalRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","modals","useModalContext","usePatternsWizardOverridesContext","ModalRenderer","modal","closeModal","overrides","id","ModalComponent","console","warn","createElement","_extends","props","onClose"],"sources":["../../../src/components/ModalRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport * as modals from './modals';\nimport { useModalContext } from '../providers/ModalContext';\nimport { usePatternsWizardOverridesContext } from '../providers';\n\nexport const ModalRenderer = () => {\n  const { modal, closeModal } = useModalContext();\n  const overrides = usePatternsWizardOverridesContext();\n\n  if (!modal.id) {\n    return null;\n  }\n\n  const ModalComponent =\n    overrides?.modals?.[modal.id] ||\n    (modals as Record<string, React.ComponentType<any>>)[modal.id];\n\n  if (!ModalComponent) {\n    console.warn(`No modal registered for id: ${modal.id}`);\n    return null;\n  }\n\n  return <ModalComponent {...modal.props} onClose={closeModal} />;\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,iCAAiC,QAAQ,cAAc;AAEhE,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGJ,eAAe,CAAC,CAAC;EAC/C,MAAMK,SAAS,GAAGJ,iCAAiC,CAAC,CAAC;EAErD,IAAI,CAACE,KAAK,CAACG,EAAE,EAAE;IACb,OAAO,IAAI;EACb;EAEA,MAAMC,cAAc,GAClBF,SAAS,EAAEN,MAAM,GAAGI,KAAK,CAACG,EAAE,CAAC,IAC5BP,MAAM,CAA8CI,KAAK,CAACG,EAAE,CAAC;EAEhE,IAAI,CAACC,cAAc,EAAE;IACnBC,OAAO,CAACC,IAAI,CAAC,+BAA+BN,KAAK,CAACG,EAAE,EAAE,CAAC;IACvD,OAAO,IAAI;EACb;EAEA,oBAAOR,KAAA,CAAAY,aAAA,CAACH,cAAc,EAAAI,QAAA,KAAKR,KAAK,CAACS,KAAK;IAAEC,OAAO,EAAET;EAAW,EAAE,CAAC;AACjE,CAAC","ignoreList":[]}
+{"version":3,"names":["React","modals","useModalContext","usePatternsWizardOverridesContext","ModalRenderer","_overrides$modals","modal","closeModal","overrides","id","ModalComponent","console","warn","createElement","_extends","props","onClose"],"sources":["../../../src/components/ModalRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport * as modals from './modals';\nimport { useModalContext } from '../providers/ModalContext';\nimport { usePatternsWizardOverridesContext } from '../providers';\n\nexport const ModalRenderer = () => {\n  const { modal, closeModal } = useModalContext();\n  const overrides = usePatternsWizardOverridesContext();\n\n  if (!modal.id) {\n    return null;\n  }\n\n  const ModalComponent =\n    overrides?.modals?.[modal.id] ||\n    (modals as Record<string, React.ComponentType<any>>)[modal.id];\n\n  if (!ModalComponent) {\n    console.warn(`No modal registered for id: ${modal.id}`);\n    return null;\n  }\n\n  return <ModalComponent {...modal.props} onClose={closeModal} />;\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,iCAAiC,QAAQ,cAAc;AAEhE,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAAA,IAAAC,iBAAA;EACjC,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGL,eAAe,CAAC,CAAC;EAC/C,MAAMM,SAAS,GAAGL,iCAAiC,CAAC,CAAC;EAErD,IAAI,CAACG,KAAK,CAACG,EAAE,EAAE;IACb,OAAO,IAAI;EACb;EAEA,MAAMC,cAAc,GAClB,CAAAF,SAAS,aAAAH,iBAAA,GAATG,SAAS,CAAEP,MAAM,qBAAjBI,iBAAA,CAAoBC,KAAK,CAACG,EAAE,CAAC,KAC5BR,MAAM,CAA8CK,KAAK,CAACG,EAAE,CAAC;EAEhE,IAAI,CAACC,cAAc,EAAE;IACnBC,OAAO,CAACC,IAAI,CAAC,+BAA+BN,KAAK,CAACG,EAAE,EAAE,CAAC;IACvD,OAAO,IAAI;EACb;EAEA,oBAAOT,KAAA,CAAAa,aAAA,CAACH,cAAc,EAAAI,QAAA,KAAKR,KAAK,CAACS,KAAK;IAAEC,OAAO,EAAET;EAAW,EAAE,CAAC;AACjE,CAAC","ignoreList":[]}

package/dist/esm/components/modals/actions/BulkDeleteModal.js

@@ -1,6 +1,7 @@
 import { Box, CustomModalLayout, Modal, Text } from '@wix/design-system';
 import React from 'react';
 export const BulkDeleteModal = _ref => {
+  var _modalParams$title, _modalParams$actions, _modalParams$actions2, _modalParams$descript;
   let {
     sdk,
     modalParams,
@@ -16,20 +17,24 @@ export const BulkDeleteModal = _ref => {
     isOpen: true,
     onRequestClose: closeModal
   }, /*#__PURE__*/React.createElement(CustomModalLayout, {
-    title: modalParams.title?.text || 'Delete item?',
+    title: ((_modalParams$title = modalParams.title) == null ? void 0 : _modalParams$title.text) || 'Delete item?',
     theme: "destructive",
     onCloseButtonClick: () => {
       closeModal();
     },
     primaryButtonOnClick: () => {
+      var _modalParams$feedback;
       const schema = sdk.getSchema(sdk.collectionId);
       if (!schema) {
         throw new Error('Schema not found');
       }
       const selectedIds = actionParams.selectedValues.map(value => value[schema.idField]);
-      optimisticActions?.deleteMany(actionParams.selectedValues, {
-        successToast: modalParams.feedback?.successToast?.text || 'Items deleted successfully',
-        errorToast: () => modalParams.feedback?.errorToast?.text || 'Failed to delete items',
+      optimisticActions == null || optimisticActions.deleteMany(actionParams.selectedValues, {
+        successToast: ((_modalParams$feedback = modalParams.feedback) == null || (_modalParams$feedback = _modalParams$feedback.successToast) == null ? void 0 : _modalParams$feedback.text) || 'Items deleted successfully',
+        errorToast: () => {
+          var _modalParams$feedback2;
+          return ((_modalParams$feedback2 = modalParams.feedback) == null || (_modalParams$feedback2 = _modalParams$feedback2.errorToast) == null ? void 0 : _modalParams$feedback2.text) || 'Failed to delete items';
+        },
         submit: async () => {
           const result = await schema.actions.bulkDelete(selectedIds);
           return [result];
@@ -40,15 +45,15 @@ export const BulkDeleteModal = _ref => {
     secondaryButtonOnClick: () => {
       closeModal();
     },
-    primaryButtonText: modalParams.actions?.submit?.text || 'Save',
-    secondaryButtonText: modalParams.actions?.cancel?.text || 'Cancel',
+    primaryButtonText: ((_modalParams$actions = modalParams.actions) == null || (_modalParams$actions = _modalParams$actions.submit) == null ? void 0 : _modalParams$actions.text) || 'Save',
+    secondaryButtonText: ((_modalParams$actions2 = modalParams.actions) == null || (_modalParams$actions2 = _modalParams$actions2.cancel) == null ? void 0 : _modalParams$actions2.text) || 'Cancel',
     content: /*#__PURE__*/React.createElement(Box, {
       direction: "vertical",
       width: "552px",
       gap: "SP2",
       paddingTop: "SP1",
       paddingBottom: "SP1"
-    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Text, null, modalParams.description?.text || 'This items will be deleted')))
+    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Text, null, ((_modalParams$descript = modalParams.description) == null ? void 0 : _modalParams$descript.text) || 'This items will be deleted')))
   }));
 };
 //# sourceMappingURL=BulkDeleteModal.js.map