@wix/auto-patterns 1.8.0 → 1.9.0

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

@@ -1,71 +1,76 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.Number = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/Number.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 Number = props => {
-  var _field$validation, _field$validation2;
+  var _field$validation, _pageState$entity, _field$validation3, _controller$fieldStat;
   const {
     field,
-    value,
-    onChange,
-    dataHook,
-    inputRef
+    dataHook
   } = props;
-  const ref = (0, _react.useRef)({});
   const {
     translate: t,
     ...container
   } = (0, _patterns.useWixPatternsContainer)();
   (0, _patterns.useSelector)(() => container.initTask.status);
+  const pageState = (0, _patterns.useEntityPageContext)();
   const numberRange = (_field$validation = field.validation) == null ? void 0 : _field$validation.numberRange;
-  const min = (numberRange == null ? void 0 : numberRange.min) ?? undefined;
-  const max = (numberRange == null ? void 0 : numberRange.max) ?? undefined;
-  let invalidMessage;
-  if (value !== null) {
-    if (min !== undefined && value < min) {
-      invalidMessage = t('cairo.fieldValidation.minNumber', {
-        minAmount: min
-      });
-      ref.current.invalid = true;
-    } else if (max !== undefined && value > max) {
-      invalidMessage = t('cairo.fieldValidation.maxNumber', {
-        maxAmount: max
-      });
-      ref.current.invalid = true;
-    } else {
-      ref.current.invalid = false;
+  const min = numberRange == null ? void 0 : numberRange.min;
+  const max = numberRange == null ? void 0 : numberRange.max;
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: pageState.form.control,
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation2;
+        if ((_field$validation2 = field.validation) != null && _field$validation2.required && (value === null || value === undefined || value === '')) {
+          return t('cairo.fieldValidation.requiredField');
+        }
+        if (value !== null && value !== undefined) {
+          if (min !== undefined && value < min) {
+            return t('cairo.fieldValidation.minNumber', {
+              minAmount: min
+            });
+          }
+          if (max !== undefined && value > max) {
+            return t('cairo.fieldValidation.maxNumber', {
+              maxAmount: max
+            });
+          }
+        }
+        return true;
+      }
     }
-  }
+  });
   return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     label: field.displayName,
-    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
-    status: invalidMessage ? 'error' : undefined,
-    statusMessage: invalidMessage,
+    required: (_field$validation3 = field.validation) == null ? void 0 : _field$validation3.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
     dataHook: dataHook,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 57,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
-    value: value || undefined,
-    onChange: e => onChange(e),
+    value: controller.field.value ?? undefined,
+    onChange: e => controller.field.onChange(e),
+    onBlur: controller.field.onBlur,
+    inputRef: controller.field.ref,
     dataHook: `number-${field.id}`,
-    inputRef: internalRef => {
-      inputRef == null || inputRef(ref.current);
-      ref.current.focus = () => internalRef == null ? void 0 : internalRef.focus();
-    },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 64,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/AutoPatternsEntityPage/Fields/Number.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patterns","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Number","props","_field$validation","_field$validation2","field","value","onChange","dataHook","inputRef","ref","useRef","translate","container","useWixPatternsContainer","useSelector","initTask","status","numberRange","validation","min","undefined","max","invalidMessage","minAmount","current","invalid","maxAmount","createElement","FormField","label","displayName","required","statusMessage","__self","__source","fileName","lineNumber","columnNumber","NumberInput","id","internalRef","focus","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Number.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FormField, NumberInput } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useWixPatternsContainer, useSelector } from '@wix/patterns';\n\nexport interface NumberProps extends BaseInputProps<number | null> {}\n\nexport const Number = (props: NumberProps) => {\n  const { field, value, onChange, dataHook, inputRef } = props;\n  const ref = useRef<BaseInputRef>({});\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n  const numberRange = field.validation?.numberRange;\n  const min = numberRange?.min ?? undefined;\n  const max = numberRange?.max ?? undefined;\n  let invalidMessage: string | undefined;\n\n  if (value !== null) {\n    if (min !== undefined && value < min) {\n      invalidMessage = t('cairo.fieldValidation.minNumber', {\n        minAmount: min,\n      });\n      ref.current.invalid = true;\n    } else if (max !== undefined && value > max) {\n      invalidMessage = t('cairo.fieldValidation.maxNumber', {\n        maxAmount: max,\n      });\n      ref.current.invalid = true;\n    } else {\n      ref.current.invalid = false;\n    }\n  }\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={invalidMessage ? 'error' : undefined}\n      statusMessage={invalidMessage}\n      dataHook={dataHook}\n    >\n      <NumberInput\n        value={value || undefined}\n        onChange={(e) => onChange(e)}\n        dataHook={`number-${field.id}`}\n        inputRef={(internalRef) => {\n          inputRef?.(ref.current);\n          ref.current.focus = () => internalRef?.focus();\n        }}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_jsxFileName","Number","props","_field$validation","_pageState$entity","_field$validation3","_controller$fieldStat","field","dataHook","translate","t","container","useWixPatternsContainer","useSelector","initTask","status","pageState","useEntityPageContext","numberRange","validation","min","max","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation2","required","undefined","minAmount","maxAmount","default","createElement","FormField","label","displayName","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","NumberInput","onChange","e","onBlur","inputRef","ref","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Number.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, NumberInput } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport {\n  useEntityPageContext,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface NumberProps extends BaseInputProps<number | null> {}\n\nexport const Number = (props: NumberProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const pageState = useEntityPageContext();\n\n  const numberRange = field.validation?.numberRange;\n  const min = numberRange?.min;\n  const max = numberRange?.max;\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        if (value !== null && value !== undefined) {\n          if (min !== undefined && value < min) {\n            return t('cairo.fieldValidation.minNumber', {\n              minAmount: min,\n            });\n          }\n          if (max !== undefined && value > max) {\n            return t('cairo.fieldValidation.maxNumber', {\n              maxAmount: max,\n            });\n          }\n        }\n\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <NumberInput\n        value={controller.field.value ?? undefined}\n        onChange={(e) => controller.field.onChange(e)}\n        onBlur={controller.field.onBlur}\n        inputRef={controller.field.ref}\n        dataHook={`number-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,58 +1,75 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.ShortText = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _validateTextLength = require("./utils/validateTextLength");
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/ShortText.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 ShortText = props => {
-  var _field$validation, _field$validation2;
+  var _field$validation, _pageState$entity, _controller$field$val, _field$validation3, _controller$fieldStat;
   const {
     field,
-    onChange,
-    value,
-    dataHook,
-    inputRef
+    dataHook
   } = props;
-  const ref = (0, _react.useRef)({});
-  const stringLengthRange = (_field$validation = field.validation) == null ? void 0 : _field$validation.stringLengthRange;
   const {
-    charCount,
-    invalidMessage
-  } = (0, _validateTextLength.useValidateTextLength)({
-    value,
-    stringLengthRange,
-    onChange,
-    ref
+    translate: t,
+    ...container
+  } = (0, _patterns.useWixPatternsContainer)();
+  (0, _patterns.useSelector)(() => container.initTask.status);
+  const pageState = (0, _patterns.useEntityPageContext)();
+  const stringLengthRange = (_field$validation = field.validation) == null ? void 0 : _field$validation.stringLengthRange;
+  const minLength = stringLengthRange == null ? void 0 : stringLengthRange.minLength;
+  const maxLength = stringLengthRange == null ? void 0 : stringLengthRange.maxLength;
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: pageState.form.control,
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation2;
+        if ((_field$validation2 = field.validation) != null && _field$validation2.required && (value === null || value === undefined || value === '')) {
+          return t('cairo.fieldValidation.requiredField');
+        }
+        if (minLength && value && value.length < minLength) {
+          return t('cairo.fieldValidation.minCharacter', {
+            charMin: minLength
+          });
+        } else if (maxLength && value && value.length > maxLength) {
+          return t('cairo.fieldValidation.maxCharacter', {
+            charMax: maxLength
+          });
+        }
+        return true;
+      }
+    }
   });
+  const charCount = maxLength ? maxLength - ((_controller$field$val = controller.field.value) == null ? void 0 : _controller$field$val.length) : undefined;
   return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     label: field.displayName,
-    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    required: (_field$validation3 = field.validation) == null ? void 0 : _field$validation3.required,
     charCount: charCount,
-    status: invalidMessage ? 'error' : undefined,
-    statusMessage: invalidMessage,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
     dataHook: dataHook,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 58,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
-    value: value,
-    onChange: e => onChange == null ? void 0 : onChange(e.target.value),
+    value: controller.field.value,
+    onChange: e => controller.field.onChange == null ? void 0 : controller.field.onChange(e.target.value),
+    onBlur: controller.field.onBlur,
     dataHook: `short-text-${field.id}`,
-    ref: internalRef => {
-      inputRef == null || inputRef(ref.current);
-      ref.current.focus = () => internalRef == null ? void 0 : internalRef.focus();
-    },
+    ref: controller.field.ref,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 66,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/AutoPatternsEntityPage/Fields/ShortText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_validateTextLength","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ShortText","props","_field$validation","_field$validation2","field","onChange","value","dataHook","inputRef","ref","useRef","stringLengthRange","validation","charCount","invalidMessage","useValidateTextLength","createElement","FormField","label","displayName","required","status","undefined","statusMessage","__self","__source","fileName","lineNumber","columnNumber","Input","target","id","internalRef","current","focus","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ShortText.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useValidateTextLength } from './utils/validateTextLength';\n\nexport interface ShortTextProps extends BaseInputProps<string> {}\n\nexport const ShortText = (props: ShortTextProps) => {\n  const { field, onChange, value, dataHook, inputRef } = props;\n\n  const ref = useRef<BaseInputRef>({});\n\n  const stringLengthRange = field.validation?.stringLengthRange;\n\n  const { charCount, invalidMessage } = useValidateTextLength({\n    value,\n    stringLengthRange,\n    onChange,\n    ref,\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      charCount={charCount}\n      status={invalidMessage ? 'error' : undefined}\n      statusMessage={invalidMessage}\n      dataHook={dataHook}\n    >\n      <Input\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        dataHook={`short-text-${field.id}`}\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          ref.current.focus = () => internalRef?.focus();\n        }}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_jsxFileName","ShortText","props","_field$validation","_pageState$entity","_controller$field$val","_field$validation3","_controller$fieldStat","field","dataHook","translate","t","container","useWixPatternsContainer","useSelector","initTask","status","pageState","useEntityPageContext","stringLengthRange","validation","minLength","maxLength","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation2","required","undefined","length","charMin","charMax","charCount","default","createElement","FormField","label","displayName","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","Input","onChange","e","target","onBlur","ref","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ShortText.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport {\n  useEntityPageContext,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface ShortTextProps extends BaseInputProps<string> {}\n\nexport const ShortText = (props: ShortTextProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const pageState = useEntityPageContext();\n\n  const stringLengthRange = field.validation?.stringLengthRange;\n  const minLength = stringLengthRange?.minLength;\n  const maxLength = stringLengthRange?.maxLength;\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        if (minLength && value && value.length < minLength) {\n          return t('cairo.fieldValidation.minCharacter', {\n            charMin: minLength,\n          });\n        } else if (maxLength && value && value.length > maxLength) {\n          return t('cairo.fieldValidation.maxCharacter', {\n            charMax: maxLength,\n          });\n        }\n\n        return true;\n      },\n    },\n  });\n\n  const charCount = maxLength\n    ? maxLength - controller.field.value?.length\n    : undefined;\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      charCount={charCount}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <Input\n        value={controller.field.value}\n        onChange={(e) => controller.field.onChange?.(e.target.value)}\n        onBlur={controller.field.onBlur}\n        dataHook={`short-text-${field.id}`}\n        ref={controller.field.ref}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -3,88 +3,83 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.Url = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/Url.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 Url = props => {
-  var _field$validation;
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
   const {
     field,
-    value,
-    onChange,
-    dataHook,
-    inputRef
+    dataHook
   } = props;
-  const ref = (0, _react.useRef)({});
-  const [fieldsStatus, setFieldStatus] = (0, _react.useState)({});
   const {
     translate: t,
     ...container
   } = (0, _patterns.useWixPatternsContainer)();
   (0, _patterns.useSelector)(() => container.initTask.status);
+  const pageState = (0, _patterns.useEntityPageContext)();
 
   // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31
   const uriPattern =
   // eslint-disable-next-line no-useless-escape
   /^[A-Za-z][A-Za-z0-9+.-]*:(\/\/([A-Za-z0-9._~\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\-!$&'()*+,;=%:\[\]]*(:[0-9]*)?)?[A-Za-z0-9._~\-%!$&'()*+,;=:@\/]*([?][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?([#][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?$/;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, (0, _extends2.default)({
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: pageState.form.control,
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (value === null || value === undefined || value === '')) {
+          return t('cairo.fieldValidation.requiredField');
+        } else if (value) {
+          return uriPattern.test(value) || t('cairo.customFields.url-input.error');
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     label: field.displayName,
-    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
-    dataHook: dataHook
-  }, fieldsStatus, {
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    dataHook: dataHook,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 47,
       columnNumber: 5
     }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
     prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 33,
+        lineNumber: 56,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 34,
+        lineNumber: 57,
         columnNumber: 13
       }
     })),
     placeholder: t('cairo.customFields.url-input.placeholder'),
     dataHook: `url-${field.id}`,
-    value: value,
-    onChange: e => onChange == null ? void 0 : onChange(e.target.value),
-    onBlur: () => {
-      ref.current.invalid = value ? !uriPattern.test(value) : false;
-      if (ref.current.invalid) {
-        setFieldStatus({
-          status: 'error',
-          statusMessage: t('cairo.customFields.url-input.error')
-        });
-      } else {
-        setFieldStatus({
-          status: undefined,
-          statusMessage: undefined
-        });
-      }
-    },
-    ref: internalRef => {
-      inputRef == null || inputRef(ref.current);
-      ref.current.focus = () => internalRef == null ? void 0 : internalRef.focus();
-    },
+    value: controller.field.value,
+    onChange: e => controller.field.onChange == null ? void 0 : controller.field.onChange(e.target.value),
+    onBlur: controller.field.onBlur,
+    ref: controller.field.ref,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 54,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/AutoPatternsEntityPage/Fields/Url.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_patterns","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Url","props","_field$validation","field","value","onChange","dataHook","inputRef","ref","useRef","fieldsStatus","setFieldStatus","useState","translate","container","useWixPatternsContainer","useSelector","initTask","status","uriPattern","createElement","FormField","_extends2","label","displayName","required","validation","__self","__source","fileName","lineNumber","columnNumber","Input","prefix","IconAffix","Link","placeholder","id","target","onBlur","current","invalid","test","statusMessage","undefined","internalRef","focus","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Url.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, Input, StatusType } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { Link } from '@wix/wix-ui-icons-common';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\n\nexport interface UrlProps extends BaseInputProps<string> {}\n\nexport const Url = (props: UrlProps) => {\n  const { field, value, onChange, dataHook, inputRef } = props;\n  const ref = useRef<BaseInputRef>({});\n  const [fieldsStatus, setFieldStatus] = useState<{\n    status?: StatusType;\n    statusMessage?: string;\n  }>({});\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31\n  const uriPattern =\n    // eslint-disable-next-line no-useless-escape\n    /^[A-Za-z][A-Za-z0-9+.-]*:(\\/\\/([A-Za-z0-9._~\\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\\-!$&'()*+,;=%:\\[\\]]*(:[0-9]*)?)?[A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/]*([?][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?([#][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?$/;\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n      {...fieldsStatus}\n    >\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder={t('cairo.customFields.url-input.placeholder')}\n        dataHook={`url-${field.id}`}\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        onBlur={() => {\n          ref.current.invalid = value ? !uriPattern.test(value) : false;\n\n          if (ref.current.invalid) {\n            setFieldStatus({\n              status: 'error',\n              statusMessage: t('cairo.customFields.url-input.error'),\n            });\n          } else {\n            setFieldStatus({ status: undefined, statusMessage: undefined });\n          }\n        }}\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          ref.current.focus = () => internalRef?.focus();\n        }}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_patterns","_form","_jsxFileName","Url","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","t","container","useWixPatternsContainer","useSelector","initTask","status","pageState","useEntityPageContext","uriPattern","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","test","default","createElement","FormField","label","displayName","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","Input","prefix","IconAffix","Link","placeholder","onChange","e","target","onBlur","ref","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Url.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { Link } from '@wix/wix-ui-icons-common';\nimport {\n  useEntityPageContext,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface UrlProps extends BaseInputProps<string> {}\n\nexport const Url = (props: UrlProps) => {\n  const { field, dataHook } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n  const pageState = useEntityPageContext();\n\n  // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31\n  const uriPattern =\n    // eslint-disable-next-line no-useless-escape\n    /^[A-Za-z][A-Za-z0-9+.-]*:(\\/\\/([A-Za-z0-9._~\\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\\-!$&'()*+,;=%:\\[\\]]*(:[0-9]*)?)?[A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/]*([?][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?([#][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?$/;\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value: string | null | undefined) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        } else if (value) {\n          return (\n            uriPattern.test(value) || t('cairo.customFields.url-input.error')\n          );\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n    >\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder={t('cairo.customFields.url-input.placeholder')}\n        dataHook={`url-${field.id}`}\n        value={controller.field.value}\n        onChange={(e) => controller.field.onChange?.(e.target.value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,22 +7,24 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/modals/actions/BulkDeleteModal.tsx";
 const BulkDeleteModal = ({
-  sharedData,
+  sdk,
   modalParams,
   actionParams
 }) => {
   var _modalParams$title, _modalParams$actions, _modalParams$actions2, _modalParams$descript;
   const {
-    optimisticActions,
+    getOptimisticActions,
+    collectionId,
     closeModal
-  } = sharedData;
+  } = sdk;
+  const optimisticActions = getOptimisticActions(collectionId);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
     isOpen: true,
     onRequestClose: closeModal,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 20,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
@@ -33,12 +35,12 @@ const BulkDeleteModal = ({
     },
     primaryButtonOnClick: () => {
       var _modalParams$feedback;
-      const schema = sharedData.getSchema(sharedData.collectionId);
+      const schema = sdk.getSchema(sdk.collectionId);
       if (!schema) {
         throw new Error('Schema not found');
       }
       const selectedIds = actionParams.selectedValues.map(value => value[schema.idField]);
-      optimisticActions.deleteMany(actionParams.selectedValues, {
+      optimisticActions == null || optimisticActions.deleteMany(actionParams.selectedValues, {
         successToast: ((_modalParams$feedback = modalParams.feedback) == null || (_modalParams$feedback = _modalParams$feedback.successToast) == null ? void 0 : _modalParams$feedback.text) || 'Items deleted successfully',
         errorToast: () => {
           var _modalParams$feedback2;
@@ -65,28 +67,28 @@ const BulkDeleteModal = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 55,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 60,
+        lineNumber: 62,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
+        lineNumber: 63,
         columnNumber: 15
       }
     }, ((_modalParams$descript = modalParams.description) == null ? void 0 : _modalParams$descript.text) || 'This items will be deleted'))),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 21,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/modals/actions/BulkDeleteModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","BulkDeleteModal","sharedData","modalParams","actionParams","_modalParams$title","_modalParams$actions","_modalParams$actions2","_modalParams$descript","optimisticActions","closeModal","default","createElement","Modal","isOpen","onRequestClose","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","title","text","theme","onCloseButtonClick","primaryButtonOnClick","_modalParams$feedback","schema","getSchema","collectionId","Error","selectedIds","selectedValues","map","value","idField","deleteMany","successToast","feedback","errorToast","_modalParams$feedback2","submit","result","actions","bulkDelete","secondaryButtonOnClick","primaryButtonText","secondaryButtonText","cancel","content","Box","direction","width","gap","paddingTop","paddingBottom","Text","description","exports"],"sources":["../../../../../src/components/modals/actions/BulkDeleteModal.tsx"],"sourcesContent":["import { Box, CustomModalLayout, Modal, Text } from '@wix/design-system';\nimport React from 'react';\nimport { BulkActionsActionParams, BulkDeleteActionModal } from '../../../types';\nimport { ActionModalProps } from './types';\n\nexport interface BulkDeleteModalProps extends ActionModalProps {\n  modalParams: BulkDeleteActionModal;\n  actionParams: BulkActionsActionParams;\n}\n\nexport const BulkDeleteModal = ({\n  sharedData,\n  modalParams,\n  actionParams,\n}: BulkDeleteModalProps) => {\n  const { optimisticActions, closeModal } = sharedData;\n  return (\n    <Modal isOpen onRequestClose={closeModal}>\n      <CustomModalLayout\n        title={modalParams.title?.text || 'Delete item?'}\n        theme=\"destructive\"\n        onCloseButtonClick={() => {\n          closeModal();\n        }}\n        primaryButtonOnClick={() => {\n          const schema = sharedData.getSchema(sharedData.collectionId);\n          if (!schema) {\n            throw new Error('Schema not found');\n          }\n          const selectedIds = actionParams.selectedValues.map(\n            (value) => value[schema.idField],\n          );\n          optimisticActions.deleteMany(actionParams.selectedValues, {\n            successToast:\n              modalParams.feedback?.successToast?.text ||\n              'Items deleted successfully',\n            errorToast: () =>\n              modalParams.feedback?.errorToast?.text ||\n              'Failed to delete items',\n            submit: async () => {\n              const result = await schema.actions.bulkDelete(selectedIds);\n              return [result];\n            },\n          });\n          closeModal();\n        }}\n        secondaryButtonOnClick={() => {\n          closeModal();\n        }}\n        primaryButtonText={modalParams.actions?.submit?.text || 'Save'}\n        secondaryButtonText={modalParams.actions?.cancel?.text || 'Cancel'}\n        content={\n          <Box\n            direction=\"vertical\"\n            width=\"552px\"\n            gap=\"SP2\"\n            paddingTop=\"SP1\"\n            paddingBottom=\"SP1\"\n          >\n            <Box>\n              <Text>\n                {modalParams.description?.text || 'This items will be deleted'}\n              </Text>\n            </Box>\n          </Box>\n        }\n      />\n    </Modal>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","BulkDeleteModal","sdk","modalParams","actionParams","_modalParams$title","_modalParams$actions","_modalParams$actions2","_modalParams$descript","getOptimisticActions","collectionId","closeModal","optimisticActions","default","createElement","Modal","isOpen","onRequestClose","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","title","text","theme","onCloseButtonClick","primaryButtonOnClick","_modalParams$feedback","schema","getSchema","Error","selectedIds","selectedValues","map","value","idField","deleteMany","successToast","feedback","errorToast","_modalParams$feedback2","submit","result","actions","bulkDelete","secondaryButtonOnClick","primaryButtonText","secondaryButtonText","cancel","content","Box","direction","width","gap","paddingTop","paddingBottom","Text","description","exports"],"sources":["../../../../../src/components/modals/actions/BulkDeleteModal.tsx"],"sourcesContent":["import { Box, CustomModalLayout, Modal, Text } from '@wix/design-system';\nimport React from 'react';\nimport { BulkActionsActionParams, BulkDeleteActionModal } from '../../../types';\nimport { ActionModalProps } from './types';\n\nexport interface BulkDeleteModalProps extends ActionModalProps {\n  modalParams: BulkDeleteActionModal;\n  actionParams: BulkActionsActionParams;\n}\n\nexport const BulkDeleteModal = ({\n  sdk,\n  modalParams,\n  actionParams,\n}: BulkDeleteModalProps) => {\n  const { getOptimisticActions, collectionId, closeModal } = sdk;\n  const optimisticActions = getOptimisticActions(collectionId);\n\n  return (\n    <Modal isOpen onRequestClose={closeModal}>\n      <CustomModalLayout\n        title={modalParams.title?.text || 'Delete item?'}\n        theme=\"destructive\"\n        onCloseButtonClick={() => {\n          closeModal();\n        }}\n        primaryButtonOnClick={() => {\n          const schema = sdk.getSchema(sdk.collectionId);\n          if (!schema) {\n            throw new Error('Schema not found');\n          }\n          const selectedIds = actionParams.selectedValues.map(\n            (value) => value[schema.idField],\n          );\n          optimisticActions?.deleteMany(actionParams.selectedValues, {\n            successToast:\n              modalParams.feedback?.successToast?.text ||\n              'Items deleted successfully',\n            errorToast: () =>\n              modalParams.feedback?.errorToast?.text ||\n              'Failed to delete items',\n            submit: async () => {\n              const result = await schema.actions.bulkDelete(selectedIds);\n              return [result];\n            },\n          });\n          closeModal();\n        }}\n        secondaryButtonOnClick={() => {\n          closeModal();\n        }}\n        primaryButtonText={modalParams.actions?.submit?.text || 'Save'}\n        secondaryButtonText={modalParams.actions?.cancel?.text || 'Cancel'}\n        content={\n          <Box\n            direction=\"vertical\"\n            width=\"552px\"\n            gap=\"SP2\"\n            paddingTop=\"SP1\"\n            paddingBottom=\"SP1\"\n          >\n            <Box>\n              <Text>\n                {modalParams.description?.text || 'This items will be deleted'}\n              </Text>\n            </Box>\n          </Box>\n        }\n      />\n    </Modal>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,IAAAG,YAAA;AASnB,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,GAAG;EACHC,WAAW;EACXC;AACoB,CAAC,KAAK;EAAA,IAAAC,kBAAA,EAAAC,oBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EAC1B,MAAM;IAAEC,oBAAoB;IAAEC,YAAY;IAAEC;EAAW,CAAC,GAAGT,GAAG;EAC9D,MAAMU,iBAAiB,GAAGH,oBAAoB,CAACC,YAAY,CAAC;EAE5D,oBACEZ,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,KAAK;IAACC,MAAM;IAACC,cAAc,EAAEN,UAAW;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvCxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA2B,iBAAiB;IAChBC,KAAK,EAAE,EAAAnB,kBAAA,GAAAF,WAAW,CAACqB,KAAK,qBAAjBnB,kBAAA,CAAmBoB,IAAI,KAAI,cAAe;IACjDC,KAAK,EAAC,aAAa;IACnBC,kBAAkB,EAAEA,CAAA,KAAM;MACxBhB,UAAU,CAAC,CAAC;IACd,CAAE;IACFiB,oBAAoB,EAAEA,CAAA,KAAM;MAAA,IAAAC,qBAAA;MAC1B,MAAMC,MAAM,GAAG5B,GAAG,CAAC6B,SAAS,CAAC7B,GAAG,CAACQ,YAAY,CAAC;MAC9C,IAAI,CAACoB,MAAM,EAAE;QACX,MAAM,IAAIE,KAAK,CAAC,kBAAkB,CAAC;MACrC;MACA,MAAMC,WAAW,GAAG7B,YAAY,CAAC8B,cAAc,CAACC,GAAG,CAChDC,KAAK,IAAKA,KAAK,CAACN,MAAM,CAACO,OAAO,CACjC,CAAC;MACDzB,iBAAiB,YAAjBA,iBAAiB,CAAE0B,UAAU,CAAClC,YAAY,CAAC8B,cAAc,EAAE;QACzDK,YAAY,EACV,EAAAV,qBAAA,GAAA1B,WAAW,CAACqC,QAAQ,cAAAX,qBAAA,GAApBA,qBAAA,CAAsBU,YAAY,qBAAlCV,qBAAA,CAAoCJ,IAAI,KACxC,4BAA4B;QAC9BgB,UAAU,EAAEA,CAAA;UAAA,IAAAC,sBAAA;UAAA,OACV,EAAAA,sBAAA,GAAAvC,WAAW,CAACqC,QAAQ,cAAAE,sBAAA,GAApBA,sBAAA,CAAsBD,UAAU,qBAAhCC,sBAAA,CAAkCjB,IAAI,KACtC,wBAAwB;QAAA;QAC1BkB,MAAM,EAAE,MAAAA,CAAA,KAAY;UAClB,MAAMC,MAAM,GAAG,MAAMd,MAAM,CAACe,OAAO,CAACC,UAAU,CAACb,WAAW,CAAC;UAC3D,OAAO,CAACW,MAAM,CAAC;QACjB;MACF,CAAC,CAAC;MACFjC,UAAU,CAAC,CAAC;IACd,CAAE;IACFoC,sBAAsB,EAAEA,CAAA,KAAM;MAC5BpC,UAAU,CAAC,CAAC;IACd,CAAE;IACFqC,iBAAiB,EAAE,EAAA1C,oBAAA,GAAAH,WAAW,CAAC0C,OAAO,cAAAvC,oBAAA,GAAnBA,oBAAA,CAAqBqC,MAAM,qBAA3BrC,oBAAA,CAA6BmB,IAAI,KAAI,MAAO;IAC/DwB,mBAAmB,EAAE,EAAA1C,qBAAA,GAAAJ,WAAW,CAAC0C,OAAO,cAAAtC,qBAAA,GAAnBA,qBAAA,CAAqB2C,MAAM,qBAA3B3C,qBAAA,CAA6BkB,IAAI,KAAI,QAAS;IACnE0B,OAAO,eACLrD,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAwD,GAAG;MACFC,SAAS,EAAC,UAAU;MACpBC,KAAK,EAAC,OAAO;MACbC,GAAG,EAAC,KAAK;MACTC,UAAU,EAAC,KAAK;MAChBC,aAAa,EAAC,KAAK;MAAAvC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEnBxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAwD,GAAG;MAAAlC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACFxB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA8D,IAAI;MAAAxC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACF,EAAAd,qBAAA,GAAAL,WAAW,CAACwD,WAAW,qBAAvBnD,qBAAA,CAAyBiB,IAAI,KAAI,4BAC9B,CACH,CACF,CACN;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACI,CAAC;AAEZ,CAAC;AAACsC,OAAA,CAAA3D,eAAA,GAAAA,eAAA","ignoreList":[]}