@wix/auto-patterns 1.7.0 → 1.9.0

package/dist/cjs/components/AutoPatternsApp/AutoPatternsApp.js

@@ -4,44 +4,29 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.AutoPatternsApp = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _patterns = require("@wix/patterns");
-var _AutoPatternsPage = require("../AutoPatternsRoute/AutoPatternsPage");
+var _RootAppProvider = require("../../providers/RootAppProvider");
+var _AutoPatternsRoutes = require("../AutoPatternsRoute/AutoPatternsRoutes");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsApp/AutoPatternsApp.tsx";
-const pageTypeToRouteType = {
-  collectionPage: 'collection',
-  entityPage: 'editEntity'
-};
 const AutoPatternsApp = ({
   configuration
 }) => {
-  const routes = configuration.pages.map(page => /*#__PURE__*/_react.default.createElement(_patterns.PatternsReactRoute, {
-    key: page.routePath,
-    type: pageTypeToRouteType[page.type] ?? 'other',
-    path: page.routePath,
-    element: /*#__PURE__*/_react.default.createElement(_AutoPatternsPage.AutoPatternsPage, {
-      pageConfig: page,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 24,
-        columnNumber: 16
-      }
-    }),
+  return /*#__PURE__*/_react.default.createElement(_RootAppProvider.RootAppProvider, {
+    appConfig: configuration,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 14,
       columnNumber: 5
     }
-  }));
-  return /*#__PURE__*/_react.default.createElement(_patterns.PatternsReactRouter, {
+  }, /*#__PURE__*/_react.default.createElement(_AutoPatternsRoutes.AutoPatternsRoutes, {
+    config: configuration,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
-      columnNumber: 10
+      lineNumber: 15,
+      columnNumber: 7
     }
-  }, routes);
+  }));
 };
 exports.AutoPatternsApp = AutoPatternsApp;
 //# sourceMappingURL=AutoPatternsApp.js.map

package/dist/cjs/components/AutoPatternsApp/AutoPatternsApp.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_AutoPatternsPage","_jsxFileName","pageTypeToRouteType","collectionPage","entityPage","AutoPatternsApp","configuration","routes","pages","map","page","default","createElement","PatternsReactRoute","key","routePath","type","path","element","AutoPatternsPage","pageConfig","__self","__source","fileName","lineNumber","columnNumber","PatternsReactRouter","exports"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.tsx"],"sourcesContent":["import React from 'react';\nimport { AppConfig } from '../../types';\nimport { PatternsReactRouter, PatternsReactRoute } from '@wix/patterns';\nimport { AutoPatternsPage } from '../AutoPatternsRoute/AutoPatternsPage';\nimport type { RouteType } from '@wix/patterns/dist/types/components/Router/types';\n\nexport interface AutoPatternsAppPageProps {\n  configuration: AppConfig;\n}\n\nconst pageTypeToRouteType: Record<string, RouteType> = {\n  collectionPage: 'collection',\n  entityPage: 'editEntity',\n};\n\nexport const AutoPatternsApp: React.FC<AutoPatternsAppPageProps> = ({\n  configuration,\n}) => {\n  const routes = configuration.pages.map((page) => (\n    <PatternsReactRoute\n      key={page.routePath}\n      type={pageTypeToRouteType[page.type] ?? 'other'}\n      path={page.routePath}\n      element={<AutoPatternsPage pageConfig={page} />}\n    />\n  ));\n\n  return <PatternsReactRouter>{routes}</PatternsReactRouter>;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAAyE,IAAAG,YAAA;AAOzE,MAAMC,mBAA8C,GAAG;EACrDC,cAAc,EAAE,YAAY;EAC5BC,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,eAAmD,GAAGA,CAAC;EAClEC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGD,aAAa,CAACE,KAAK,CAACC,GAAG,CAAEC,IAAI,iBAC1Cd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAc,kBAAkB;IACjBC,GAAG,EAAEJ,IAAI,CAACK,SAAU;IACpBC,IAAI,EAAEd,mBAAmB,CAACQ,IAAI,CAACM,IAAI,CAAC,IAAI,OAAQ;IAChDC,IAAI,EAAEP,IAAI,CAACK,SAAU;IACrBG,OAAO,eAAEtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAAmB,gBAAgB;MAACC,UAAU,EAAEV,IAAK;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjD,CACF,CAAC;EAEF,oBAAO7B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAA2B,mBAAmB;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAElB,MAA4B,CAAC;AAC5D,CAAC;AAACoB,OAAA,CAAAtB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_RootAppProvider","_AutoPatternsRoutes","_jsxFileName","AutoPatternsApp","configuration","default","createElement","RootAppProvider","appConfig","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsRoutes","config","exports"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.tsx"],"sourcesContent":["import React from 'react';\nimport { AppConfig } from '../../types';\nimport { RootAppProvider } from '../../providers/RootAppProvider';\nimport { AutoPatternsRoutes } from '../AutoPatternsRoute/AutoPatternsRoutes';\n\nexport interface AutoPatternsAppProps {\n  configuration: AppConfig;\n}\n\nexport const AutoPatternsApp: React.FC<AutoPatternsAppProps> = ({\n  configuration,\n}) => {\n  return (\n    <RootAppProvider appConfig={configuration}>\n      <AutoPatternsRoutes config={configuration} />\n    </RootAppProvider>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA6E,IAAAG,YAAA;AAMtE,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC;AACF,CAAC,KAAK;EACJ,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,eAAe;IAACC,SAAS,EAAEJ,aAAc;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxChB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,mBAAA,CAAAa,kBAAkB;IAACC,MAAM,EAAEX,aAAc;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC7B,CAAC;AAEtB,CAAC;AAACG,OAAA,CAAAb,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.js

@@ -3,12 +3,11 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.AutoPatternsCollectionPage = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _page = require("@wix/patterns/page");
 var _AutoPatternsCollectionPageContent = require("../AutoPatternsCollectionPageContent");
 var _providers = require("../../providers");
-var _patterns = require("@wix/patterns");
+var _useCollectionPageActions = require("../../hooks/useCollectionPageActions");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx";
 const AutoPatternsCollectionPage = ({
   configuration
@@ -17,55 +16,42 @@ const AutoPatternsCollectionPage = ({
     title,
     subtitle
   } = configuration;
+  const actions = (0, _useCollectionPageActions.useCollectionPageActions)({
+    collectionPageActions: configuration.actions
+  });
   const context = (0, _providers.usePatternsWizardOverridesContext)();
-  const primaryActionProps = context == null || context.usePagePrimaryAction == null ? void 0 : context.usePagePrimaryAction();
-  const secondaryActionProps = context == null || context.usePageSecondaryAction == null ? void 0 : context.usePageSecondaryAction();
   return /*#__PURE__*/_react.default.createElement(_page.CollectionPage, {
     height: "100vh",
     dataHook: "auto-patterns-page",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 24,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_page.CollectionPage.Header, {
     title: title,
     subtitle: subtitle,
-    primaryAction: primaryActionProps ? /*#__PURE__*/_react.default.createElement(_patterns.PrimaryActions, (0, _extends2.default)({}, primaryActionProps, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 27,
-        columnNumber: 13
-      }
-    })) : undefined,
-    secondaryActions: secondaryActionProps ? /*#__PURE__*/_react.default.createElement(_patterns.SecondaryActions, (0, _extends2.default)({}, secondaryActionProps, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 32,
-        columnNumber: 13
-      }
-    })) : undefined,
+    primaryAction: actions.primaryActions,
+    secondaryActions: actions.secondaryActions,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
+      lineNumber: 25,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_page.CollectionPage.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 31,
       columnNumber: 7
     }
   }, context != null && context.HeaderAddon ? /*#__PURE__*/_react.default.createElement(context.HeaderAddon, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 32,
       columnNumber: 33
     }
   }) : null, /*#__PURE__*/_react.default.createElement(_AutoPatternsCollectionPageContent.AutoPatternsCollectionPageContent, {
@@ -73,7 +59,7 @@ const AutoPatternsCollectionPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 33,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_page","_AutoPatternsCollectionPageContent","_providers","_patterns","_jsxFileName","AutoPatternsCollectionPage","configuration","title","subtitle","context","usePatternsWizardOverridesContext","primaryActionProps","usePagePrimaryAction","secondaryActionProps","usePageSecondaryAction","default","createElement","CollectionPage","height","dataHook","__self","__source","fileName","lineNumber","columnNumber","Header","primaryAction","PrimaryActions","_extends2","undefined","secondaryActions","SecondaryActions","Content","HeaderAddon","AutoPatternsCollectionPageContent","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport { usePatternsWizardOverridesContext } from '../../providers';\nimport { PrimaryActions, SecondaryActions } from '@wix/patterns';\nimport { CollectionPageConfig } from '../../types/CollectionPageConfig';\n\nexport interface AutoPatternsCollectionPageProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPage: React.FC<\n  AutoPatternsCollectionPageProps\n> = ({ configuration }) => {\n  const { title, subtitle } = configuration;\n  const context = usePatternsWizardOverridesContext();\n  const primaryActionProps = context?.usePagePrimaryAction?.();\n  const secondaryActionProps = context?.usePageSecondaryAction?.();\n\n  return (\n    <CollectionPage height=\"100vh\" dataHook=\"auto-patterns-page\">\n      <CollectionPage.Header\n        title={title}\n        subtitle={subtitle}\n        primaryAction={\n          primaryActionProps ? (\n            <PrimaryActions {...primaryActionProps} />\n          ) : undefined\n        }\n        secondaryActions={\n          secondaryActionProps ? (\n            <SecondaryActions {...secondaryActionProps} />\n          ) : undefined\n        }\n      />\n      <CollectionPage.Content>\n        {context?.HeaderAddon ? <context.HeaderAddon /> : null}\n        <AutoPatternsCollectionPageContent configuration={configuration} />\n      </CollectionPage.Content>\n    </CollectionPage>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,kCAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAAiE,IAAAK,YAAA;AAO1D,MAAMC,0BAEZ,GAAGA,CAAC;EAAEC;AAAc,CAAC,KAAK;EACzB,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EACzC,MAAMG,OAAO,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EACnD,MAAMC,kBAAkB,GAAGF,OAAO,YAAPA,OAAO,CAAEG,oBAAoB,oBAA7BH,OAAO,CAAEG,oBAAoB,CAAG,CAAC;EAC5D,MAAMC,oBAAoB,GAAGJ,OAAO,YAAPA,OAAO,CAAEK,sBAAsB,oBAA/BL,OAAO,CAAEK,sBAAsB,CAAG,CAAC;EAEhE,oBACEjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,KAAA,CAAAiB,cAAc;IAACC,MAAM,EAAC,OAAO;IAACC,QAAQ,EAAC,oBAAoB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1D3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,KAAA,CAAAiB,cAAc,CAACQ,MAAM;IACpBlB,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBkB,aAAa,EACXf,kBAAkB,gBAChBd,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAwB,cAAc,MAAAC,SAAA,CAAAb,OAAA,MAAKJ,kBAAkB;MAAAS,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAC,GACxCK,SACL;IACDC,gBAAgB,EACdjB,oBAAoB,gBAClBhB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAA4B,gBAAgB,MAAAH,SAAA,CAAAb,OAAA,MAAKF,oBAAoB;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAC,GAC5CK,SACL;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC,eACF3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,KAAA,CAAAiB,cAAc,CAACe,OAAO;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpBf,OAAO,YAAPA,OAAO,CAAEwB,WAAW,gBAAGpC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACP,OAAO,CAACwB,WAAW;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAG,IAAI,eACtD3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,kCAAA,CAAAiC,iCAAiC;IAAC5B,aAAa,EAAEA,aAAc;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CACV,CAAC;AAErB,CAAC;AAACW,OAAA,CAAA9B,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_page","_AutoPatternsCollectionPageContent","_providers","_useCollectionPageActions","_jsxFileName","AutoPatternsCollectionPage","configuration","title","subtitle","actions","useCollectionPageActions","collectionPageActions","context","usePatternsWizardOverridesContext","default","createElement","CollectionPage","height","dataHook","__self","__source","fileName","lineNumber","columnNumber","Header","primaryAction","primaryActions","secondaryActions","Content","HeaderAddon","AutoPatternsCollectionPageContent","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport { usePatternsWizardOverridesContext } from '../../providers';\nimport { CollectionPageConfig } from '../../types/CollectionPageConfig';\nimport { useCollectionPageActions } from '../../hooks/useCollectionPageActions';\n\nexport interface AutoPatternsCollectionPageProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPage: React.FC<\n  AutoPatternsCollectionPageProps\n> = ({ configuration }) => {\n  const { title, subtitle } = configuration;\n\n  const actions = useCollectionPageActions({\n    collectionPageActions: configuration.actions,\n  });\n\n  const context = usePatternsWizardOverridesContext();\n\n  return (\n    <CollectionPage height=\"100vh\" dataHook=\"auto-patterns-page\">\n      <CollectionPage.Header\n        title={title}\n        subtitle={subtitle}\n        primaryAction={actions.primaryActions}\n        secondaryActions={actions.secondaryActions}\n      />\n      <CollectionPage.Content>\n        {context?.HeaderAddon ? <context.HeaderAddon /> : null}\n        <AutoPatternsCollectionPageContent configuration={configuration} />\n      </CollectionPage.Content>\n    </CollectionPage>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,kCAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,yBAAA,GAAAJ,OAAA;AAAgF,IAAAK,YAAA;AAMzE,MAAMC,0BAEZ,GAAGA,CAAC;EAAEC;AAAc,CAAC,KAAK;EACzB,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EAEzC,MAAMG,OAAO,GAAG,IAAAC,kDAAwB,EAAC;IACvCC,qBAAqB,EAAEL,aAAa,CAACG;EACvC,CAAC,CAAC;EAEF,MAAMG,OAAO,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EAEnD,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAgB,cAAc;IAACC,MAAM,EAAC,OAAO;IAACC,QAAQ,EAAC,oBAAoB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1D1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAgB,cAAc,CAACQ,MAAM;IACpBjB,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBiB,aAAa,EAAEhB,OAAO,CAACiB,cAAe;IACtCC,gBAAgB,EAAElB,OAAO,CAACkB,gBAAiB;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5C,CAAC,eACF1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAgB,cAAc,CAACY,OAAO;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpBX,OAAO,YAAPA,OAAO,CAAEiB,WAAW,gBAAGhC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACH,OAAO,CAACiB,WAAW;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAG,IAAI,eACtD1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,kCAAA,CAAA6B,iCAAiC;IAACxB,aAAa,EAAEA,aAAc;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CACV,CAAC;AAErB,CAAC;AAACQ,OAAA,CAAA1B,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.js

@@ -35,12 +35,13 @@ const AutoPatternsCollectionPageContent = ({
       case 'Grid':
         if (component.grid) {
           return /*#__PURE__*/_react.default.createElement(_AutoPatternsGrid.AutoPatternsGrid, {
+            key: component.grid.collection.collectionId,
             configuration: component.grid,
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 31,
-              columnNumber: 22
+              lineNumber: 32,
+              columnNumber: 17
             }
           });
         }

package/dist/cjs/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_AutoPatternsTable","_AutoPatternsGrid","_jsxFileName","AutoPatternsCollectionPageContent","configuration","components","default","createElement","Fragment","map","component","type","table","AutoPatternsTable","key","collection","collectionId","__self","__source","fileName","lineNumber","columnNumber","grid","AutoPatternsGrid","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { CollectionPageConfig } from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  return (\n    <>\n      {components.map((component) => {\n        const { type } = component;\n        switch (type) {\n          case 'Table':\n            if (component.table) {\n              return (\n                <AutoPatternsTable\n                  key={component.table.collection.collectionId}\n                  configuration={component.table}\n                />\n              );\n            }\n            return null;\n          case 'Grid':\n            if (component.grid) {\n              return <AutoPatternsGrid configuration={component.grid} />;\n            }\n            return null;\n          default:\n            return null;\n        }\n      })}\n    </>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAAuD,IAAAG,YAAA;AAMhD,MAAMC,iCAAiC,GAAGA,CAAC;EAChDC;AACsC,CAAC,KAAK;EAC5C,MAAM;IAAEC;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,QACGH,UAAU,CAACI,GAAG,CAAEC,SAAS,IAAK;IAC7B,MAAM;MAAEC;IAAK,CAAC,GAAGD,SAAS;IAC1B,QAAQC,IAAI;MACV,KAAK,OAAO;QACV,IAAID,SAAS,CAACE,KAAK,EAAE;UACnB,oBACEf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAa,iBAAiB;YAChBC,GAAG,EAAEJ,SAAS,CAACE,KAAK,CAACG,UAAU,CAACC,YAAa;YAC7CZ,aAAa,EAAEM,SAAS,CAACE,KAAM;YAAAK,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAjB,YAAA;cAAAkB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAChC,CAAC;QAEN;QACA,OAAO,IAAI;MACb,KAAK,MAAM;QACT,IAAIX,SAAS,CAACY,IAAI,EAAE;UAClB,oBAAOzB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAsB,gBAAgB;YAACnB,aAAa,EAAEM,SAAS,CAACY,IAAK;YAAAL,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAjB,YAAA;cAAAkB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;QAC5D;QACA,OAAO,IAAI;MACb;QACE,OAAO,IAAI;IACf;EACF,CAAC,CACD,CAAC;AAEP,CAAC;AAACG,OAAA,CAAArB,iCAAA,GAAAA,iCAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_AutoPatternsTable","_AutoPatternsGrid","_jsxFileName","AutoPatternsCollectionPageContent","configuration","components","default","createElement","Fragment","map","component","type","table","AutoPatternsTable","key","collection","collectionId","__self","__source","fileName","lineNumber","columnNumber","grid","AutoPatternsGrid","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { CollectionPageConfig } from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  return (\n    <>\n      {components.map((component) => {\n        const { type } = component;\n        switch (type) {\n          case 'Table':\n            if (component.table) {\n              return (\n                <AutoPatternsTable\n                  key={component.table.collection.collectionId}\n                  configuration={component.table}\n                />\n              );\n            }\n            return null;\n          case 'Grid':\n            if (component.grid) {\n              return (\n                <AutoPatternsGrid\n                  key={component.grid.collection.collectionId}\n                  configuration={component.grid}\n                />\n              );\n            }\n            return null;\n          default:\n            return null;\n        }\n      })}\n    </>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAAuD,IAAAG,YAAA;AAMhD,MAAMC,iCAAiC,GAAGA,CAAC;EAChDC;AACsC,CAAC,KAAK;EAC5C,MAAM;IAAEC;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,QACGH,UAAU,CAACI,GAAG,CAAEC,SAAS,IAAK;IAC7B,MAAM;MAAEC;IAAK,CAAC,GAAGD,SAAS;IAC1B,QAAQC,IAAI;MACV,KAAK,OAAO;QACV,IAAID,SAAS,CAACE,KAAK,EAAE;UACnB,oBACEf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAa,iBAAiB;YAChBC,GAAG,EAAEJ,SAAS,CAACE,KAAK,CAACG,UAAU,CAACC,YAAa;YAC7CZ,aAAa,EAAEM,SAAS,CAACE,KAAM;YAAAK,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAjB,YAAA;cAAAkB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAChC,CAAC;QAEN;QACA,OAAO,IAAI;MACb,KAAK,MAAM;QACT,IAAIX,SAAS,CAACY,IAAI,EAAE;UAClB,oBACEzB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAsB,gBAAgB;YACfT,GAAG,EAAEJ,SAAS,CAACY,IAAI,CAACP,UAAU,CAACC,YAAa;YAC5CZ,aAAa,EAAEM,SAAS,CAACY,IAAK;YAAAL,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAjB,YAAA;cAAAkB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAC/B,CAAC;QAEN;QACA,OAAO,IAAI;MACb;QACE,OAAO,IAAI;IACf;EACF,CAAC,CACD,CAAC;AAEP,CAAC;AAACG,OAAA,CAAArB,iCAAA,GAAAA,iCAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsEntityPage/AutoPatternsEntityPage.js

@@ -1,49 +1,240 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.AutoPatternsEntityPage = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _patterns = require("@wix/patterns");
 var _form = require("@wix/patterns/form");
 var _designSystem = require("@wix/design-system");
-var _FormFieldInput = require("./Fields/FormFieldInput");
 var _reactRouterDom = require("react-router-dom");
 var _SchemaContext = require("../../providers/SchemaContext");
+var _FormFieldInput = require("./Fields/FormFieldInput");
+var _hooks = require("../../hooks");
+var _providers = require("../../providers");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const RenderLayoutContent = ({
+  content,
+  level,
+  sectionId,
+  cardIndex,
+  contentIndex,
+  setInputRef
+}) => {
+  var _content$container$ch, _overrides$components;
+  const schema = (0, _SchemaContext.useSchema)();
+  const overrides = (0, _providers.usePatternsWizardOverridesContext)();
+  const pageState = (0, _patterns.useEntityPageContext)();
+  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.default.createElement(_designSystem.Cell, {
+        span: content.field.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 44,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
+        key: content.field.fieldId,
+        field: field,
+        inputRef: ref => setInputRef(content.field.fieldId, ref),
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 45,
+          columnNumber: 11
+        }
+      }));
+    case 'container':
+      if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+        span: content.container.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 59,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 60,
+          columnNumber: 11
+        }
+      }, content.container.children.map((child, index) => /*#__PURE__*/_react.default.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,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 62,
+          columnNumber: 15
+        }
+      }))));
+    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.default.createElement(_designSystem.Cell, {
+        span: content.component.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 88,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(Component, {
+        form: pageState.form,
+        entity: pageState.entity,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 89,
+          columnNumber: 11
+        }
+      }));
+    default:
+      return null;
+  }
+};
+const RenderLayoutCard = ({
+  layout,
+  sectionId,
+  cardIndex,
+  setInputRef
+}) => {
+  var _layout$card$subtitle;
+  switch (layout.type) {
+    case 'card':
+      return /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Card, {
+        minHeight: "50px",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 110,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
+        title: layout.card.title.text,
+        subtitle: (_layout$card$subtitle = layout.card.subtitle) == null ? void 0 : _layout$card$subtitle.text,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 111,
+          columnNumber: 11
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 115,
+          columnNumber: 11
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 116,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 117,
+          columnNumber: 13
+        }
+      }, layout.card.children.map((child, index) => /*#__PURE__*/_react.default.createElement(RenderLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        content: child,
+        level: 0,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        setInputRef: setInputRef,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 119,
+          columnNumber: 17
+        }
+      })))));
+    default:
+      return null;
+  }
+};
 const AutoPatternsEntityPage = ({
   configuration
 }) => {
+  var _pageLayout$main, _pageLayout$sidebar;
   const {
-    title,
-    subtitle,
-    visibleFieldIds = [],
-    collectionPagePath: parentPath
+    layout: pageLayout,
+    parentPageId,
+    route
   } = configuration;
-  const form = (0, _form.useForm)();
+  const form = (0, _form.useForm)({
+    mode: 'onChange'
+  });
   const params = (0, _reactRouterDom.useParams)();
-  const entityId = params.entityId;
+  const entityId = params[route.params.id];
   const schema = (0, _SchemaContext.useSchema)();
+  const isCreateMode = !entityId;
+  const inputRefs = (0, _react.useRef)({});
+  const setInputRef = (id, input) => {
+    inputRefs.current[id] = input;
+  };
+  const validate = () => {
+    const invalidFieldId = Object.keys(inputRefs.current).find(fieldId => {
+      var _inputRefs$current$fi;
+      return (_inputRefs$current$fi = inputRefs.current[fieldId]) == null ? void 0 : _inputRefs$current$fi.invalid;
+    });
+    if (invalidFieldId) {
+      var _inputRefs$current$in;
+      (_inputRefs$current$in = inputRefs.current[invalidFieldId]) == null || _inputRefs$current$in.focus == null || _inputRefs$current$in.focus();
+      throw new Error('Invalid form');
+    }
+  };
+  const {
+    getParentPagePath
+  } = (0, _hooks.useNavigation)();
+  const parentPath = (0, _react.useMemo)(() => getParentPagePath(parentPageId), [parentPageId, getParentPagePath]);
   const state = (0, _patterns.useEntityPage)({
     parentPath,
     form,
     onSave: async () => {
+      validate();
       const formValues = form.getValues();
+      const baseEntity = state.entity || {};
       const updatedEntity = {
-        ...state.entity,
+        ...baseEntity,
         ...formValues
       };
-      let newUpdatedEntity;
-      if (entityId) {
-        newUpdatedEntity = await schema.actions.update(updatedEntity);
-      } else {
-        newUpdatedEntity = await schema.actions.create(updatedEntity);
-      }
+      const newEntity = entityId ? await schema.actions.update(updatedEntity) : await schema.actions.create(updatedEntity);
       return {
-        updatedEntity: newUpdatedEntity
+        updatedEntity: newEntity
       };
     },
-    saveErrorToast: () => 'Failed to save',
     fetch: async () => {
       if (!entityId) {
         return {
@@ -57,106 +248,93 @@ const AutoPatternsEntityPage = ({
     }
   });
   const entity = (0, _patterns.useEntity)(state);
+  const {
+    title,
+    subtitle
+  } = (0, _hooks.useEntityPageHeaderTexts)({
+    config: configuration,
+    isCreateMode,
+    entityDisplayName: entity == null ? void 0 : entity[schema.displayField]
+  });
   return /*#__PURE__*/_react.default.createElement(_patterns.EntityPage, {
     state: state,
     dataHook: "auto-patterns-entity-page",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 215,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Header, {
-    title: title ?? {
-      text: (entity == null ? void 0 : entity[schema.displayField]) ?? 'Edit Entity'
-    },
+    title: title,
     subtitle: subtitle,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 216,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 217,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.MainContent, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 218,
       columnNumber: 9
     }
-  }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Card, {
-    minHeight: "50px",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 73,
-      columnNumber: 11
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
-    title: "Item details",
-    subtitle: "Modify the details of your selected item below",
+  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(RenderLayoutCard, {
+    key: `main-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex,
+    setInputRef: setInputRef,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 220,
       columnNumber: 13
     }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
+  }))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.AdditionalContent, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
-      columnNumber: 13
-    }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 79,
-      columnNumber: 13
+      lineNumber: 230,
+      columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    gap: "SP2",
-    direction: "vertical",
+  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(RenderLayoutCard, {
+    key: `sidebar-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex,
+    setInputRef: setInputRef,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 232,
       columnNumber: 15
     }
-  }, visibleFieldIds.map(fieldId => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-    key: fieldId,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 82,
-      columnNumber: 19
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
-    span: 12,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 83,
-      columnNumber: 21
-    }
-  }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
-    key: fieldId,
-    field: schema.fields[fieldId],
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 84,
-      columnNumber: 23
-    }
-  }))))))))));
+  }))) : null));
 };
+
+/*
+  Key structure explanation:
+
+  Main cards: main-section-card-{layoutIndex}
+  Sidebar cards: sidebar-section-card-{layoutIndex}
+
+  Layout content:
+  {sectionId}-card-{cardIndex}-content-{contentIndex}
+
+  Nested children:
+  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}
+
+  This ensures uniqueness across all levels and sections.
+*/
 exports.AutoPatternsEntityPage = AutoPatternsEntityPage;
 //# sourceMappingURL=AutoPatternsEntityPage.js.map