@wix/auto-patterns 1.24.0 → 1.26.0

package/dist/docs/entity_page.md

@@ -1,6 +1,6 @@
 # Entity Page Configuration
 
-## ⚠️ Entity Page Requirements
+## Entity Page Requirements
 
 All entity pages must have:
 - **A route path with descriptive segment and dynamic parameter** (e.g., `/product/:entityId`, `/pet/:entityId`) - **never just `/:entityId`** as this conflicts with collection page routing
@@ -12,6 +12,20 @@ All entity pages must have:
 * Displays details for a **single entity**.
 * Always tied to a single Wix collection.
 * Supports **two distinct modes**: **view mode** and **edit mode** with separate page configurations.
+* Supports **dynamic subtitle** that adapt based on entity data (see [Entity Page Dynamic Subtitle](#entity-page-dynamic-subtitle)).
+* Supports **dynamic badges** in the page title that adapt based on entity data (see [Entity Page Dynamic Badges](#entity-page-dynamic-badges)).
+
+## 🏷️ **Understanding Badges Requests**
+
+When a user asks to "add badges to the entity page", understand that they want:
+
+1. **Custom component overrides** - NOT direct configuration in JSON
+2. **Function that returns badge objects** - NOT JSX components
+3. **Badge properties** like `text`, `skin`, `prefixIcon`, etc.
+4. **Registration in PatternsWizardOverridesProvider** under `entityPageHeaderBadges`
+
+**Example Request**: "Add 2 badges with random skins and text 'wow'"
+**Correct Implementation**: Create a function that returns `[{text: 'wow', skin: 'success'}, {text: 'wow', skin: 'premium'}]`
 
 ## Entity Page Modes
 
@@ -40,6 +54,284 @@ This pattern allows:
 - Clear distinction between view and edit URLs
 - Natural navigation flow between modes
 
+## Entity Page Dynamic Subtitle
+
+Entity pages support dynamic subtitles that adapt based on entity data, providing contextual information below the main title.
+
+### Configuration
+
+Add an `id` property to the entity page subtitle configuration:
+
+```json
+{
+  "subtitle": {
+    "text": "Default subtitle text",
+    "id": "mySubtitleOverride"
+  }
+}
+```
+
+### Subtitle Override Implementation
+
+Create a subtitle override function that returns an object with a `text` property:
+
+```typescript
+const mySubtitleOverride = (entity: Record<string, any>): { text: string } => {
+  return { text: `Pet: ${entity.name || 'Unknown'}` };
+};
+```
+
+### Complete Implementation Guide
+
+#### Step 1: Create the Subtitle Function
+
+**File**: `src/dashboard/components/entityPageHeaderSubtitle/entityPageHeaderSubtitle.ts`
+
+```typescript
+export const entityPageHeaderSubtitle = (entity: Record<string, any>): { text: string } => {
+  return { text: `Pet: ${entity.name || 'Unknown'}` };
+};
+```
+
+#### Step 2: Create/Update Index File
+
+**File**: `src/dashboard/components/entityPageHeaderSubtitle/index.ts`
+
+```typescript
+import { entityPageHeaderSubtitle } from './entityPageHeaderSubtitle';
+
+export const useEntityPageHeaderSubtitle = () => {
+  return entityPageHeaderSubtitle;
+};
+```
+
+#### Step 3: Update Main Page Overrides
+
+**File**: `src/dashboard/pages/page.tsx`
+
+```typescript
+import { useEntityPageHeaderSubtitle } from '../components/entityPageHeaderSubtitle';
+
+const Index: FC = () => {
+  const entityPageHeaderSubtitle = useEntityPageHeaderSubtitle();
+
+  return (
+    <PatternsWizardOverridesProvider
+      value={{
+        // ... other overrides
+        entityPageHeaderSubtitle: {
+          entityPageHeaderSubtitle,
+        },
+      }}
+    >
+      <WixPetsPage />
+    </PatternsWizardOverridesProvider>
+  );
+};
+```
+
+#### Step 4: Update Configuration
+
+**File**: `src/dashboard/pages/wixPetsConfig.patterns.ts`
+
+```typescript
+{
+  id: 'wixPets-entity',
+  type: 'entityPage',
+  entityPage: {
+    subtitle: {
+      text: 'Default subtitle text',
+      id: 'entityPageHeaderSubtitle', // ⚠️ CRITICAL: This must match the override key
+    },
+    // ... rest of config
+  },
+}
+```
+
+### Required File Structure
+
+```
+src/dashboard/
+├── components/
+│   └── entityPageHeaderSubtitle/
+│       ├── index.ts                    # ✅ MUST EXIST (hook exports)
+│       └── entityPageHeaderSubtitle.ts # ✅ MUST EXIST (subtitle function)
+├── pages/
+│   ├── page.tsx                        # ✅ MUST REGISTER OVERRIDES
+│   └── wixPetsConfig.patterns.ts       # ✅ MUST HAVE SUBTITLE CONFIG
+```
+
+
+**Example**:
+```typescript
+// Config
+subtitle: { id: 'mySubtitleOverride' }
+
+// Overrides
+entityPageHeaderSubtitle: { mySubtitleOverride: myFunction }
+
+// Function
+export const myFunction = (entity) => { ... }
+```
+
+### Integration
+
+Register your subtitle override in the `PatternsWizardOverridesProvider`:
+
+```typescript
+<PatternsWizardOverridesProvider value={{
+  entityPageHeaderSubtitle: {
+    mySubtitleOverride,
+  },
+}}>
+  <AutoPatternsApp configuration={config} />
+</PatternsWizardOverridesProvider>
+```
+
+## Entity Page Dynamic Badges
+
+Entity pages support dynamic badges in the page title that display contextual information about the entity.
+
+
+### Badge Skin Options
+
+The `skin` property accepts values from the `BadgeSkin` type of `@wix/design-system`:
+
+### Badge Properties
+
+Each badge can have the following properties:
+
+```typescript
+{
+  text: string;                    // Required: Text to display
+  skin?: BadgeSkin;               // Optional: Visual styling
+  prefixIcon?: React.ReactElement; // Optional: Icon before text (from @wix/wix-ui-icons-common)
+  suffixIcon?: React.ReactElement; // Optional: Icon after text (from @wix/wix-ui-icons-common)
+}
+```
+
+
+## ⚠️ **CRITICAL: Understanding Badges Implementation**
+
+When implementing badges for entity pages, understand these key points:
+
+1. **Badges are CUSTOM COMPONENT OVERRIDES** - NOT direct configuration
+2. **Badge function returns an ARRAY of badge objects** - NOT JSX components
+3. **Each badge object has properties** like `text`, `skin`, `prefixIcon`, etc.
+4. **Must be registered in PatternsWizardOverridesProvider** under `entityPageHeaderBadges`
+
+### Complete Implementation Guide
+
+#### Step 1: Create the Badge Function
+
+**File**: `src/dashboard/components/entityPageHeaderBadges/entityPageHeaderBadges.ts`
+
+```typescript
+export const entityPageHeaderBadges = (entity: Record<string, any>) => {
+  // Define available badge skins
+  const badgeSkins = ['success', 'warning', 'destructive', 'neutral', 'premium'] as const;
+
+  // Get random skins for the two badges
+  const randomSkin1 = badgeSkins[Math.floor(Math.random() * badgeSkins.length)];
+  const randomSkin2 = badgeSkins[Math.floor(Math.random() * badgeSkins.length)];
+
+  return [
+    {
+      text: 'wow',
+      skin: randomSkin1,
+    },
+    {
+      text: 'wow',
+      skin: randomSkin2,
+    },
+  ];
+};
+```
+
+#### Step 2: Create/Update Index File
+
+**File**: `src/dashboard/components/entityPageHeaderBadges/index.ts`
+
+```typescript
+import { entityPageHeaderBadges } from './entityPageHeaderBadges';
+
+export const useEntityPageHeaderBadges = () => {
+  return entityPageHeaderBadges;
+};
+```
+
+#### Step 3: Update Main Page Overrides
+
+**File**: `src/dashboard/pages/page.tsx`
+
+```typescript
+import { useEntityPageHeaderSubtitle } from '../components/entityPageHeaderSubtitle';
+import { useEntityPageHeaderBadges } from '../components/entityPageHeaderBadges';
+
+const Index: FC = () => {
+  const entityPageHeaderSubtitle = useEntityPageHeaderSubtitle();
+  const entityPageHeaderBadges = useEntityPageHeaderBadges();
+
+  return (
+    <PatternsWizardOverridesProvider
+      value={{
+        // ... other overrides
+        entityPageHeaderSubtitle: {
+          entityPageHeaderSubtitle,
+        },
+        entityPageHeaderBadges: {
+          entityPageHeaderBadges, // ⚠️ CRITICAL: This must match the ID in config
+        },
+      }}
+    >
+      <WixPetsPage />
+    </PatternsWizardOverridesProvider>
+  );
+};
+```
+
+#### Step 4: Update Configuration
+
+**File**: `src/dashboard/pages/wixPetsConfig.patterns.ts`
+
+```typescript
+{
+  id: 'wixPets-entity',
+  type: 'entityPage',
+  entityPage: {
+    title: {
+      text: 'WixPet Details',
+      badges: {
+        id: 'entityPageHeaderBadges', // ⚠️ CRITICAL: This must match the override key
+      },
+    },
+    // ... rest of config
+  },
+}
+```
+
+### Required File Structure
+
+```
+src/dashboard/
+├── components/
+│   └── entityPageHeaderBadges/
+│       ├── index.ts                    # ✅ MUST EXIST (badges hook exports)
+│       └── entityPageHeaderBadges.ts   # ✅ MUST EXIST (badges function)
+├── pages/
+│   ├── page.tsx                        # ✅ MUST REGISTER OVERRIDES
+│   └── wixPetsConfig.patterns.ts       # ✅ MUST HAVE BADGES CONFIG
+```
+
+### ⚠️ **Common Badges Mistakes to Avoid**
+
+1. **❌ DON'T return JSX components** - Return badge objects instead
+2. **❌ DON'T use direct configuration** - Use custom component overrides
+3. **❌ DON'T forget to register in PatternsWizardOverridesProvider**
+5. **❌ DON'T forget to export from index.ts** - Must export the function
+
+
+
 ## View Mode: Purpose and API
 
 ### Purpose of View Mode
@@ -155,7 +447,7 @@ Entity page action configuration depends on the mode:
    - For image fields, consider providing more space (larger span)
    - Images are automatically rendered with proper controls when using the field type
 
-## ⚠️ Common Entity Page Layout Mistakes to Avoid
+## Common Entity Page Layout Mistakes to Avoid
 
 - Using incorrect span values causing unexpected layout breaks
 - Referencing non-existent field IDs in the layout

package/dist/docs/index.md

@@ -46,6 +46,14 @@ This index maps user requests to the appropriate section IDs for fetching releva
 **Topics**: Entity page edit mode actions, moreActions, custom entity actions
 **Keywords**: entity page actions, edit mode actions, moreActions, custom entity actions, entity-specific operations, action menus
 
+### ID: `entity_page_badges`
+**Topics**: Entity page badges, dynamic badges, badge configuration, badge overrides
+**Keywords**: badges, entity page badges, dynamic badges, badge configuration, badge overrides, title badges, header badges, badge skins, badge text, badge icons
+
+### ID: `entity_page_subtitle`
+**Topics**: Entity page dynamic subtitle, subtitle overrides, dynamic text generation
+**Keywords**: subtitle, entity page subtitle, dynamic subtitle, subtitle overrides, header subtitle, title subtitle, dynamic text, contextual subtitle, entity-based subtitle
+
 ### ID: `entity_page_view_actions`
 **Topics**: Entity page view mode actions, primaryActions, secondaryActions, collection-style actions
 **Keywords**: view mode actions, primaryActions, secondaryActions, read-only entity actions, entity page view operations, collection-style entity actions, navigation actions

package/dist/docs/installation.md

@@ -2,13 +2,36 @@
 
 ## 1. Install Packages
 
-Install if necessary and doesn't exists in package.json:
+Install if doesn't exists in package.json:
 
 ```bash
 npm install @wix/auto-patterns @wix/patterns @wix/design-system
 ```
 
-## ⚠️ Critical Import Rules
+### React Router dependency
+
+`react-router-dom` is required. Install a version that matches your React version:
+
+- React 16.x (and 17.x): use `react-router-dom@^6`
+- React 18+ : use `react-router-dom@^7`
+
+Check your React version:
+
+```bash
+npm ls react --depth=0
+```
+
+Then install the matching router version:
+
+```bash
+# For React 16.x or 17.x
+npm install react-router-dom@^6
+
+# For React 18+
+npm install react-router-dom@^7
+```
+
+## Critical Import Rules
 
 - **Import `AutoPatternsApp` only from `@wix/auto-patterns`** - never from other packages
 - **CRITICAL:** Always import `AppConfig` as a type import: `import type { AppConfig } from '@wix/auto-patterns/types'` - never import it as a value import

package/dist/docs/pages_configuration.md

@@ -1,6 +1,6 @@
 # Pages Configuration
 
-## ⚠️ Critical Page Rules
+## Critical Page Rules
 
 - **Pages array must contain exactly two pages** - one collectionPage and one entityPage
 - **Exactly one page must have `appMainPage: true`** to designate it as the main page
@@ -81,7 +81,7 @@ A two-way connection must be established between collection pages and entity pag
 * **Route Structure**: Entity pages must use `/[segment]/:entityId` format (e.g., `/product/:entityId` or `/pets/:entityId`), never just `/:entityId`
 * **Route Parameters Configuration**: All entity pages must have both a dynamic parameter in `route.path` and a matching configuration in `route.params`
 
-## ⚠️ Common Route and Configuration Mistakes to Avoid
+## Common Route and Configuration Mistakes to Avoid
 
 - Missing route.params for entity pages
 - Using `/:entityId` instead of `/segment/:entityId` for entity page routes (causes routing conflicts)

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

@@ -81,7 +81,8 @@ export const EditModeEntityPage = _ref => {
   } = useEntityPageHeaderTexts({
     config: configuration,
     isCreateMode,
-    entityDisplayName: entity == null ? void 0 : entity[schema.displayField]
+    entityDisplayName: entity == null ? void 0 : entity[schema.displayField],
+    entity
   });
   const sdk = useActionsSDK({
     collectionId

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useRef","EntityPage","useEntity","useEntityPage","MoreActions","useForm","useParams","useSchema","useEntityPageHeaderTexts","useNavigation","useEntityPageMoreActions","useActionsSDK","RenderLayoutCard","EditModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","layout","pageLayout","parentPageId","route","actions","collectionId","moreActions","form","mode","params","entityId","id","schema","isCreateMode","inputRefs","setInputRef","input","current","validate","invalidFieldId","Object","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","parentPath","state","onSave","formValues","getValues","baseEntity","entity","updatedEntity","newEntity","update","create","fetch","undefined","get","title","subtitle","config","entityDisplayName","displayField","sdk","resolvedMoreActions","createElement","dataHook","Header","length","items","Content","MainContent","main","map","layoutIndex","key","sectionId","cardIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/EditModeEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n  MoreActions,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { BaseInputRef } from './Fields/types';\nimport { useEntityPageHeaderTexts, useNavigation } from '../../hooks';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { RenderLayoutCard } from './RenderLayout';\nimport { EditEntityPageConfig } from '../../types';\n\nexport const EditModeEntityPage: React.FC<{\n  configuration: EditEntityPageConfig;\n}> = ({ configuration }) => {\n  const {\n    layout: pageLayout,\n    parentPageId,\n    route,\n    actions,\n    collectionId,\n  } = configuration;\n\n  const moreActions = actions?.moreActions;\n\n  const form = useForm<any>({\n    mode: 'onChange',\n  });\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n  const isCreateMode = !entityId;\n\n  const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n  const setInputRef = (id: string, input: BaseInputRef) => {\n    inputRefs.current[id] = input;\n  };\n\n  const validate = () => {\n    const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n      return inputRefs.current[fieldId]?.invalid;\n    });\n\n    if (invalidFieldId) {\n      inputRefs.current[invalidFieldId]?.focus?.();\n      throw new Error('Invalid form');\n    }\n  };\n  const { getParentPagePath } = useNavigation();\n\n  const parentPath = useMemo(\n    () => getParentPagePath(parentPageId),\n    [parentPageId, getParentPagePath],\n  );\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      validate();\n\n      const formValues = form.getValues();\n      const baseEntity = state.entity || {};\n      const updatedEntity = {\n        ...baseEntity,\n        ...formValues,\n      };\n\n      const newEntity = entityId\n        ? await schema.actions.update(updatedEntity)\n        : await schema.actions.create(updatedEntity);\n\n      return { updatedEntity: newEntity };\n    },\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n\n  const entity = useEntity(state);\n\n  const { title, subtitle } = useEntityPageHeaderTexts({\n    config: configuration,\n    isCreateMode,\n    entityDisplayName: entity?.[schema.displayField],\n  });\n\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const resolvedMoreActions = useEntityPageMoreActions(\n    moreActions,\n    entity,\n    sdk,\n    form,\n  );\n\n  return (\n    <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n      <EntityPage.Header\n        title={title}\n        subtitle={subtitle}\n        moreActions={\n          resolvedMoreActions.length > 0 ? (\n            <MoreActions items={resolvedMoreActions} />\n          ) : undefined\n        }\n      />\n      <EntityPage.Content>\n        <EntityPage.MainContent dataHook=\"entity-page-main-content\">\n          {pageLayout?.main?.map((layout, layoutIndex) => (\n            <RenderLayoutCard\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n            />\n          ))}\n        </EntityPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <EntityPage.AdditionalContent>\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </EntityPage.AdditionalContent>\n        ) : null}\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useRef","EntityPage","useEntity","useEntityPage","MoreActions","useForm","useParams","useSchema","useEntityPageHeaderTexts","useNavigation","useEntityPageMoreActions","useActionsSDK","RenderLayoutCard","EditModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","layout","pageLayout","parentPageId","route","actions","collectionId","moreActions","form","mode","params","entityId","id","schema","isCreateMode","inputRefs","setInputRef","input","current","validate","invalidFieldId","Object","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","parentPath","state","onSave","formValues","getValues","baseEntity","entity","updatedEntity","newEntity","update","create","fetch","undefined","get","title","subtitle","config","entityDisplayName","displayField","sdk","resolvedMoreActions","createElement","dataHook","Header","length","items","Content","MainContent","main","map","layoutIndex","key","sectionId","cardIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/EditModeEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n  MoreActions,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { BaseInputRef } from './Fields/types';\nimport { useEntityPageHeaderTexts, useNavigation } from '../../hooks';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { RenderLayoutCard } from './RenderLayout';\nimport { EditEntityPageConfig } from '../../types';\n\nexport const EditModeEntityPage: React.FC<{\n  configuration: EditEntityPageConfig;\n}> = ({ configuration }) => {\n  const {\n    layout: pageLayout,\n    parentPageId,\n    route,\n    actions,\n    collectionId,\n  } = configuration;\n\n  const moreActions = actions?.moreActions;\n\n  const form = useForm<any>({\n    mode: 'onChange',\n  });\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n  const isCreateMode = !entityId;\n\n  const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n  const setInputRef = (id: string, input: BaseInputRef) => {\n    inputRefs.current[id] = input;\n  };\n\n  const validate = () => {\n    const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n      return inputRefs.current[fieldId]?.invalid;\n    });\n\n    if (invalidFieldId) {\n      inputRefs.current[invalidFieldId]?.focus?.();\n      throw new Error('Invalid form');\n    }\n  };\n  const { getParentPagePath } = useNavigation();\n\n  const parentPath = useMemo(\n    () => getParentPagePath(parentPageId),\n    [parentPageId, getParentPagePath],\n  );\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      validate();\n\n      const formValues = form.getValues();\n      const baseEntity = state.entity || {};\n      const updatedEntity = {\n        ...baseEntity,\n        ...formValues,\n      };\n\n      const newEntity = entityId\n        ? await schema.actions.update(updatedEntity)\n        : await schema.actions.create(updatedEntity);\n\n      return { updatedEntity: newEntity };\n    },\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n\n  const entity = useEntity(state);\n\n  const { title, subtitle } = useEntityPageHeaderTexts({\n    config: configuration,\n    isCreateMode,\n    entityDisplayName: entity?.[schema.displayField],\n    entity,\n  });\n\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const resolvedMoreActions = useEntityPageMoreActions(\n    moreActions,\n    entity,\n    sdk,\n    form,\n  );\n\n  return (\n    <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n      <EntityPage.Header\n        title={title}\n        subtitle={subtitle}\n        moreActions={\n          resolvedMoreActions.length > 0 ? (\n            <MoreActions items={resolvedMoreActions} />\n          ) : undefined\n        }\n      />\n      <EntityPage.Content>\n        <EntityPage.MainContent dataHook=\"entity-page-main-content\">\n          {pageLayout?.main?.map((layout, layoutIndex) => (\n            <RenderLayoutCard\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n            />\n          ))}\n        </EntityPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <EntityPage.AdditionalContent>\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </EntityPage.AdditionalContent>\n        ) : null}\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,17 +1,20 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { Box, Cell, Heading, Layout, Page } from '@wix/design-system';
-import { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState, useEffect } from 'react';
+import { Page, Heading, Box, Layout, Cell, Badge } from '@wix/design-system';
 import { useParams } from 'react-router-dom';
-import { useSchema } from '../../providers';
-import { useNavigation } from '../../hooks/useNavigationUtils';
+import { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';
+import { useSchema } from '../../providers/SchemaContext';
+import { useNavigation } from '../../hooks';
 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';
+import { useEntityPageHeaderTexts } from '../../hooks/useEntityPageHeaderTexts';
+import { SkeletonEntity } from './SkeletonEntity';
 // TODO: temp solution until we have a proper view mode entity page
 export const ViewModeEntityPage = _ref => {
-  var _configuration$subtit, _pageLayout$main, _pageLayout$sidebar;
+  var _pageLayout$main, _pageLayout$sidebar;
   let {
     configuration
   } = _ref;
@@ -45,14 +48,16 @@ export const ViewModeEntityPage = _ref => {
       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 {
+    title,
+    subtitle
+  } = useEntityPageHeaderTexts({
+    config: configuration,
+    isCreateMode: false,
+    isViewMode: true,
+    entityDisplayName: entity == null ? void 0 : entity[schema.displayField],
+    entity
+  });
   const sdk = useActionsSDK({
     collectionId: configuration.collectionId
   });
@@ -68,18 +73,42 @@ export const ViewModeEntityPage = _ref => {
     configuration
   });
   const resolvedMoreActions = useEntityPageMoreActions(moreActions, entity, sdk);
+  const renderTitle = () => {
+    const {
+      text,
+      badges
+    } = title;
+    return /*#__PURE__*/React.createElement(Box, {
+      gap: "SP2",
+      verticalAlign: "middle",
+      alignContent: "center"
+    }, /*#__PURE__*/React.createElement(Heading, {
+      size: "extraLarge"
+    }, text), badges && badges.length > 0 && /*#__PURE__*/React.createElement(Box, {
+      gap: "SP2"
+    }, badges.map((badge, index) => /*#__PURE__*/React.createElement(Badge, _extends({
+      key: index
+    }, badge, {
+      dataHook: `form-page-header-badge-${index}`
+    }), badge.text))));
+  };
+  if (!entity) {
+    return /*#__PURE__*/React.createElement(SkeletonEntity, {
+      entityPage: configuration
+    });
+  }
   return /*#__PURE__*/React.createElement(Page, {
     dataHook: "view-mode-entity-page"
   }, /*#__PURE__*/React.createElement(Page.Header, {
-    title: /*#__PURE__*/React.createElement(Heading, {
-      size: "extraLarge"
-    }, title),
-    subtitle: subtitle,
+    dataHook: "view-mode-entity-page-header",
+    title: renderTitle(),
+    subtitle: subtitle == null ? void 0 : subtitle.text,
     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, {

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

@@ -1 +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        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 items={resolvedMoreActions} />\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":[]}
+{"version":3,"names":["React","useState","useEffect","Page","Heading","Box","Layout","Cell","Badge","useParams","RenderViewLayoutCard","useSchema","useNavigation","MoreActions","useEntityPageActions","useEntityPageMoreActions","useActionsSDK","useNavigateEditEntityAction","useEntityPageHeaderTexts","SkeletonEntity","ViewModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","route","params","entityId","id","schema","layout","pageLayout","navigateToCollectionPage","entity","setEntity","undefined","isMounted","fetchEntity","fetchedEntity","actions","get","title","subtitle","config","isCreateMode","isViewMode","entityDisplayName","displayField","sdk","collectionId","entityPageActions","moreActions","displayName","resolvedMoreActions","renderTitle","text","badges","createElement","gap","verticalAlign","alignContent","size","length","map","badge","index","_extends","key","dataHook","entityPage","Header","showBackButton","onBackClicked","parentPageId","actionsBar","items","Content","span","sidebar","direction","main","layoutIndex","sectionId","cardIndex"],"sources":["../../../../src/components/AutoPatternsEntityPage/ViewModeEntityPage.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Page, Heading, Box, Layout, Cell, Badge } from '@wix/design-system';\nimport { useParams } from 'react-router-dom';\nimport { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { useNavigation } from '../../hooks';\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';\nimport { useEntityPageHeaderTexts } from '../../hooks/useEntityPageHeaderTexts';\nimport { ViewEntityPageConfig } from '../../types';\nimport { SkeletonEntity } from './SkeletonEntity';\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, subtitle } = useEntityPageHeaderTexts({\n    config: configuration,\n    isCreateMode: false,\n    isViewMode: true,\n    entityDisplayName: entity?.[schema.displayField],\n    entity,\n  });\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  const renderTitle = () => {\n    const { text, badges } = title;\n\n    return (\n      <Box gap=\"SP2\" verticalAlign=\"middle\" alignContent=\"center\">\n        <Heading size=\"extraLarge\">{text}</Heading>\n        {badges && badges.length > 0 && (\n          <Box gap=\"SP2\">\n            {badges.map((badge, index) => (\n              <Badge\n                key={index}\n                {...badge}\n                dataHook={`form-page-header-badge-${index}`}\n              >\n                {badge.text}\n              </Badge>\n            ))}\n          </Box>\n        )}\n      </Box>\n    );\n  };\n\n  if (!entity) {\n    return <SkeletonEntity entityPage={configuration} />;\n  }\n  return (\n    <Page dataHook=\"view-mode-entity-page\">\n      <Page.Header\n        dataHook=\"view-mode-entity-page-header\"\n        title={renderTitle()}\n        subtitle={subtitle?.text}\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/dataSourceAdapters/cms/cmsAdapter.js

@@ -1,5 +1,6 @@
 import { collections, items } from '@wix/data';
 import { fetchCmsData } from './fetchCmsData';
+import { errorHandler } from '@wix/essentials';
 export const CmsFieldTypeToPatternsFieldType = {
   [collections.Type.TEXT]: 'SHORT_TEXT',
   [collections.Type.DATE]: 'DATE',
@@ -17,7 +18,7 @@ export const CmsFieldTypeToPatternsFieldType = {
   [collections.Type.IMAGE]: 'IMAGE'
 };
 export async function fetchCmsSchema(collectionId) {
-  const schema = await collections.getDataCollection(collectionId);
+  const schema = await errorHandler.withErrorHandler(async () => collections.getDataCollection(collectionId), {});
   const transformedFields = schema.fields.reduce((acc, field) => {
     var _field$capabilities, _field$capabilities2, _field$typeMetadata;
     if (!field.key) {