@wix/auto-patterns 1.45.0 → 1.46.0

package/dist/esm/cms-fields/validations/time.js

@@ -0,0 +1,88 @@
+// hh:mm:ss.SSS
+
+/**
+ * The COMMON_TIME_STRUCTURE_REGEXP represents time in the format hh:mm:ss.SSS
+ * where hh and mm parts are required, but ss and SSS are optional
+ */
+const COMMON_TIME_STRUCTURE_REGEXP = /(\d+):(\d+)(?::(\d+))?(?:\.(\d+))?/;
+
+// For parsing strings as time
+const ANY_TIME_FORMAT_REGEXP = new RegExp([
+// case of full time string 00:00:00.000
+'(^(([0-1]?\\d)|(2[0-3]))(:|\\.)?([0-5][0-9])((:|\\.)?([0-5][0-9]))?((:|\\.)([0-9]{1,3}))?$)',
+// case of short time 00:00 AM
+'(^((0?[1-9])|(1[0-2]))(:|\\.)?([0-5][0-9])( |,)?(([aA]|[pP])[mM])$)',
+// case of short time AM 00:00
+'(^(([aA]|[pP])[mM])( |,)?((0?[1-9])|(1[0-2]))(:|\\.)?([0-5][0-9])$)'].join('|'));
+
+// NOTE: The `matchTimeString` function is tightly coupled to `ANY_TIME_FORMAT_REGEXP`
+const matchTimeString = timeString => {
+  const match = timeString.match(ANY_TIME_FORMAT_REGEXP);
+  if (!match) {
+    return;
+  }
+  return {
+    fullHour: match[2],
+    fullMin: match[6],
+    fullSec: match[9],
+    fullMsec: match[12],
+    postHour: match[14],
+    postMin: match[18],
+    postPeriod: match[20],
+    prePeriod: match[23],
+    preHour: match[26],
+    preMin: match[30]
+  };
+};
+const numberToTimePart = function (number, partLength) {
+  if (partLength === void 0) {
+    partLength = 2;
+  }
+  return ('00' + number).slice(-partLength);
+};
+const dateToTime = date => {
+  if (!Number.isFinite(date.getTime())) {
+    return '00:00:00.000';
+  }
+  const hh = numberToTimePart(date.getHours());
+  const mm = numberToTimePart(date.getMinutes());
+  const ss = numberToTimePart(date.getSeconds());
+  const SSS = numberToTimePart(date.getMilliseconds(), 3);
+  return `${hh}:${mm}:${ss}.${SSS}`;
+};
+export const isValid = data => {
+  return typeof data === 'string' && COMMON_TIME_STRUCTURE_REGEXP.test(data) && ANY_TIME_FORMAT_REGEXP.test(data);
+};
+export const hardConvert = data => {
+  let date;
+  if (typeof data === 'string') {
+    const matches = matchTimeString(data);
+    if (matches) {
+      const {
+        fullHour,
+        fullMin,
+        fullSec,
+        fullMsec,
+        postHour,
+        postMin,
+        postPeriod,
+        preHour,
+        preMin,
+        prePeriod
+      } = matches;
+      let hours = parseInt(fullHour ?? postHour ?? preHour ?? '00', 10);
+      const mins = parseInt(fullMin ?? postMin ?? preMin ?? '00', 10);
+      const secs = parseInt(fullSec ?? '00', 10);
+      const msecs = parseInt((fullMsec == null ? void 0 : fullMsec.padEnd(3, '0')) ?? '000', 10);
+      const period = (postPeriod ?? prePeriod ?? 'am').toLowerCase();
+      hours += period === 'pm' ? 12 : 0;
+      date = new Date();
+      date.setHours(hours, mins, secs, msecs);
+    }
+  }
+  if (!date || !date.getTime()) {
+    throw new Error(`Can not convert "${data}" to time`);
+  }
+  return dateToTime(date);
+};
+//# sourceMappingURL=time.js.map

package/dist/esm/cms-fields/validations/time.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COMMON_TIME_STRUCTURE_REGEXP","ANY_TIME_FORMAT_REGEXP","RegExp","join","matchTimeString","timeString","match","fullHour","fullMin","fullSec","fullMsec","postHour","postMin","postPeriod","prePeriod","preHour","preMin","numberToTimePart","number","partLength","slice","dateToTime","date","Number","isFinite","getTime","hh","getHours","mm","getMinutes","ss","getSeconds","SSS","getMilliseconds","isValid","data","test","hardConvert","matches","hours","parseInt","mins","secs","msecs","padEnd","period","toLowerCase","Date","setHours","Error"],"sources":["../../../../src/cms-fields/validations/time.ts"],"sourcesContent":["export type Time = string; // hh:mm:ss.SSS\n\n/**\n * The COMMON_TIME_STRUCTURE_REGEXP represents time in the format hh:mm:ss.SSS\n * where hh and mm parts are required, but ss and SSS are optional\n */\nconst COMMON_TIME_STRUCTURE_REGEXP = /(\\d+):(\\d+)(?::(\\d+))?(?:\\.(\\d+))?/;\n\n// For parsing strings as time\nconst ANY_TIME_FORMAT_REGEXP = new RegExp(\n  [\n    // case of full time string 00:00:00.000\n    '(^(([0-1]?\\\\d)|(2[0-3]))(:|\\\\.)?([0-5][0-9])((:|\\\\.)?([0-5][0-9]))?((:|\\\\.)([0-9]{1,3}))?$)',\n    // case of short time 00:00 AM\n    '(^((0?[1-9])|(1[0-2]))(:|\\\\.)?([0-5][0-9])( |,)?(([aA]|[pP])[mM])$)',\n    // case of short time AM 00:00\n    '(^(([aA]|[pP])[mM])( |,)?((0?[1-9])|(1[0-2]))(:|\\\\.)?([0-5][0-9])$)',\n  ].join('|'),\n);\n\n// NOTE: The `matchTimeString` function is tightly coupled to `ANY_TIME_FORMAT_REGEXP`\nconst matchTimeString = (timeString: string) => {\n  const match = timeString.match(ANY_TIME_FORMAT_REGEXP);\n\n  if (!match) {\n    return;\n  }\n\n  return {\n    fullHour: match[2],\n    fullMin: match[6],\n    fullSec: match[9],\n    fullMsec: match[12],\n\n    postHour: match[14],\n    postMin: match[18],\n    postPeriod: match[20],\n\n    prePeriod: match[23],\n    preHour: match[26],\n    preMin: match[30],\n  };\n};\n\nconst numberToTimePart = (number: number, partLength = 2) => {\n  return ('00' + number).slice(-partLength);\n};\n\nconst dateToTime = (date: Date): Time => {\n  if (!Number.isFinite(date.getTime())) {\n    return '00:00:00.000';\n  }\n\n  const hh = numberToTimePart(date.getHours());\n  const mm = numberToTimePart(date.getMinutes());\n  const ss = numberToTimePart(date.getSeconds());\n  const SSS = numberToTimePart(date.getMilliseconds(), 3);\n\n  return `${hh}:${mm}:${ss}.${SSS}`;\n};\n\nexport const isValid = (data: unknown): data is Time => {\n  return (\n    typeof data === 'string' &&\n    COMMON_TIME_STRUCTURE_REGEXP.test(data) &&\n    ANY_TIME_FORMAT_REGEXP.test(data)\n  );\n};\n\nexport const hardConvert = (data: unknown): Time => {\n  let date: Date | undefined;\n\n  if (typeof data === 'string') {\n    const matches = matchTimeString(data);\n\n    if (matches) {\n      const {\n        fullHour,\n        fullMin,\n        fullSec,\n        fullMsec,\n        postHour,\n        postMin,\n        postPeriod,\n        preHour,\n        preMin,\n        prePeriod,\n      } = matches;\n\n      let hours = parseInt(fullHour ?? postHour ?? preHour ?? '00', 10);\n      const mins = parseInt(fullMin ?? postMin ?? preMin ?? '00', 10);\n      const secs = parseInt(fullSec ?? '00', 10);\n      const msecs = parseInt(fullMsec?.padEnd(3, '0') ?? '000', 10);\n      const period = (postPeriod ?? prePeriod ?? 'am').toLowerCase();\n\n      hours += period === 'pm' ? 12 : 0;\n\n      date = new Date();\n\n      date.setHours(hours, mins, secs, msecs);\n    }\n  }\n\n  if (!date || !date.getTime()) {\n    throw new Error(`Can not convert \"${data}\" to time`);\n  }\n\n  return dateToTime(date);\n};\n"],"mappings":"AAA2B;;AAE3B;AACA;AACA;AACA;AACA,MAAMA,4BAA4B,GAAG,oCAAoC;;AAEzE;AACA,MAAMC,sBAAsB,GAAG,IAAIC,MAAM,CACvC;AACE;AACA,6FAA6F;AAC7F;AACA,qEAAqE;AACrE;AACA,qEAAqE,CACtE,CAACC,IAAI,CAAC,GAAG,CACZ,CAAC;;AAED;AACA,MAAMC,eAAe,GAAIC,UAAkB,IAAK;EAC9C,MAAMC,KAAK,GAAGD,UAAU,CAACC,KAAK,CAACL,sBAAsB,CAAC;EAEtD,IAAI,CAACK,KAAK,EAAE;IACV;EACF;EAEA,OAAO;IACLC,QAAQ,EAAED,KAAK,CAAC,CAAC,CAAC;IAClBE,OAAO,EAAEF,KAAK,CAAC,CAAC,CAAC;IACjBG,OAAO,EAAEH,KAAK,CAAC,CAAC,CAAC;IACjBI,QAAQ,EAAEJ,KAAK,CAAC,EAAE,CAAC;IAEnBK,QAAQ,EAAEL,KAAK,CAAC,EAAE,CAAC;IACnBM,OAAO,EAAEN,KAAK,CAAC,EAAE,CAAC;IAClBO,UAAU,EAAEP,KAAK,CAAC,EAAE,CAAC;IAErBQ,SAAS,EAAER,KAAK,CAAC,EAAE,CAAC;IACpBS,OAAO,EAAET,KAAK,CAAC,EAAE,CAAC;IAClBU,MAAM,EAAEV,KAAK,CAAC,EAAE;EAClB,CAAC;AACH,CAAC;AAED,MAAMW,gBAAgB,GAAG,SAAAA,CAACC,MAAc,EAAEC,UAAU,EAAS;EAAA,IAAnBA,UAAU;IAAVA,UAAU,GAAG,CAAC;EAAA;EACtD,OAAO,CAAC,IAAI,GAAGD,MAAM,EAAEE,KAAK,CAAC,CAACD,UAAU,CAAC;AAC3C,CAAC;AAED,MAAME,UAAU,GAAIC,IAAU,IAAW;EACvC,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,EAAE;IACpC,OAAO,cAAc;EACvB;EAEA,MAAMC,EAAE,GAAGT,gBAAgB,CAACK,IAAI,CAACK,QAAQ,CAAC,CAAC,CAAC;EAC5C,MAAMC,EAAE,GAAGX,gBAAgB,CAACK,IAAI,CAACO,UAAU,CAAC,CAAC,CAAC;EAC9C,MAAMC,EAAE,GAAGb,gBAAgB,CAACK,IAAI,CAACS,UAAU,CAAC,CAAC,CAAC;EAC9C,MAAMC,GAAG,GAAGf,gBAAgB,CAACK,IAAI,CAACW,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;EAEvD,OAAO,GAAGP,EAAE,IAAIE,EAAE,IAAIE,EAAE,IAAIE,GAAG,EAAE;AACnC,CAAC;AAED,OAAO,MAAME,OAAO,GAAIC,IAAa,IAAmB;EACtD,OACE,OAAOA,IAAI,KAAK,QAAQ,IACxBnC,4BAA4B,CAACoC,IAAI,CAACD,IAAI,CAAC,IACvClC,sBAAsB,CAACmC,IAAI,CAACD,IAAI,CAAC;AAErC,CAAC;AAED,OAAO,MAAME,WAAW,GAAIF,IAAa,IAAW;EAClD,IAAIb,IAAsB;EAE1B,IAAI,OAAOa,IAAI,KAAK,QAAQ,EAAE;IAC5B,MAAMG,OAAO,GAAGlC,eAAe,CAAC+B,IAAI,CAAC;IAErC,IAAIG,OAAO,EAAE;MACX,MAAM;QACJ/B,QAAQ;QACRC,OAAO;QACPC,OAAO;QACPC,QAAQ;QACRC,QAAQ;QACRC,OAAO;QACPC,UAAU;QACVE,OAAO;QACPC,MAAM;QACNF;MACF,CAAC,GAAGwB,OAAO;MAEX,IAAIC,KAAK,GAAGC,QAAQ,CAACjC,QAAQ,IAAII,QAAQ,IAAII,OAAO,IAAI,IAAI,EAAE,EAAE,CAAC;MACjE,MAAM0B,IAAI,GAAGD,QAAQ,CAAChC,OAAO,IAAII,OAAO,IAAII,MAAM,IAAI,IAAI,EAAE,EAAE,CAAC;MAC/D,MAAM0B,IAAI,GAAGF,QAAQ,CAAC/B,OAAO,IAAI,IAAI,EAAE,EAAE,CAAC;MAC1C,MAAMkC,KAAK,GAAGH,QAAQ,CAAC,CAAA9B,QAAQ,oBAARA,QAAQ,CAAEkC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,KAAI,KAAK,EAAE,EAAE,CAAC;MAC7D,MAAMC,MAAM,GAAG,CAAChC,UAAU,IAAIC,SAAS,IAAI,IAAI,EAAEgC,WAAW,CAAC,CAAC;MAE9DP,KAAK,IAAIM,MAAM,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC;MAEjCvB,IAAI,GAAG,IAAIyB,IAAI,CAAC,CAAC;MAEjBzB,IAAI,CAAC0B,QAAQ,CAACT,KAAK,EAAEE,IAAI,EAAEC,IAAI,EAAEC,KAAK,CAAC;IACzC;EACF;EAEA,IAAI,CAACrB,IAAI,IAAI,CAACA,IAAI,CAACG,OAAO,CAAC,CAAC,EAAE;IAC5B,MAAM,IAAIwB,KAAK,CAAC,oBAAoBd,IAAI,WAAW,CAAC;EACtD;EAEA,OAAOd,UAAU,CAACC,IAAI,CAAC;AACzB,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/validations/validations.js

@@ -0,0 +1,21 @@
+export const isDataValid = function (data, module, _temp) {
+  let {
+    strict
+  } = _temp === void 0 ? {} : _temp;
+  if (strict && module != null && module.isStrictValid) {
+    return module.isStrictValid(data);
+  }
+  return module != null && module.isValid ? module.isValid(data) : true;
+};
+export const isDataNotSet = data => {
+  return data === undefined || data === null;
+};
+export const isDataValidOrNotSet = function (data, module, _temp2) {
+  let {
+    strict
+  } = _temp2 === void 0 ? {} : _temp2;
+  return isDataNotSet(data) || isDataValid(data, module, {
+    strict
+  });
+};
+//# sourceMappingURL=validations.js.map

package/dist/esm/cms-fields/validations/validations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isDataValid","data","module","_temp","strict","isStrictValid","isValid","isDataNotSet","undefined","isDataValidOrNotSet","_temp2"],"sources":["../../../../src/cms-fields/validations/validations.ts"],"sourcesContent":["export interface FieldTypeValidationModule {\n  isValid?: (data: any) => boolean;\n  isStrictValid?: (data: any) => boolean;\n}\n\nexport const isDataValid = (\n  data: any,\n  module: FieldTypeValidationModule,\n  { strict }: { strict?: boolean } = {},\n): boolean => {\n  if (strict && module?.isStrictValid) {\n    return module.isStrictValid(data);\n  }\n\n  return module?.isValid ? module.isValid(data) : true;\n};\n\nexport const isDataNotSet = (data: any) => {\n  return data === undefined || data === null;\n};\n\nexport const isDataValidOrNotSet = (\n  data: any,\n  module: FieldTypeValidationModule,\n  { strict }: { strict?: boolean } = {},\n): boolean => {\n  return isDataNotSet(data) || isDataValid(data, module, { strict });\n};\n"],"mappings":"AAKA,OAAO,MAAMA,WAAW,GAAG,SAAAA,CACzBC,IAAS,EACTC,MAAiC,EAAAC,KAAA,EAErB;EAAA,IADZ;IAAEC;EAA6B,CAAC,GAAAD,KAAA,cAAG,CAAC,CAAC,GAAAA,KAAA;EAErC,IAAIC,MAAM,IAAIF,MAAM,YAANA,MAAM,CAAEG,aAAa,EAAE;IACnC,OAAOH,MAAM,CAACG,aAAa,CAACJ,IAAI,CAAC;EACnC;EAEA,OAAOC,MAAM,YAANA,MAAM,CAAEI,OAAO,GAAGJ,MAAM,CAACI,OAAO,CAACL,IAAI,CAAC,GAAG,IAAI;AACtD,CAAC;AAED,OAAO,MAAMM,YAAY,GAAIN,IAAS,IAAK;EACzC,OAAOA,IAAI,KAAKO,SAAS,IAAIP,IAAI,KAAK,IAAI;AAC5C,CAAC;AAED,OAAO,MAAMQ,mBAAmB,GAAG,SAAAA,CACjCR,IAAS,EACTC,MAAiC,EAAAQ,MAAA,EAErB;EAAA,IADZ;IAAEN;EAA6B,CAAC,GAAAM,MAAA,cAAG,CAAC,CAAC,GAAAA,MAAA;EAErC,OAAOH,YAAY,CAACN,IAAI,CAAC,IAAID,WAAW,CAACC,IAAI,EAAEC,MAAM,EAAE;IAAEE;EAAO,CAAC,CAAC;AACpE,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsApp/AutoPatternsApp.js

@@ -1,9 +1,14 @@
-import React, { useEffect } from 'react';
+if (process.env.NODE_ENV === 'test') {
+  require('./AutoPatternsAppTestPolyfills');
+}
+import React, { useEffect, useState } from 'react';
 import { RootAppProvider } from '../../providers/RootAppProvider';
 import { AppContextProvider } from '../../providers/AppContext';
 import { AutoPatternsRoutes } from '../AutoPatternsRoute/AutoPatternsRoutes';
 import { useWixPatternsContainer } from '@wix/patterns';
 import { minimalRequiredPatternsRuntimeCheck } from '../../utils/minimalRequiredPatternsRuntimeCheck';
+import { AutoPatternsAppContainer } from './AutoPatternsAppContainer';
+import { AutoPatternsAppContainerProvider } from './AutoPatternsAppContainerProvider';
 export const AutoPatternsApp = _ref => {
   let {
     configuration,
@@ -15,15 +20,17 @@ export const AutoPatternsApp = _ref => {
       requiredBy: 'AutoPatternsApp'
     });
   }
-  const container = useWixPatternsContainer();
-  useEffect(() => {
-    // set isAutoPatterns to true for BI events
-    container.setIsAutoPatterns(true);
-  }, [container]);
-  return /*#__PURE__*/React.createElement(AppContextProvider, null, /*#__PURE__*/React.createElement(RootAppProvider, {
+  const patternsContainer = useWixPatternsContainer();
+  const [state] = useState(() => new AutoPatternsAppContainer({
+    patternsContainer
+  }));
+  useEffect(() => state.init(), [state]);
+  return /*#__PURE__*/React.createElement(AutoPatternsAppContainerProvider, {
+    value: state
+  }, /*#__PURE__*/React.createElement(AppContextProvider, null, /*#__PURE__*/React.createElement(RootAppProvider, {
     appConfig: configuration
   }, /*#__PURE__*/React.createElement(AutoPatternsRoutes, {
     config: configuration
-  })), children);
+  })), children));
 };
 //# sourceMappingURL=AutoPatternsApp.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","RootAppProvider","AppContextProvider","AutoPatternsRoutes","useWixPatternsContainer","minimalRequiredPatternsRuntimeCheck","AutoPatternsApp","_ref","configuration","children","process","env","NODE_ENV","required","requiredBy","container","setIsAutoPatterns","createElement","appConfig","config"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { AppConfig } from '../../types';\nimport { RootAppProvider } from '../../providers/RootAppProvider';\nimport { AppContextProvider } from '../../providers/AppContext';\nimport { AutoPatternsRoutes } from '../AutoPatternsRoute/AutoPatternsRoutes';\nimport { useWixPatternsContainer } from '@wix/patterns';\nimport { minimalRequiredPatternsRuntimeCheck } from '../../utils/minimalRequiredPatternsRuntimeCheck';\n\nexport interface AutoPatternsAppProps {\n  configuration: AppConfig;\n  children?: React.ReactNode;\n}\n\nexport const AutoPatternsApp: React.FC<AutoPatternsAppProps> = ({\n  configuration,\n  children,\n}) => {\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredPatternsRuntimeCheck({\n      required: '^1.304.0',\n      requiredBy: 'AutoPatternsApp',\n    });\n  }\n\n  const container = useWixPatternsContainer();\n\n  useEffect(() => {\n    // set isAutoPatterns to true for BI events\n    container.setIsAutoPatterns(true);\n  }, [container]);\n\n  return (\n    <AppContextProvider>\n      <RootAppProvider appConfig={configuration}>\n        <AutoPatternsRoutes config={configuration} />\n      </RootAppProvider>\n      {children}\n    </AppContextProvider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AAExC,SAASC,eAAe,QAAQ,iCAAiC;AACjE,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,kBAAkB,QAAQ,yCAAyC;AAC5E,SAASC,uBAAuB,QAAQ,eAAe;AACvD,SAASC,mCAAmC,QAAQ,iDAAiD;AAOrG,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,aAAa;IACbC;EACF,CAAC,GAAAF,IAAA;EACC,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzCP,mCAAmC,CAAC;MAClCQ,QAAQ,EAAE,UAAU;MACpBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,MAAMC,SAAS,GAAGX,uBAAuB,CAAC,CAAC;EAE3CJ,SAAS,CAAC,MAAM;IACd;IACAe,SAAS,CAACC,iBAAiB,CAAC,IAAI,CAAC;EACnC,CAAC,EAAE,CAACD,SAAS,CAAC,CAAC;EAEf,oBACEhB,KAAA,CAAAkB,aAAA,CAACf,kBAAkB,qBACjBH,KAAA,CAAAkB,aAAA,CAAChB,eAAe;IAACiB,SAAS,EAAEV;EAAc,gBACxCT,KAAA,CAAAkB,aAAA,CAACd,kBAAkB;IAACgB,MAAM,EAAEX;EAAc,CAAE,CAC7B,CAAC,EACjBC,QACiB,CAAC;AAEzB,CAAC","ignoreList":[]}
+{"version":3,"names":["process","env","NODE_ENV","require","React","useEffect","useState","RootAppProvider","AppContextProvider","AutoPatternsRoutes","useWixPatternsContainer","minimalRequiredPatternsRuntimeCheck","AutoPatternsAppContainer","AutoPatternsAppContainerProvider","AutoPatternsApp","_ref","configuration","children","required","requiredBy","patternsContainer","state","init","createElement","value","appConfig","config"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.tsx"],"sourcesContent":["if (process.env.NODE_ENV === 'test') {\n  require('./AutoPatternsAppTestPolyfills');\n}\n\nimport React, { useEffect, useState } from 'react';\nimport { AppConfig } from '../../types';\nimport { RootAppProvider } from '../../providers/RootAppProvider';\nimport { AppContextProvider } from '../../providers/AppContext';\nimport { AutoPatternsRoutes } from '../AutoPatternsRoute/AutoPatternsRoutes';\nimport { useWixPatternsContainer } from '@wix/patterns';\nimport { minimalRequiredPatternsRuntimeCheck } from '../../utils/minimalRequiredPatternsRuntimeCheck';\nimport { AutoPatternsAppContainer } from './AutoPatternsAppContainer';\nimport { AutoPatternsAppContainerProvider } from './AutoPatternsAppContainerProvider';\n\nexport interface AutoPatternsAppProps {\n  configuration: AppConfig;\n  children?: React.ReactNode;\n}\n\nexport const AutoPatternsApp: React.FC<AutoPatternsAppProps> = ({\n  configuration,\n  children,\n}) => {\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredPatternsRuntimeCheck({\n      required: '^1.304.0',\n      requiredBy: 'AutoPatternsApp',\n    });\n  }\n\n  const patternsContainer = useWixPatternsContainer();\n\n  const [state] = useState(\n    () =>\n      new AutoPatternsAppContainer({\n        patternsContainer,\n      }),\n  );\n\n  useEffect(() => state.init(), [state]);\n\n  return (\n    <AutoPatternsAppContainerProvider value={state}>\n      <AppContextProvider>\n        <RootAppProvider appConfig={configuration}>\n          <AutoPatternsRoutes config={configuration} />\n        </RootAppProvider>\n        {children}\n      </AppContextProvider>\n    </AutoPatternsAppContainerProvider>\n  );\n};\n"],"mappings":"AAAA,IAAIA,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,EAAE;EACnCC,OAAO,CAAC,gCAAgC,CAAC;AAC3C;AAEA,OAAOC,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,eAAe,QAAQ,iCAAiC;AACjE,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,kBAAkB,QAAQ,yCAAyC;AAC5E,SAASC,uBAAuB,QAAQ,eAAe;AACvD,SAASC,mCAAmC,QAAQ,iDAAiD;AACrG,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,gCAAgC,QAAQ,oCAAoC;AAOrF,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,aAAa;IACbC;EACF,CAAC,GAAAF,IAAA;EACC,IAAIf,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzCS,mCAAmC,CAAC;MAClCO,QAAQ,EAAE,UAAU;MACpBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,MAAMC,iBAAiB,GAAGV,uBAAuB,CAAC,CAAC;EAEnD,MAAM,CAACW,KAAK,CAAC,GAAGf,QAAQ,CACtB,MACE,IAAIM,wBAAwB,CAAC;IAC3BQ;EACF,CAAC,CACL,CAAC;EAEDf,SAAS,CAAC,MAAMgB,KAAK,CAACC,IAAI,CAAC,CAAC,EAAE,CAACD,KAAK,CAAC,CAAC;EAEtC,oBACEjB,KAAA,CAAAmB,aAAA,CAACV,gCAAgC;IAACW,KAAK,EAAEH;EAAM,gBAC7CjB,KAAA,CAAAmB,aAAA,CAACf,kBAAkB,qBACjBJ,KAAA,CAAAmB,aAAA,CAAChB,eAAe;IAACkB,SAAS,EAAET;EAAc,gBACxCZ,KAAA,CAAAmB,aAAA,CAACd,kBAAkB;IAACiB,MAAM,EAAEV;EAAc,CAAE,CAC7B,CAAC,EACjBC,QACiB,CACY,CAAC;AAEvC,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsApp/AutoPatternsApp.uni.driver.js

@@ -1,8 +1,9 @@
-import { EntityPageUniDriver, TableUniDriver, GridUniDriver, PageErrorStateUniDriver, CollectionPageUniDriver, TableGridSwitchUniDriver, SettingsPageUniDriver } from '@wix/patterns/testkit/unidriver';
+import { EntityPageUniDriver, GridUniDriver, PageErrorStateUniDriver, CollectionPageUniDriver, TableGridSwitchUniDriver, SettingsPageUniDriver } from '@wix/patterns/testkit/unidriver';
 import { MessageModalLayoutUniDriver } from '@wix/design-system/dist/testkit/unidriver';
 import ViewModeEntityPageUniDriver from '../AutoPatternsEntityPage/ViewModeEntityPage.uni.driver';
 import { EntityPageFieldsUniDriver } from '../../__tests__/AutoPatternsEntityPage/AutoPatternsEntityPageFields.uni.driver';
 import { baseUniDriverFactory as testUtilsBaseUniDriverFactory } from '@wix/wix-ui-test-utils/base-driver';
+import { AutoPatternsTableUniDriver } from '../AutoPatternsTable/AutoPatternsTable.uni.driver';
 export function baseUniDriverFactory(base) {
   const driver = testUtilsBaseUniDriverFactory(base);
   return {
@@ -20,7 +21,7 @@ export const AutoPatternsAppUniDriver = (base, body) => {
   const collectionPage = () => CollectionPageUniDriver(base.$('[data-hook="auto-patterns-page"]'), body);
   const viewModeEntityPage = () => ViewModeEntityPageUniDriver(base.$('[data-hook="view-mode-entity-page"]'), body);
   const settingsPage = () => SettingsPageUniDriver(base.$('[data-hook="auto-patterns-settings-page"]'), body);
-  const table = () => TableUniDriver(base.$('[data-hook="auto-patterns-table"]'), body);
+  const table = () => AutoPatternsTableUniDriver(base, body);
   const grid = () => GridUniDriver(base.$('[data-hook="auto-patterns-grid"]'), body);
   const tableGridSwitch = () => TableGridSwitchUniDriver(base.$('[data-hook="auto-patterns-table-grid-switch"]'), body);
   const pageErrorState = () => PageErrorStateUniDriver(base.$('[data-hook="error-page"]'), body);

package/dist/esm/components/AutoPatternsApp/AutoPatternsApp.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["EntityPageUniDriver","TableUniDriver","GridUniDriver","PageErrorStateUniDriver","CollectionPageUniDriver","TableGridSwitchUniDriver","SettingsPageUniDriver","MessageModalLayoutUniDriver","ViewModeEntityPageUniDriver","EntityPageFieldsUniDriver","baseUniDriverFactory","testUtilsBaseUniDriverFactory","base","driver","exists","click","element","AutoPatternsAppUniDriver","body","entityPage","$","collectionPage","viewModeEntityPage","settingsPage","table","grid","tableGridSwitch","pageErrorState","bulkDeleteModal","entityPageFields"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  EntityPageUniDriver,\n  TableUniDriver,\n  GridUniDriver,\n  PageErrorStateUniDriver,\n  CollectionPageUniDriver,\n  TableGridSwitchUniDriver,\n  SettingsPageUniDriver,\n} from '@wix/patterns/testkit/unidriver';\nimport { MessageModalLayoutUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport ViewModeEntityPageUniDriver from '../AutoPatternsEntityPage/ViewModeEntityPage.uni.driver';\nimport { EntityPageFieldsUniDriver } from '../../__tests__/AutoPatternsEntityPage/AutoPatternsEntityPageFields.uni.driver';\nimport { baseUniDriverFactory as testUtilsBaseUniDriverFactory } from '@wix/wix-ui-test-utils/base-driver';\n\nexport function baseUniDriverFactory(base: UniDriver) {\n  const driver = testUtilsBaseUniDriverFactory(base);\n  return {\n    exists: () => driver.exists(),\n    click: () => driver.click(),\n    element: () => driver.element(),\n    base: driver.base,\n  };\n}\n\n// Type definitions for the return values of each driver function\nexport type EntityPageDriver = ReturnType<typeof EntityPageUniDriver>;\nexport type CollectionPageDriver = ReturnType<typeof CollectionPageUniDriver>;\nexport type ViewModeEntityPageDriver = ReturnType<\n  typeof ViewModeEntityPageUniDriver\n>;\nexport type SettingsPageDriver = ReturnType<typeof SettingsPageUniDriver>;\nexport type TableDriver = ReturnType<typeof TableUniDriver>;\nexport type GridDriver = ReturnType<typeof GridUniDriver>;\nexport type TableGridSwitchDriver = ReturnType<typeof TableGridSwitchUniDriver>;\nexport type PageErrorStateDriver = ReturnType<typeof PageErrorStateUniDriver>;\nexport type BulkDeleteModalDriver = ReturnType<\n  typeof MessageModalLayoutUniDriver\n>;\nexport type EntityPageFieldsDriver = ReturnType<\n  typeof EntityPageFieldsUniDriver\n>;\n\nexport const AutoPatternsAppUniDriver = (base: UniDriver, body: UniDriver) => {\n  const entityPage: () => EntityPageDriver = () =>\n    EntityPageUniDriver(\n      base.$('[data-hook=\"auto-patterns-entity-page\"]'),\n      body,\n    );\n\n  const collectionPage: () => CollectionPageDriver = () =>\n    CollectionPageUniDriver(base.$('[data-hook=\"auto-patterns-page\"]'), body);\n\n  const viewModeEntityPage: () => ViewModeEntityPageDriver = () =>\n    ViewModeEntityPageUniDriver(\n      base.$('[data-hook=\"view-mode-entity-page\"]'),\n      body,\n    );\n\n  const settingsPage: () => SettingsPageDriver = () =>\n    SettingsPageUniDriver(\n      base.$('[data-hook=\"auto-patterns-settings-page\"]'),\n      body,\n    );\n\n  const table: () => TableDriver = () =>\n    TableUniDriver(base.$('[data-hook=\"auto-patterns-table\"]'), body);\n\n  const grid: () => GridDriver = () =>\n    GridUniDriver(base.$('[data-hook=\"auto-patterns-grid\"]'), body);\n\n  const tableGridSwitch: () => TableGridSwitchDriver = () =>\n    TableGridSwitchUniDriver(\n      base.$('[data-hook=\"auto-patterns-table-grid-switch\"]'),\n      body,\n    );\n\n  const pageErrorState: () => PageErrorStateDriver = () =>\n    PageErrorStateUniDriver(base.$('[data-hook=\"error-page\"]'), body);\n\n  const bulkDeleteModal: () => BulkDeleteModalDriver = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"bulk-delete-modal\"]'),\n      body,\n    );\n\n  const entityPageFields: () => EntityPageFieldsDriver = () =>\n    EntityPageFieldsUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** Returns CollectionPage driver */\n    collectionPage,\n\n    /** Returns EntityPage driver */\n    entityPage,\n\n    /** Returns ViewModeEntityPage driver */\n    viewModeEntityPage,\n\n    /** Returns SettingsPage driver */\n    settingsPage,\n\n    /** Returns Table driver */\n    table,\n\n    /** Returns Grid driver */\n    grid,\n\n    /** Returns TableGridSwitch driver */\n    tableGridSwitch,\n\n    /** Returns PageErrorState driver */\n    pageErrorState,\n\n    /** Returns BulkDeleteModal driver */\n    bulkDeleteModal,\n\n    /** Returns EntityPageFields driver */\n    entityPageFields,\n  };\n};\n"],"mappings":"AACA,SACEA,mBAAmB,EACnBC,cAAc,EACdC,aAAa,EACbC,uBAAuB,EACvBC,uBAAuB,EACvBC,wBAAwB,EACxBC,qBAAqB,QAChB,iCAAiC;AACxC,SAASC,2BAA2B,QAAQ,2CAA2C;AACvF,OAAOC,2BAA2B,MAAM,yDAAyD;AACjG,SAASC,yBAAyB,QAAQ,gFAAgF;AAC1H,SAASC,oBAAoB,IAAIC,6BAA6B,QAAQ,oCAAoC;AAE1G,OAAO,SAASD,oBAAoBA,CAACE,IAAe,EAAE;EACpD,MAAMC,MAAM,GAAGF,6BAA6B,CAACC,IAAI,CAAC;EAClD,OAAO;IACLE,MAAM,EAAEA,CAAA,KAAMD,MAAM,CAACC,MAAM,CAAC,CAAC;IAC7BC,KAAK,EAAEA,CAAA,KAAMF,MAAM,CAACE,KAAK,CAAC,CAAC;IAC3BC,OAAO,EAAEA,CAAA,KAAMH,MAAM,CAACG,OAAO,CAAC,CAAC;IAC/BJ,IAAI,EAAEC,MAAM,CAACD;EACf,CAAC;AACH;;AAEA;;AAkBA,OAAO,MAAMK,wBAAwB,GAAGA,CAACL,IAAe,EAAEM,IAAe,KAAK;EAC5E,MAAMC,UAAkC,GAAGA,CAAA,KACzCnB,mBAAmB,CACjBY,IAAI,CAACQ,CAAC,CAAC,yCAAyC,CAAC,EACjDF,IACF,CAAC;EAEH,MAAMG,cAA0C,GAAGA,CAAA,KACjDjB,uBAAuB,CAACQ,IAAI,CAACQ,CAAC,CAAC,kCAAkC,CAAC,EAAEF,IAAI,CAAC;EAE3E,MAAMI,kBAAkD,GAAGA,CAAA,KACzDd,2BAA2B,CACzBI,IAAI,CAACQ,CAAC,CAAC,qCAAqC,CAAC,EAC7CF,IACF,CAAC;EAEH,MAAMK,YAAsC,GAAGA,CAAA,KAC7CjB,qBAAqB,CACnBM,IAAI,CAACQ,CAAC,CAAC,2CAA2C,CAAC,EACnDF,IACF,CAAC;EAEH,MAAMM,KAAwB,GAAGA,CAAA,KAC/BvB,cAAc,CAACW,IAAI,CAACQ,CAAC,CAAC,mCAAmC,CAAC,EAAEF,IAAI,CAAC;EAEnE,MAAMO,IAAsB,GAAGA,CAAA,KAC7BvB,aAAa,CAACU,IAAI,CAACQ,CAAC,CAAC,kCAAkC,CAAC,EAAEF,IAAI,CAAC;EAEjE,MAAMQ,eAA4C,GAAGA,CAAA,KACnDrB,wBAAwB,CACtBO,IAAI,CAACQ,CAAC,CAAC,+CAA+C,CAAC,EACvDF,IACF,CAAC;EAEH,MAAMS,cAA0C,GAAGA,CAAA,KACjDxB,uBAAuB,CAACS,IAAI,CAACQ,CAAC,CAAC,0BAA0B,CAAC,EAAEF,IAAI,CAAC;EAEnE,MAAMU,eAA4C,GAAGA,CAAA,KACnDrB,2BAA2B,CACzBW,IAAI,CAACE,CAAC,CAAC,iCAAiC,CAAC,EACzCF,IACF,CAAC;EAEH,MAAMW,gBAA8C,GAAGA,CAAA,KACrDpB,yBAAyB,CAACG,IAAI,EAAEM,IAAI,CAAC;EAEvC,OAAO;IACL,GAAGR,oBAAoB,CAACE,IAAI,CAAC;IAC7B;IACAS,cAAc;IAEd;IACAF,UAAU;IAEV;IACAG,kBAAkB;IAElB;IACAC,YAAY;IAEZ;IACAC,KAAK;IAEL;IACAC,IAAI;IAEJ;IACAC,eAAe;IAEf;IACAC,cAAc;IAEd;IACAC,eAAe;IAEf;IACAC;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["EntityPageUniDriver","GridUniDriver","PageErrorStateUniDriver","CollectionPageUniDriver","TableGridSwitchUniDriver","SettingsPageUniDriver","MessageModalLayoutUniDriver","ViewModeEntityPageUniDriver","EntityPageFieldsUniDriver","baseUniDriverFactory","testUtilsBaseUniDriverFactory","AutoPatternsTableUniDriver","base","driver","exists","click","element","AutoPatternsAppUniDriver","body","entityPage","$","collectionPage","viewModeEntityPage","settingsPage","table","grid","tableGridSwitch","pageErrorState","bulkDeleteModal","entityPageFields"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  EntityPageUniDriver,\n  TableUniDriver,\n  GridUniDriver,\n  PageErrorStateUniDriver,\n  CollectionPageUniDriver,\n  TableGridSwitchUniDriver,\n  SettingsPageUniDriver,\n} from '@wix/patterns/testkit/unidriver';\nimport { MessageModalLayoutUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport ViewModeEntityPageUniDriver from '../AutoPatternsEntityPage/ViewModeEntityPage.uni.driver';\nimport { EntityPageFieldsUniDriver } from '../../__tests__/AutoPatternsEntityPage/AutoPatternsEntityPageFields.uni.driver';\nimport { baseUniDriverFactory as testUtilsBaseUniDriverFactory } from '@wix/wix-ui-test-utils/base-driver';\nimport { AutoPatternsTableUniDriver } from '../AutoPatternsTable/AutoPatternsTable.uni.driver';\n\nexport function baseUniDriverFactory(base: UniDriver) {\n  const driver = testUtilsBaseUniDriverFactory(base);\n  return {\n    exists: () => driver.exists(),\n    click: () => driver.click(),\n    element: () => driver.element(),\n    base: driver.base,\n  };\n}\n\n// Type definitions for the return values of each driver function\nexport type EntityPageDriver = ReturnType<typeof EntityPageUniDriver>;\nexport type CollectionPageDriver = ReturnType<typeof CollectionPageUniDriver>;\nexport type ViewModeEntityPageDriver = ReturnType<\n  typeof ViewModeEntityPageUniDriver\n>;\nexport type SettingsPageDriver = ReturnType<typeof SettingsPageUniDriver>;\nexport type TableDriver = ReturnType<typeof TableUniDriver>;\nexport type GridDriver = ReturnType<typeof GridUniDriver>;\nexport type TableGridSwitchDriver = ReturnType<typeof TableGridSwitchUniDriver>;\nexport type PageErrorStateDriver = ReturnType<typeof PageErrorStateUniDriver>;\nexport type BulkDeleteModalDriver = ReturnType<\n  typeof MessageModalLayoutUniDriver\n>;\nexport type EntityPageFieldsDriver = ReturnType<\n  typeof EntityPageFieldsUniDriver\n>;\n\nexport const AutoPatternsAppUniDriver = (base: UniDriver, body: UniDriver) => {\n  const entityPage: () => EntityPageDriver = () =>\n    EntityPageUniDriver(\n      base.$('[data-hook=\"auto-patterns-entity-page\"]'),\n      body,\n    );\n\n  const collectionPage: () => CollectionPageDriver = () =>\n    CollectionPageUniDriver(base.$('[data-hook=\"auto-patterns-page\"]'), body);\n\n  const viewModeEntityPage: () => ViewModeEntityPageDriver = () =>\n    ViewModeEntityPageUniDriver(\n      base.$('[data-hook=\"view-mode-entity-page\"]'),\n      body,\n    );\n\n  const settingsPage: () => SettingsPageDriver = () =>\n    SettingsPageUniDriver(\n      base.$('[data-hook=\"auto-patterns-settings-page\"]'),\n      body,\n    );\n\n  const table = () => AutoPatternsTableUniDriver(base, body);\n\n  const grid: () => GridDriver = () =>\n    GridUniDriver(base.$('[data-hook=\"auto-patterns-grid\"]'), body);\n\n  const tableGridSwitch: () => TableGridSwitchDriver = () =>\n    TableGridSwitchUniDriver(\n      base.$('[data-hook=\"auto-patterns-table-grid-switch\"]'),\n      body,\n    );\n\n  const pageErrorState: () => PageErrorStateDriver = () =>\n    PageErrorStateUniDriver(base.$('[data-hook=\"error-page\"]'), body);\n\n  const bulkDeleteModal: () => BulkDeleteModalDriver = () =>\n    MessageModalLayoutUniDriver(\n      body.$('[data-hook=\"bulk-delete-modal\"]'),\n      body,\n    );\n\n  const entityPageFields: () => EntityPageFieldsDriver = () =>\n    EntityPageFieldsUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** Returns CollectionPage driver */\n    collectionPage,\n\n    /** Returns EntityPage driver */\n    entityPage,\n\n    /** Returns ViewModeEntityPage driver */\n    viewModeEntityPage,\n\n    /** Returns SettingsPage driver */\n    settingsPage,\n\n    /** Returns Table driver */\n    table,\n\n    /** Returns Grid driver */\n    grid,\n\n    /** Returns TableGridSwitch driver */\n    tableGridSwitch,\n\n    /** Returns PageErrorState driver */\n    pageErrorState,\n\n    /** Returns BulkDeleteModal driver */\n    bulkDeleteModal,\n\n    /** Returns EntityPageFields driver */\n    entityPageFields,\n  };\n};\n"],"mappings":"AACA,SACEA,mBAAmB,EAEnBC,aAAa,EACbC,uBAAuB,EACvBC,uBAAuB,EACvBC,wBAAwB,EACxBC,qBAAqB,QAChB,iCAAiC;AACxC,SAASC,2BAA2B,QAAQ,2CAA2C;AACvF,OAAOC,2BAA2B,MAAM,yDAAyD;AACjG,SAASC,yBAAyB,QAAQ,gFAAgF;AAC1H,SAASC,oBAAoB,IAAIC,6BAA6B,QAAQ,oCAAoC;AAC1G,SAASC,0BAA0B,QAAQ,mDAAmD;AAE9F,OAAO,SAASF,oBAAoBA,CAACG,IAAe,EAAE;EACpD,MAAMC,MAAM,GAAGH,6BAA6B,CAACE,IAAI,CAAC;EAClD,OAAO;IACLE,MAAM,EAAEA,CAAA,KAAMD,MAAM,CAACC,MAAM,CAAC,CAAC;IAC7BC,KAAK,EAAEA,CAAA,KAAMF,MAAM,CAACE,KAAK,CAAC,CAAC;IAC3BC,OAAO,EAAEA,CAAA,KAAMH,MAAM,CAACG,OAAO,CAAC,CAAC;IAC/BJ,IAAI,EAAEC,MAAM,CAACD;EACf,CAAC;AACH;;AAEA;;AAkBA,OAAO,MAAMK,wBAAwB,GAAGA,CAACL,IAAe,EAAEM,IAAe,KAAK;EAC5E,MAAMC,UAAkC,GAAGA,CAAA,KACzCnB,mBAAmB,CACjBY,IAAI,CAACQ,CAAC,CAAC,yCAAyC,CAAC,EACjDF,IACF,CAAC;EAEH,MAAMG,cAA0C,GAAGA,CAAA,KACjDlB,uBAAuB,CAACS,IAAI,CAACQ,CAAC,CAAC,kCAAkC,CAAC,EAAEF,IAAI,CAAC;EAE3E,MAAMI,kBAAkD,GAAGA,CAAA,KACzDf,2BAA2B,CACzBK,IAAI,CAACQ,CAAC,CAAC,qCAAqC,CAAC,EAC7CF,IACF,CAAC;EAEH,MAAMK,YAAsC,GAAGA,CAAA,KAC7ClB,qBAAqB,CACnBO,IAAI,CAACQ,CAAC,CAAC,2CAA2C,CAAC,EACnDF,IACF,CAAC;EAEH,MAAMM,KAAK,GAAGA,CAAA,KAAMb,0BAA0B,CAACC,IAAI,EAAEM,IAAI,CAAC;EAE1D,MAAMO,IAAsB,GAAGA,CAAA,KAC7BxB,aAAa,CAACW,IAAI,CAACQ,CAAC,CAAC,kCAAkC,CAAC,EAAEF,IAAI,CAAC;EAEjE,MAAMQ,eAA4C,GAAGA,CAAA,KACnDtB,wBAAwB,CACtBQ,IAAI,CAACQ,CAAC,CAAC,+CAA+C,CAAC,EACvDF,IACF,CAAC;EAEH,MAAMS,cAA0C,GAAGA,CAAA,KACjDzB,uBAAuB,CAACU,IAAI,CAACQ,CAAC,CAAC,0BAA0B,CAAC,EAAEF,IAAI,CAAC;EAEnE,MAAMU,eAA4C,GAAGA,CAAA,KACnDtB,2BAA2B,CACzBY,IAAI,CAACE,CAAC,CAAC,iCAAiC,CAAC,EACzCF,IACF,CAAC;EAEH,MAAMW,gBAA8C,GAAGA,CAAA,KACrDrB,yBAAyB,CAACI,IAAI,EAAEM,IAAI,CAAC;EAEvC,OAAO;IACL,GAAGT,oBAAoB,CAACG,IAAI,CAAC;IAC7B;IACAS,cAAc;IAEd;IACAF,UAAU;IAEV;IACAG,kBAAkB;IAElB;IACAC,YAAY;IAEZ;IACAC,KAAK;IAEL;IACAC,IAAI;IAEJ;IACAC,eAAe;IAEf;IACAC,cAAc;IAEd;IACAC,eAAe;IAEf;IACAC;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsApp/AutoPatternsAppContainer.js

@@ -0,0 +1,45 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { TaskState } from '@wix/patterns/core';
+import { translationsImportsMap } from '../../services/translationsImportsMap';
+export class AutoPatternsAppContainer {
+  constructor(params) {
+    _defineProperty(this, "patternsContainer", void 0);
+    _defineProperty(this, "i18n", void 0);
+    _defineProperty(this, "initTask", void 0);
+    _defineProperty(this, "translate", void 0);
+    this.patternsContainer = params.patternsContainer;
+    this.initTask = new TaskState();
+    this.translate = (key, tParams) => {
+      void this.initTask.status; // status is observable so reading it here starts mobx reactivity
+      return this.i18n.t(key, tParams);
+    };
+    const {
+      i18n
+    } = this.patternsContainer.createEssentials({
+      i18n: {
+        useSuspense: false,
+        disableAutoInit: true,
+        asyncMessagesLoader: async locale => {
+          var _translationsImportsM;
+          const messages = await ((_translationsImportsM = translationsImportsMap[locale]) == null ? void 0 : _translationsImportsM.call(translationsImportsMap));
+          return (messages == null ? void 0 : messages.default) ?? messages;
+        }
+      }
+    });
+    this.i18n = i18n;
+  }
+  init() {
+    const {
+      i18n,
+      initTask,
+      patternsContainer
+    } = this;
+    patternsContainer.setIsAutoPatterns(true);
+    initTask.runOnce(async () => {
+      patternsContainer.initTask.runOnce();
+      await i18n.init();
+      await patternsContainer.initTask.status.promise;
+    });
+  }
+}
+//# sourceMappingURL=AutoPatternsAppContainer.js.map

package/dist/esm/components/AutoPatternsApp/AutoPatternsAppContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TaskState","translationsImportsMap","AutoPatternsAppContainer","constructor","params","_defineProperty","patternsContainer","initTask","translate","key","tParams","status","i18n","t","createEssentials","useSuspense","disableAutoInit","asyncMessagesLoader","locale","_translationsImportsM","messages","call","default","init","setIsAutoPatterns","runOnce","promise"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsAppContainer.ts"],"sourcesContent":["import { WixPatternsContainer } from '@wix/patterns';\nimport { TaskState } from '@wix/patterns/core';\nimport { translationsImportsMap } from '../../services/translationsImportsMap';\nimport { Translate } from '../../services/translations';\n\nexport interface AutoPatternsAppContainerParams {\n  patternsContainer: WixPatternsContainer;\n}\n\nexport class AutoPatternsAppContainer {\n  readonly patternsContainer;\n  readonly i18n;\n  readonly initTask;\n  readonly translate: Translate;\n\n  constructor(params: AutoPatternsAppContainerParams) {\n    this.patternsContainer = params.patternsContainer;\n\n    this.initTask = new TaskState();\n\n    this.translate = (key, tParams) => {\n      void this.initTask.status; // status is observable so reading it here starts mobx reactivity\n      return this.i18n.t(key, tParams);\n    };\n\n    const { i18n } = this.patternsContainer.createEssentials({\n      i18n: {\n        useSuspense: false,\n        disableAutoInit: true,\n        asyncMessagesLoader: async (locale) => {\n          const messages = await translationsImportsMap[\n            locale as keyof typeof translationsImportsMap\n          ]?.();\n          return messages?.default ?? messages;\n        },\n      },\n    });\n\n    this.i18n = i18n;\n  }\n\n  init() {\n    const { i18n, initTask, patternsContainer } = this;\n\n    patternsContainer.setIsAutoPatterns(true);\n\n    initTask.runOnce(async () => {\n      patternsContainer.initTask.runOnce();\n      await i18n.init();\n      await patternsContainer.initTask.status.promise;\n    });\n  }\n}\n"],"mappings":";AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,sBAAsB,QAAQ,uCAAuC;AAO9E,OAAO,MAAMC,wBAAwB,CAAC;EAMpCC,WAAWA,CAACC,MAAsC,EAAE;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAClD,IAAI,CAACC,iBAAiB,GAAGF,MAAM,CAACE,iBAAiB;IAEjD,IAAI,CAACC,QAAQ,GAAG,IAAIP,SAAS,CAAC,CAAC;IAE/B,IAAI,CAACQ,SAAS,GAAG,CAACC,GAAG,EAAEC,OAAO,KAAK;MACjC,KAAK,IAAI,CAACH,QAAQ,CAACI,MAAM,CAAC,CAAC;MAC3B,OAAO,IAAI,CAACC,IAAI,CAACC,CAAC,CAACJ,GAAG,EAAEC,OAAO,CAAC;IAClC,CAAC;IAED,MAAM;MAAEE;IAAK,CAAC,GAAG,IAAI,CAACN,iBAAiB,CAACQ,gBAAgB,CAAC;MACvDF,IAAI,EAAE;QACJG,WAAW,EAAE,KAAK;QAClBC,eAAe,EAAE,IAAI;QACrBC,mBAAmB,EAAE,MAAOC,MAAM,IAAK;UAAA,IAAAC,qBAAA;UACrC,MAAMC,QAAQ,GAAG,QAAAD,qBAAA,GAAMlB,sBAAsB,CAC3CiB,MAAM,CACP,qBAFsBC,qBAAA,CAAAE,IAAA,CAAApB,sBAEnB,CAAC;UACL,OAAO,CAAAmB,QAAQ,oBAARA,QAAQ,CAAEE,OAAO,KAAIF,QAAQ;QACtC;MACF;IACF,CAAC,CAAC;IAEF,IAAI,CAACR,IAAI,GAAGA,IAAI;EAClB;EAEAW,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEX,IAAI;MAAEL,QAAQ;MAAED;IAAkB,CAAC,GAAG,IAAI;IAElDA,iBAAiB,CAACkB,iBAAiB,CAAC,IAAI,CAAC;IAEzCjB,QAAQ,CAACkB,OAAO,CAAC,YAAY;MAC3BnB,iBAAiB,CAACC,QAAQ,CAACkB,OAAO,CAAC,CAAC;MACpC,MAAMb,IAAI,CAACW,IAAI,CAAC,CAAC;MACjB,MAAMjB,iBAAiB,CAACC,QAAQ,CAACI,MAAM,CAACe,OAAO;IACjD,CAAC,CAAC;EACJ;AACF","ignoreList":[]}

package/dist/esm/components/AutoPatternsApp/AutoPatternsAppContainerProvider.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from 'react';
+const Context = /*#__PURE__*/createContext(null);
+export const AutoPatternsAppContainerProvider = Context.Provider;
+export const AutoPatternsAppContainerConsumer = Context.Consumer;
+export const AutoPatternsAppContainerContext = Context;
+export const useAutoPatternsAppContainer = () => useContext(Context);
+//# sourceMappingURL=AutoPatternsAppContainerProvider.js.map

package/dist/esm/components/AutoPatternsApp/AutoPatternsAppContainerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","Context","AutoPatternsAppContainerProvider","Provider","AutoPatternsAppContainerConsumer","Consumer","AutoPatternsAppContainerContext","useAutoPatternsAppContainer"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsAppContainerProvider.ts"],"sourcesContent":["import { AutoPatternsAppContainer } from './AutoPatternsAppContainer';\nimport { createContext, useContext } from 'react';\n\nconst Context = createContext<AutoPatternsAppContainer>(null!);\n\nexport const AutoPatternsAppContainerProvider = Context.Provider;\nexport const AutoPatternsAppContainerConsumer = Context.Consumer;\nexport const AutoPatternsAppContainerContext = Context;\nexport const useAutoPatternsAppContainer = () => useContext(Context);\n"],"mappings":"AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAEjD,MAAMC,OAAO,gBAAGF,aAAa,CAA2B,IAAK,CAAC;AAE9D,OAAO,MAAMG,gCAAgC,GAAGD,OAAO,CAACE,QAAQ;AAChE,OAAO,MAAMC,gCAAgC,GAAGH,OAAO,CAACI,QAAQ;AAChE,OAAO,MAAMC,+BAA+B,GAAGL,OAAO;AACtD,OAAO,MAAMM,2BAA2B,GAAGA,CAAA,KAAMP,UAAU,CAACC,OAAO,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsApp/AutoPatternsAppTestPolyfills.js

@@ -0,0 +1,4 @@
+import { TextEncoder, TextDecoder } from 'util';
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder;
+//# sourceMappingURL=AutoPatternsAppTestPolyfills.js.map

package/dist/esm/components/AutoPatternsApp/AutoPatternsAppTestPolyfills.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextEncoder","TextDecoder","global"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsAppTestPolyfills.ts"],"sourcesContent":["import { TextEncoder, TextDecoder } from 'util';\n\nglobal.TextEncoder = TextEncoder;\nglobal.TextDecoder = TextDecoder as any;\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,WAAW,QAAQ,MAAM;AAE/CC,MAAM,CAACF,WAAW,GAAGA,WAAW;AAChCE,MAAM,CAACD,WAAW,GAAGA,WAAkB","ignoreList":[]}

package/dist/esm/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.js

@@ -3,6 +3,8 @@ import { CollectionPage } from '@wix/patterns/page';
 import { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';
 import { useCollectionPageActions } from '../../hooks/useCollectionPageActions';
 import { AutoPatternsCollectionPageFooter } from '../AutoPatternsCollectionPageFooter/AutoPatternsCollectionPageFooter';
+import { useSelector } from '@wix/patterns';
+import { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';
 export const AutoPatternsCollectionPage = _ref => {
   let {
     configuration
@@ -11,6 +13,8 @@ export const AutoPatternsCollectionPage = _ref => {
     title,
     subtitle
   } = configuration;
+  const container = useAutoPatternsAppContainer();
+  useSelector(() => container.initTask.status);
   const actions = useCollectionPageActions({
     collectionPageActions: configuration.actions
   });

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

@@ -1 +1 @@
-{"version":3,"names":["React","CollectionPage","AutoPatternsCollectionPageContent","useCollectionPageActions","AutoPatternsCollectionPageFooter","AutoPatternsCollectionPage","_ref","configuration","title","subtitle","actions","collectionPageActions","createElement","dataHook","Header","primaryAction","primaryActions","secondaryActions","Content","Footer"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport { CollectionPageConfig } from '../../types/CollectionPageConfig';\nimport { useCollectionPageActions } from '../../hooks/useCollectionPageActions';\nimport { AutoPatternsCollectionPageFooter } from '../AutoPatternsCollectionPageFooter/AutoPatternsCollectionPageFooter';\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  return (\n    <CollectionPage 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        <AutoPatternsCollectionPageContent configuration={configuration} />\n      </CollectionPage.Content>\n      <CollectionPage.Footer>\n        <AutoPatternsCollectionPageFooter />\n      </CollectionPage.Footer>\n    </CollectionPage>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,iCAAiC,QAAQ,sCAAsC;AAExF,SAASC,wBAAwB,QAAQ,sCAAsC;AAC/E,SAASC,gCAAgC,QAAQ,sEAAsE;AAMvH,OAAO,MAAMC,0BAEZ,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EACpB,MAAM;IAAEE,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EAEzC,MAAMG,OAAO,GAAGP,wBAAwB,CAAC;IACvCQ,qBAAqB,EAAEJ,aAAa,CAACG;EACvC,CAAC,CAAC;EAEF,oBACEV,KAAA,CAAAY,aAAA,CAACX,cAAc;IAACY,QAAQ,EAAC;EAAoB,gBAC3Cb,KAAA,CAAAY,aAAA,CAACX,cAAc,CAACa,MAAM;IACpBN,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBM,aAAa,EAAEL,OAAO,CAACM,cAAe;IACtCC,gBAAgB,EAAEP,OAAO,CAACO;EAAiB,CAC5C,CAAC,eACFjB,KAAA,CAAAY,aAAA,CAACX,cAAc,CAACiB,OAAO,qBACrBlB,KAAA,CAAAY,aAAA,CAACV,iCAAiC;IAACK,aAAa,EAAEA;EAAc,CAAE,CAC5C,CAAC,eACzBP,KAAA,CAAAY,aAAA,CAACX,cAAc,CAACkB,MAAM,qBACpBnB,KAAA,CAAAY,aAAA,CAACR,gCAAgC,MAAE,CACd,CACT,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","CollectionPage","AutoPatternsCollectionPageContent","useCollectionPageActions","AutoPatternsCollectionPageFooter","useSelector","useAutoPatternsAppContainer","AutoPatternsCollectionPage","_ref","configuration","title","subtitle","container","initTask","status","actions","collectionPageActions","createElement","dataHook","Header","primaryAction","primaryActions","secondaryActions","Content","Footer"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport { CollectionPageConfig } from '../../types/CollectionPageConfig';\nimport { useCollectionPageActions } from '../../hooks/useCollectionPageActions';\nimport { AutoPatternsCollectionPageFooter } from '../AutoPatternsCollectionPageFooter/AutoPatternsCollectionPageFooter';\nimport { useSelector } from '@wix/patterns';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\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 container = useAutoPatternsAppContainer();\n\n  useSelector(() => container.initTask.status);\n\n  const actions = useCollectionPageActions({\n    collectionPageActions: configuration.actions,\n  });\n\n  return (\n    <CollectionPage 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        <AutoPatternsCollectionPageContent configuration={configuration} />\n      </CollectionPage.Content>\n      <CollectionPage.Footer>\n        <AutoPatternsCollectionPageFooter />\n      </CollectionPage.Footer>\n    </CollectionPage>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,iCAAiC,QAAQ,sCAAsC;AAExF,SAASC,wBAAwB,QAAQ,sCAAsC;AAC/E,SAASC,gCAAgC,QAAQ,sEAAsE;AACvH,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,2BAA2B,QAAQ,qDAAqD;AAMjG,OAAO,MAAMC,0BAEZ,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EACpB,MAAM;IAAEE,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EACzC,MAAMG,SAAS,GAAGN,2BAA2B,CAAC,CAAC;EAE/CD,WAAW,CAAC,MAAMO,SAAS,CAACC,QAAQ,CAACC,MAAM,CAAC;EAE5C,MAAMC,OAAO,GAAGZ,wBAAwB,CAAC;IACvCa,qBAAqB,EAAEP,aAAa,CAACM;EACvC,CAAC,CAAC;EAEF,oBACEf,KAAA,CAAAiB,aAAA,CAAChB,cAAc;IAACiB,QAAQ,EAAC;EAAoB,gBAC3ClB,KAAA,CAAAiB,aAAA,CAAChB,cAAc,CAACkB,MAAM;IACpBT,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBS,aAAa,EAAEL,OAAO,CAACM,cAAe;IACtCC,gBAAgB,EAAEP,OAAO,CAACO;EAAiB,CAC5C,CAAC,eACFtB,KAAA,CAAAiB,aAAA,CAAChB,cAAc,CAACsB,OAAO,qBACrBvB,KAAA,CAAAiB,aAAA,CAACf,iCAAiC;IAACO,aAAa,EAAEA;EAAc,CAAE,CAC5C,CAAC,eACzBT,KAAA,CAAAiB,aAAA,CAAChB,cAAc,CAACuB,MAAM,qBACpBxB,KAAA,CAAAiB,aAAA,CAACb,gCAAgC,MAAE,CACd,CACT,CAAC;AAErB,CAAC","ignoreList":[]}

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

@@ -1,28 +1,25 @@
-import React, { lazy, Suspense } from 'react';
+import React, { useEffect, useState } from 'react';
 import { ContentSkeleton } from '../layouts/ContentSkeleton';
-const ViewModeEntityPage = /*#__PURE__*/lazy(() => import('./ViewModeEntityPage').then(module => ({
-  default: module.ViewModeEntityPage
-})));
-const EditModeEntityPage = /*#__PURE__*/lazy(() => import('./EditModeEntityPage').then(module => ({
-  default: module.EditModeEntityPage
-})));
-export const AutoPatternsEntityPage = _ref => {
+import { observer } from '@wix/patterns';
+import { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';
+import { AutoPatternsEntityPageState } from './AutoPatternsEntityPageState';
+export const AutoPatternsEntityPage = observer(_ref => {
   let {
     configuration
   } = _ref;
-  const fallback = /*#__PURE__*/React.createElement(ContentSkeleton, {
-    pageConfig: configuration
-  });
-  return configuration.mode === 'view' ? /*#__PURE__*/React.createElement(Suspense, {
-    fallback: fallback
-  }, /*#__PURE__*/React.createElement(ViewModeEntityPage, {
-    configuration: configuration
-  })) : /*#__PURE__*/React.createElement(Suspense, {
-    fallback: fallback
-  }, /*#__PURE__*/React.createElement(EditModeEntityPage, {
-    configuration: configuration
+  const container = useAutoPatternsAppContainer();
+  const [state] = useState(() => new AutoPatternsEntityPageState({
+    container,
+    config: configuration
   }));
-};
+  useEffect(() => state.init(), [state]);
+  if (state.initTask.status.isIdle || state.initTask.status.isLoading) {
+    return /*#__PURE__*/React.createElement(ContentSkeleton, {
+      pageConfig: configuration
+    });
+  }
+  return state.EntityPageElement;
+});
 
 /*
   Key structure explanation:

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

@@ -1 +1 @@
-{"version":3,"names":["React","lazy","Suspense","ContentSkeleton","ViewModeEntityPage","then","module","default","EditModeEntityPage","AutoPatternsEntityPage","_ref","configuration","fallback","createElement","pageConfig","mode"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { EntityPageConfig } from '../../types';\nimport { ContentSkeleton } from '../layouts/ContentSkeleton';\n\nconst ViewModeEntityPage = lazy(() =>\n  import('./ViewModeEntityPage').then((module) => ({\n    default: module.ViewModeEntityPage,\n  })),\n);\nconst EditModeEntityPage = lazy(() =>\n  import('./EditModeEntityPage').then((module) => ({\n    default: module.EditModeEntityPage,\n  })),\n);\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage: React.FC<AutoPatternsEntityPageProps> = ({\n  configuration,\n}) => {\n  const fallback = <ContentSkeleton pageConfig={configuration} />;\n\n  return configuration.mode === 'view' ? (\n    <Suspense fallback={fallback}>\n      <ViewModeEntityPage configuration={configuration} />\n    </Suspense>\n  ) : (\n    <Suspense fallback={fallback}>\n      <EditModeEntityPage configuration={configuration} />\n    </Suspense>\n  );\n};\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,MAAMC,kBAAkB,gBAAGH,IAAI,CAAC,MAC9B,MAAM,CAAC,sBAAsB,CAAC,CAACI,IAAI,CAAEC,MAAM,KAAM;EAC/CC,OAAO,EAAED,MAAM,CAACF;AAClB,CAAC,CAAC,CACJ,CAAC;AACD,MAAMI,kBAAkB,gBAAGP,IAAI,CAAC,MAC9B,MAAM,CAAC,sBAAsB,CAAC,CAACI,IAAI,CAAEC,MAAM,KAAM;EAC/CC,OAAO,EAAED,MAAM,CAACE;AAClB,CAAC,CAAC,CACJ,CAAC;AAMD,OAAO,MAAMC,sBAA6D,GAAGC,IAAA,IAEvE;EAAA,IAFwE;IAC5EC;EACF,CAAC,GAAAD,IAAA;EACC,MAAME,QAAQ,gBAAGZ,KAAA,CAAAa,aAAA,CAACV,eAAe;IAACW,UAAU,EAAEH;EAAc,CAAE,CAAC;EAE/D,OAAOA,aAAa,CAACI,IAAI,KAAK,MAAM,gBAClCf,KAAA,CAAAa,aAAA,CAACX,QAAQ;IAACU,QAAQ,EAAEA;EAAS,gBAC3BZ,KAAA,CAAAa,aAAA,CAACT,kBAAkB;IAACO,aAAa,EAAEA;EAAc,CAAE,CAC3C,CAAC,gBAEXX,KAAA,CAAAa,aAAA,CAACX,QAAQ;IAACU,QAAQ,EAAEA;EAAS,gBAC3BZ,KAAA,CAAAa,aAAA,CAACL,kBAAkB;IAACG,aAAa,EAAEA;EAAc,CAAE,CAC3C,CACX;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","ContentSkeleton","observer","useAutoPatternsAppContainer","AutoPatternsEntityPageState","AutoPatternsEntityPage","_ref","configuration","container","state","config","init","initTask","status","isIdle","isLoading","createElement","pageConfig","EntityPageElement"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { EntityPageConfig } from '../../types';\nimport { ContentSkeleton } from '../layouts/ContentSkeleton';\nimport { observer } from '@wix/patterns';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\nimport { AutoPatternsEntityPageState } from './AutoPatternsEntityPageState';\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage = observer(\n  ({ configuration }: AutoPatternsEntityPageProps) => {\n    const container = useAutoPatternsAppContainer();\n\n    const [state] = useState(\n      () =>\n        new AutoPatternsEntityPageState({\n          container,\n          config: configuration,\n        }),\n    );\n\n    useEffect(() => state.init(), [state]);\n\n    if (state.initTask.status.isIdle || state.initTask.status.isLoading) {\n      return <ContentSkeleton pageConfig={configuration} />;\n    }\n\n    return state.EntityPageElement;\n  },\n);\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASC,2BAA2B,QAAQ,qDAAqD;AACjG,SAASC,2BAA2B,QAAQ,+BAA+B;AAM3E,OAAO,MAAMC,sBAAsB,GAAGH,QAAQ,CAC5CI,IAAA,IAAoD;EAAA,IAAnD;IAAEC;EAA2C,CAAC,GAAAD,IAAA;EAC7C,MAAME,SAAS,GAAGL,2BAA2B,CAAC,CAAC;EAE/C,MAAM,CAACM,KAAK,CAAC,GAAGT,QAAQ,CACtB,MACE,IAAII,2BAA2B,CAAC;IAC9BI,SAAS;IACTE,MAAM,EAAEH;EACV,CAAC,CACL,CAAC;EAEDR,SAAS,CAAC,MAAMU,KAAK,CAACE,IAAI,CAAC,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;EAEtC,IAAIA,KAAK,CAACG,QAAQ,CAACC,MAAM,CAACC,MAAM,IAAIL,KAAK,CAACG,QAAQ,CAACC,MAAM,CAACE,SAAS,EAAE;IACnE,oBAAOjB,KAAA,CAAAkB,aAAA,CAACf,eAAe;MAACgB,UAAU,EAAEV;IAAc,CAAE,CAAC;EACvD;EAEA,OAAOE,KAAK,CAACS,iBAAiB;AAChC,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { TaskState } from '@wix/patterns/core';
+import { createElement } from 'react';
+export class AutoPatternsEntityPageState {
+  constructor(params) {
+    _defineProperty(this, "container", void 0);
+    _defineProperty(this, "initTask", void 0);
+    _defineProperty(this, "config", void 0);
+    _defineProperty(this, "EntityPageElement", null);
+    this.container = params.container;
+    this.initTask = new TaskState();
+    this.config = params.config;
+  }
+  init() {
+    const {
+      container,
+      initTask,
+      config
+    } = this;
+    initTask.runOnce(async () => {
+      container.initTask.runOnce();
+      const getViewModeEntityPage = () => import(/* webpackChunkName: "ViewModeEntityPage" */
+      './ViewModeEntityPage');
+      const getEditModeEntityPage = () => import(/* webpackChunkName: "EditModeEntityPage" */
+      './EditModeEntityPage');
+      this.EntityPageElement = await (config.mode === 'view' ? getViewModeEntityPage().then(_ref => {
+        let {
+          ViewModeEntityPage
+        } = _ref;
+        return /*#__PURE__*/createElement(ViewModeEntityPage, {
+          configuration: config
+        });
+      }) : getEditModeEntityPage().then(_ref2 => {
+        let {
+          EditModeEntityPage
+        } = _ref2;
+        return /*#__PURE__*/createElement(EditModeEntityPage, {
+          configuration: config
+        });
+      }));
+      await container.initTask.status.promise;
+    });
+  }
+}
+//# sourceMappingURL=AutoPatternsEntityPageState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TaskState","createElement","AutoPatternsEntityPageState","constructor","params","_defineProperty","container","initTask","config","init","runOnce","getViewModeEntityPage","getEditModeEntityPage","EntityPageElement","mode","then","_ref","ViewModeEntityPage","configuration","_ref2","EditModeEntityPage","status","promise"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPageState.ts"],"sourcesContent":["import { AutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainer';\nimport { TaskState } from '@wix/patterns/core';\nimport { EntityPageConfig } from '../../types';\nimport { createElement, ReactElement } from 'react';\n\nexport interface AutoPatternsEntityPageParams {\n  container: AutoPatternsAppContainer;\n  config: EntityPageConfig;\n}\n\nexport class AutoPatternsEntityPageState {\n  readonly container;\n  readonly initTask;\n  readonly config;\n\n  EntityPageElement: ReactElement<{}> | null = null;\n\n  constructor(params: AutoPatternsEntityPageParams) {\n    this.container = params.container;\n    this.initTask = new TaskState();\n    this.config = params.config;\n  }\n\n  init() {\n    const { container, initTask, config } = this;\n\n    initTask.runOnce(async () => {\n      container.initTask.runOnce();\n\n      const getViewModeEntityPage = () =>\n        import(\n          /* webpackChunkName: \"ViewModeEntityPage\" */\n          './ViewModeEntityPage'\n        );\n\n      const getEditModeEntityPage = () =>\n        import(\n          /* webpackChunkName: \"EditModeEntityPage\" */\n          './EditModeEntityPage'\n        );\n\n      this.EntityPageElement = await (config.mode === 'view'\n        ? getViewModeEntityPage().then(({ ViewModeEntityPage }) =>\n            createElement(ViewModeEntityPage, { configuration: config }),\n          )\n        : getEditModeEntityPage().then(({ EditModeEntityPage }) =>\n            createElement(EditModeEntityPage, { configuration: config }),\n          ));\n\n      await container.initTask.status.promise;\n    });\n  }\n}\n"],"mappings":";AACA,SAASA,SAAS,QAAQ,oBAAoB;AAE9C,SAASC,aAAa,QAAsB,OAAO;AAOnD,OAAO,MAAMC,2BAA2B,CAAC;EAOvCC,WAAWA,CAACC,MAAoC,EAAE;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,4BAFL,IAAI;IAG/C,IAAI,CAACC,SAAS,GAAGF,MAAM,CAACE,SAAS;IACjC,IAAI,CAACC,QAAQ,GAAG,IAAIP,SAAS,CAAC,CAAC;IAC/B,IAAI,CAACQ,MAAM,GAAGJ,MAAM,CAACI,MAAM;EAC7B;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEH,SAAS;MAAEC,QAAQ;MAAEC;IAAO,CAAC,GAAG,IAAI;IAE5CD,QAAQ,CAACG,OAAO,CAAC,YAAY;MAC3BJ,SAAS,CAACC,QAAQ,CAACG,OAAO,CAAC,CAAC;MAE5B,MAAMC,qBAAqB,GAAGA,CAAA,KAC5B,MAAM,CACJ;MACA,sBACF,CAAC;MAEH,MAAMC,qBAAqB,GAAGA,CAAA,KAC5B,MAAM,CACJ;MACA,sBACF,CAAC;MAEH,IAAI,CAACC,iBAAiB,GAAG,OAAOL,MAAM,CAACM,IAAI,KAAK,MAAM,GAClDH,qBAAqB,CAAC,CAAC,CAACI,IAAI,CAACC,IAAA;QAAA,IAAC;UAAEC;QAAmB,CAAC,GAAAD,IAAA;QAAA,oBAClDf,aAAa,CAACgB,kBAAkB,EAAE;UAAEC,aAAa,EAAEV;QAAO,CAAC,CAAC;MAAA,CAC9D,CAAC,GACDI,qBAAqB,CAAC,CAAC,CAACG,IAAI,CAACI,KAAA;QAAA,IAAC;UAAEC;QAAmB,CAAC,GAAAD,KAAA;QAAA,oBAClDlB,aAAa,CAACmB,kBAAkB,EAAE;UAAEF,aAAa,EAAEV;QAAO,CAAC,CAAC;MAAA,CAC9D,CAAC,CAAC;MAEN,MAAMF,SAAS,CAACC,QAAQ,CAACc,MAAM,CAACC,OAAO;IACzC,CAAC,CAAC;EACJ;AACF","ignoreList":[]}

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

@@ -4,6 +4,13 @@ export function ViewModeEntityPageUniDriver(base, body) {
   const getHeader = () => PageHeaderUniDriver(base.$('[data-hook="view-mode-entity-page-header"]'), body);
   const getMoreActions = () => MoreActionsUniDriver(base.$('[data-hook="view-mode-entity-page-more-actions"]'), body);
   const getBadgeByIndex = index => BadgeUniDriver(base.$(`[data-hook="form-page-header-badge-${index}"]`), body);
+  const getViewField = fieldId => {
+    const field = base.$(`[data-hook="view-field-${fieldId}"]`);
+    return {
+      exists: () => field.exists(),
+      text: () => field.text()
+    };
+  };
   return {
     /**
      * Wait until root element to exist
@@ -30,7 +37,11 @@ export function ViewModeEntityPageUniDriver(base, body) {
      * Check if badge exists by index
      */
     hasBadge: index => getBadgeByIndex(index).exists(),
-    getHeader
+    getHeader,
+    /**
+     * Get view field by field id
+     */
+    getViewField
   };
 }
 export default ViewModeEntityPageUniDriver;

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

@@ -1 +1 @@
-{"version":3,"names":["BadgeUniDriver","PageHeaderUniDriver","MoreActionsUniDriver","ViewModeEntityPageUniDriver","base","body","getHeader","$","getMoreActions","getBadgeByIndex","index","wait","timeout","exists","getBadgesCount","$$","count","getBadgeText","text","hasBadge"],"sources":["../../../../src/components/AutoPatternsEntityPage/ViewModeEntityPage.uni.driver.tsx"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  BadgeUniDriver,\n  PageHeaderUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { MoreActionsUniDriver } from '@wix/patterns/testkit/unidriver';\n\nexport function ViewModeEntityPageUniDriver(base: UniDriver, body: UniDriver) {\n  const getHeader = () =>\n    PageHeaderUniDriver(\n      base.$('[data-hook=\"view-mode-entity-page-header\"]'),\n      body,\n    );\n\n  const getMoreActions = () =>\n    MoreActionsUniDriver(\n      base.$('[data-hook=\"view-mode-entity-page-more-actions\"]'),\n      body,\n    );\n\n  const getBadgeByIndex = (index: number) =>\n    BadgeUniDriver(\n      base.$(`[data-hook=\"form-page-header-badge-${index}\"]`),\n      body,\n    );\n\n  return {\n    /**\n     * Wait until root element to exist\n     * @param timeout - time to wait until bailing\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n\n    /**\n     * Check if the view mode entity page exists\n     */\n    exists: () => base.exists(),\n\n    /**\n     * Get the more actions menu element\n     */\n    getMoreActions,\n\n    /**\n     * Get the number of badges in the header\n     */\n    getBadgesCount: () =>\n      base.$$('[data-hook^=\"form-page-header-badge-\"]').count(),\n\n    /**\n     * Get badge text by index\n     */\n    getBadgeText: (index: number) => getBadgeByIndex(index).text(),\n\n    /**\n     * Check if badge exists by index\n     */\n    hasBadge: (index: number) => getBadgeByIndex(index).exists(),\n\n    getHeader,\n  };\n}\n\nexport default ViewModeEntityPageUniDriver;\n"],"mappings":"AACA,SACEA,cAAc,EACdC,mBAAmB,QACd,2CAA2C;AAClD,SAASC,oBAAoB,QAAQ,iCAAiC;AAEtE,OAAO,SAASC,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,SAAS,GAAGA,CAAA,KAChBL,mBAAmB,CACjBG,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF,CAAC;EAEH,MAAMG,cAAc,GAAGA,CAAA,KACrBN,oBAAoB,CAClBE,IAAI,CAACG,CAAC,CAAC,kDAAkD,CAAC,EAC1DF,IACF,CAAC;EAEH,MAAMI,eAAe,GAAIC,KAAa,IACpCV,cAAc,CACZI,IAAI,CAACG,CAAC,CAAC,sCAAsCG,KAAK,IAAI,CAAC,EACvDL,IACF,CAAC;EAEH,OAAO;IACL;AACJ;AACA;AACA;IACIM,IAAI,EAAGC,OAAgB,IAAKR,IAAI,CAACO,IAAI,CAACC,OAAO,CAAC;IAE9C;AACJ;AACA;IACIC,MAAM,EAAEA,CAAA,KAAMT,IAAI,CAACS,MAAM,CAAC,CAAC;IAE3B;AACJ;AACA;IACIL,cAAc;IAEd;AACJ;AACA;IACIM,cAAc,EAAEA,CAAA,KACdV,IAAI,CAACW,EAAE,CAAC,wCAAwC,CAAC,CAACC,KAAK,CAAC,CAAC;IAE3D;AACJ;AACA;IACIC,YAAY,EAAGP,KAAa,IAAKD,eAAe,CAACC,KAAK,CAAC,CAACQ,IAAI,CAAC,CAAC;IAE9D;AACJ;AACA;IACIC,QAAQ,EAAGT,KAAa,IAAKD,eAAe,CAACC,KAAK,CAAC,CAACG,MAAM,CAAC,CAAC;IAE5DP;EACF,CAAC;AACH;AAEA,eAAeH,2BAA2B","ignoreList":[]}
+{"version":3,"names":["BadgeUniDriver","PageHeaderUniDriver","MoreActionsUniDriver","ViewModeEntityPageUniDriver","base","body","getHeader","$","getMoreActions","getBadgeByIndex","index","getViewField","fieldId","field","exists","text","wait","timeout","getBadgesCount","$$","count","getBadgeText","hasBadge"],"sources":["../../../../src/components/AutoPatternsEntityPage/ViewModeEntityPage.uni.driver.tsx"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  BadgeUniDriver,\n  PageHeaderUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { MoreActionsUniDriver } from '@wix/patterns/testkit/unidriver';\n\nexport function ViewModeEntityPageUniDriver(base: UniDriver, body: UniDriver) {\n  const getHeader = () =>\n    PageHeaderUniDriver(\n      base.$('[data-hook=\"view-mode-entity-page-header\"]'),\n      body,\n    );\n\n  const getMoreActions = () =>\n    MoreActionsUniDriver(\n      base.$('[data-hook=\"view-mode-entity-page-more-actions\"]'),\n      body,\n    );\n\n  const getBadgeByIndex = (index: number) =>\n    BadgeUniDriver(\n      base.$(`[data-hook=\"form-page-header-badge-${index}\"]`),\n      body,\n    );\n\n  const getViewField = (fieldId: string) => {\n    const field = base.$(`[data-hook=\"view-field-${fieldId}\"]`);\n    return {\n      exists: () => field.exists(),\n      text: () => field.text(),\n    };\n  };\n\n  return {\n    /**\n     * Wait until root element to exist\n     * @param timeout - time to wait until bailing\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n\n    /**\n     * Check if the view mode entity page exists\n     */\n    exists: () => base.exists(),\n\n    /**\n     * Get the more actions menu element\n     */\n    getMoreActions,\n\n    /**\n     * Get the number of badges in the header\n     */\n    getBadgesCount: () =>\n      base.$$('[data-hook^=\"form-page-header-badge-\"]').count(),\n\n    /**\n     * Get badge text by index\n     */\n    getBadgeText: (index: number) => getBadgeByIndex(index).text(),\n\n    /**\n     * Check if badge exists by index\n     */\n    hasBadge: (index: number) => getBadgeByIndex(index).exists(),\n\n    getHeader,\n\n    /**\n     * Get view field by field id\n     */\n    getViewField,\n  };\n}\n\nexport default ViewModeEntityPageUniDriver;\n"],"mappings":"AACA,SACEA,cAAc,EACdC,mBAAmB,QACd,2CAA2C;AAClD,SAASC,oBAAoB,QAAQ,iCAAiC;AAEtE,OAAO,SAASC,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,SAAS,GAAGA,CAAA,KAChBL,mBAAmB,CACjBG,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF,CAAC;EAEH,MAAMG,cAAc,GAAGA,CAAA,KACrBN,oBAAoB,CAClBE,IAAI,CAACG,CAAC,CAAC,kDAAkD,CAAC,EAC1DF,IACF,CAAC;EAEH,MAAMI,eAAe,GAAIC,KAAa,IACpCV,cAAc,CACZI,IAAI,CAACG,CAAC,CAAC,sCAAsCG,KAAK,IAAI,CAAC,EACvDL,IACF,CAAC;EAEH,MAAMM,YAAY,GAAIC,OAAe,IAAK;IACxC,MAAMC,KAAK,GAAGT,IAAI,CAACG,CAAC,CAAC,0BAA0BK,OAAO,IAAI,CAAC;IAC3D,OAAO;MACLE,MAAM,EAAEA,CAAA,KAAMD,KAAK,CAACC,MAAM,CAAC,CAAC;MAC5BC,IAAI,EAAEA,CAAA,KAAMF,KAAK,CAACE,IAAI,CAAC;IACzB,CAAC;EACH,CAAC;EAED,OAAO;IACL;AACJ;AACA;AACA;IACIC,IAAI,EAAGC,OAAgB,IAAKb,IAAI,CAACY,IAAI,CAACC,OAAO,CAAC;IAE9C;AACJ;AACA;IACIH,MAAM,EAAEA,CAAA,KAAMV,IAAI,CAACU,MAAM,CAAC,CAAC;IAE3B;AACJ;AACA;IACIN,cAAc;IAEd;AACJ;AACA;IACIU,cAAc,EAAEA,CAAA,KACdd,IAAI,CAACe,EAAE,CAAC,wCAAwC,CAAC,CAACC,KAAK,CAAC,CAAC;IAE3D;AACJ;AACA;IACIC,YAAY,EAAGX,KAAa,IAAKD,eAAe,CAACC,KAAK,CAAC,CAACK,IAAI,CAAC,CAAC;IAE9D;AACJ;AACA;IACIO,QAAQ,EAAGZ,KAAa,IAAKD,eAAe,CAACC,KAAK,CAAC,CAACI,MAAM,CAAC,CAAC;IAE5DR,SAAS;IAET;AACJ;AACA;IACIK;EACF,CAAC;AACH;AAEA,eAAeR,2BAA2B","ignoreList":[]}

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGrid.js

@@ -50,6 +50,7 @@ const AutoPatternsGridLoaded = props => {
   const baseCollectionComponentReadyFeatures = useBaseCollectionComponentReadyFeatures({
     config,
     collection: state.collection,
+    reportBi: state.toolbar.reportBi,
     asyncFeaturesState,
     baseStateParams
   });

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Grid","GridState","useCreateCollection","useGridCollection","useSelector","useWixPatternsContainer","useBasePatternsStateParams","useGridFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","dragAndDropProps","useGridDragAndDrop","createElement","_extends","AutoPatternsGrid","visibleFieldIds","container","createCollection","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Grid,\n  GridState,\n  useCreateCollection,\n  useGridCollection,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useGridFeaturesAsync } from '../../hooks';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsGridContentProps {\n  config: GridConfig;\n}\n\n/**\n * AutoPatternsGridLoaded - Step 4 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the grid flow and handles:\n *\n * Key Responsibilities:\n * - Creates the grid collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final Grid component with all features combined\n */\nconst AutoPatternsGridLoaded = (\n  props: NonNullable<ReturnType<typeof useGridFeaturesAsync>> &\n    AutoPatternsGridContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (how items are rendered and displayed)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { dragAndDrop } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create grid collection state with the loaded async dependencies\n  const state = useGridCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract grid-specific drag and drop props if feature is loaded\n  const dragAndDropProps = dragAndDrop?.useGridDragAndDrop?.(config);\n\n  // FINAL STEP: Render the fully-featured Grid component\n  // Combines grid display features with loaded async features\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n      {...baseCollectionComponentReadyFeatures}\n      {...dragAndDropProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsGrid - Step 2 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → [AutoPatternsGrid] → useGridFeaturesAsync → AutoPatternsGridLoaded → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This is the main grid component that orchestrates the grid rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n *\n * Key Responsibilities:\n * - Extracts grid display features (renderItem, preset, imagePlacement) and visible field IDs\n * - Calls useGridFeaturesAsync (Step 3) to load grid-specific async features\n * - Creates initial grid state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton grid during loading or AutoPatternsGridLoaded when ready\n */\nexport const AutoPatternsGrid = (props: AutoPatternsGridContentProps) => {\n  const { config } = props;\n\n  // Extract grid display features and visible field IDs from configuration\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(config);\n\n  // Initialize base state parameters with collection config and visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load grid-specific async features (currently only drag&drop)\n  const { asyncFeaturesState } = useGridFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize grid state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new GridState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-grid';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured grid\n    return (\n      <AutoPatternsGridLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic grid skeleton while features are loading\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","Grid","GridState","useCreateCollection","useGridCollection","useSelector","useWixPatternsContainer","useBasePatternsStateParams","useGridFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","reportBi","toolbar","dragAndDropProps","useGridDragAndDrop","createElement","_extends","AutoPatternsGrid","visibleFieldIds","container","createCollection","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Grid,\n  GridState,\n  useCreateCollection,\n  useGridCollection,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useGridFeaturesAsync } from '../../hooks';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsGridContentProps {\n  config: GridConfig;\n}\n\n/**\n * AutoPatternsGridLoaded - Step 4 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the grid flow and handles:\n *\n * Key Responsibilities:\n * - Creates the grid collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final Grid component with all features combined\n */\nconst AutoPatternsGridLoaded = (\n  props: NonNullable<ReturnType<typeof useGridFeaturesAsync>> &\n    AutoPatternsGridContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (how items are rendered and displayed)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { dragAndDrop } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create grid collection state with the loaded async dependencies\n  const state = useGridCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      reportBi: state.toolbar.reportBi,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract grid-specific drag and drop props if feature is loaded\n  const dragAndDropProps = dragAndDrop?.useGridDragAndDrop?.(config);\n\n  // FINAL STEP: Render the fully-featured Grid component\n  // Combines grid display features with loaded async features\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n      {...baseCollectionComponentReadyFeatures}\n      {...dragAndDropProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsGrid - Step 2 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → [AutoPatternsGrid] → useGridFeaturesAsync → AutoPatternsGridLoaded → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This is the main grid component that orchestrates the grid rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n *\n * Key Responsibilities:\n * - Extracts grid display features (renderItem, preset, imagePlacement) and visible field IDs\n * - Calls useGridFeaturesAsync (Step 3) to load grid-specific async features\n * - Creates initial grid state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton grid during loading or AutoPatternsGridLoaded when ready\n */\nexport const AutoPatternsGrid = (props: AutoPatternsGridContentProps) => {\n  const { config } = props;\n\n  // Extract grid display features and visible field IDs from configuration\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(config);\n\n  // Initialize base state parameters with collection config and visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load grid-specific async features (currently only drag&drop)\n  const { asyncFeaturesState } = useGridFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize grid state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new GridState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-grid';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured grid\n    return (\n      <AutoPatternsGridLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic grid skeleton while features are loading\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}