@wix/auto-patterns 1.43.0 → 1.45.0

package/dist/esm/components/{AutoPatternsEntityPage/Fields → fields}/DateInput.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef } from 'react';
 import { FormField, DatePicker } from '@wix/design-system';
 import { getDateWithoutTimezone, getISODateStringWithFixedTimezone } from './utils/dates';
-import { useSelector, useWixPatternsContainer, useEntityPageContext } from '@wix/patterns';
+import { useSelector, useWixPatternsContainer } from '@wix/patterns';
 import { useController } from '@wix/patterns/form';
 function validateDateField(value, validation, t, format, validationType) {
   if (validation != null && validation.required && (value === null || value === undefined || value === '')) {
@@ -14,22 +14,23 @@ function validateDateField(value, validation, t, format, validationType) {
   return '';
 }
 export const DateInput = props => {
-  var _pageState$entity, _field$validation;
+  var _field$validation;
   const {
     field,
     dataHook,
-    inputRef
+    inputRef,
+    formControl,
+    data
   } = props;
   const {
     translate: t,
     ...container
   } = useWixPatternsContainer();
   useSelector(() => container.initTask.status);
-  const pageState = useEntityPageContext();
   const controller = 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) ?? ''],
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
     rules: {
       validate: value => {
         const error = validateDateField(value, field.validation, t);

package/dist/esm/components/fields/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","FormField","DatePicker","getDateWithoutTimezone","getISODateStringWithFixedTimezone","useSelector","useWixPatternsContainer","useController","validateDateField","value","validation","t","format","validationType","required","undefined","dateFormat","DateInput","props","_field$validation","field","dataHook","inputRef","formControl","data","translate","container","initTask","status","controller","name","id","control","defaultValue","rules","validate","error","date","setDate","ref","errorMessage","setErrorMessage","createElement","label","displayName","internalRef","current","focus","_internalRef$state","state","width","onChange","newValue","formattedDate","split","onValidate","_ref","invalid","statusMessage"],"sources":["../../../../src/components/fields/DateInput.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './utils/dates';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Translate } from '@wix/patterns/core';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nfunction validateDateField(\n  value: string | null | undefined,\n  validation: DateProps['field']['validation'],\n  t: Translate,\n  format?: string,\n  validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n) {\n  if (\n    validation?.required &&\n    (value === null || value === undefined || value === '')\n  ) {\n    return t('cairo.fieldValidation.requiredField');\n  } else if (validationType === 'formatError' && format) {\n    return t('cairo.customFields.fieldType.date.invalid.value', {\n      dateFormat: format,\n    });\n  }\n\n  return '';\n}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = validateDateField(value, field.validation, t);\n        return error || true;\n      },\n    },\n  });\n\n  const [date, setDate] = useState<Date | undefined>(() => {\n    if (controller.field.value) {\n      return getDateWithoutTimezone(\n        getISODateStringWithFixedTimezone(controller.field.value),\n      );\n    }\n    return undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          // @ts-expect-error: WSR internal API hack for focusing\n          ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          if (newValue) {\n            const formattedDate = getISODateStringWithFixedTimezone(newValue);\n            controller.field.onChange(formattedDate.split('T')[0]);\n          } else {\n            controller.field.onChange(null);\n          }\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = validateDateField(\n            newValue,\n            field.validation,\n            t,\n            format,\n            validationType,\n          );\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAC/C,SAASC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;AAC1D,SACEC,sBAAsB,EACtBC,iCAAiC,QAC5B,eAAe;AAEtB,SAASC,WAAW,EAAEC,uBAAuB,QAAQ,eAAe;AACpE,SAASC,aAAa,QAAQ,oBAAoB;AAKlD,SAASC,iBAAiBA,CACxBC,KAAgC,EAChCC,UAA4C,EAC5CC,CAAY,EACZC,MAAe,EACfC,cAA6D,EAC7D;EACA,IACEH,UAAU,YAAVA,UAAU,CAAEI,QAAQ,KACnBL,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKM,SAAS,IAAIN,KAAK,KAAK,EAAE,CAAC,EACvD;IACA,OAAOE,CAAC,CAAC,qCAAqC,CAAC;EACjD,CAAC,MAAM,IAAIE,cAAc,KAAK,aAAa,IAAID,MAAM,EAAE;IACrD,OAAOD,CAAC,CAAC,iDAAiD,EAAE;MAC1DK,UAAU,EAAEJ;IACd,CAAC,CAAC;EACJ;EAEA,OAAO,EAAE;AACX;AAEA,OAAO,MAAMK,SAAS,GAAIC,KAAgB,IAAK;EAAA,IAAAC,iBAAA;EAC7C,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAC9D,MAAM;IAAEO,SAAS,EAAEd,CAAC;IAAE,GAAGe;EAAU,CAAC,GAAGpB,uBAAuB,CAAC,CAAC;EAChED,WAAW,CAAC,MAAMqB,SAAS,CAACC,QAAQ,CAACC,MAAM,CAAC;EAE5C,MAAMC,UAAU,GAAGtB,aAAa,CAAC;IAC/BuB,IAAI,EAAE,CAAAV,KAAK,oBAALA,KAAK,CAAEW,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAET,WAAW;IACpBU,YAAY,EAAET,IAAI,oBAAJA,IAAI,CAAG,CAAAJ,KAAK,oBAALA,KAAK,CAAEW,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAG1B,KAAK,IAAK;QACnB,MAAM2B,KAAK,GAAG5B,iBAAiB,CAACC,KAAK,EAAEW,KAAK,CAACV,UAAU,EAAEC,CAAC,CAAC;QAC3D,OAAOyB,KAAK,IAAI,IAAI;MACtB;IACF;EACF,CAAC,CAAC;EAEF,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGvC,QAAQ,CAAmB,MAAM;IACvD,IAAI8B,UAAU,CAACT,KAAK,CAACX,KAAK,EAAE;MAC1B,OAAON,sBAAsB,CAC3BC,iCAAiC,CAACyB,UAAU,CAACT,KAAK,CAACX,KAAK,CAC1D,CAAC;IACH;IACA,OAAOM,SAAS;EAClB,CAAC,CAAC;EAEF,MAAMwB,GAAG,GAAGvC,MAAM,CAAe,CAAC,CAAC,CAAC;EACpC,MAAM,CAACwC,YAAY,EAAEC,eAAe,CAAC,GAAG1C,QAAQ,CAAS,EAAE,CAAC;EAE5D,oBACED,KAAA,CAAA4C,aAAA,CAACzC,SAAS;IACR0C,KAAK,EAAEvB,KAAK,CAACwB,WAAY;IACzB9B,QAAQ,GAAAK,iBAAA,GAAEC,KAAK,CAACV,UAAU,qBAAhBS,iBAAA,CAAkBL,QAAS;IACrCO,QAAQ,EAAEA;EAAS,gBAEnBvB,KAAA,CAAA4C,aAAA,CAACxC,UAAU;IACTqC,GAAG,EAAGM,WAAW,IAAK;MACpBvB,QAAQ,YAARA,QAAQ,CAAGiB,GAAG,CAACO,OAAO,CAAC;MACvB;MACAP,GAAG,CAACO,OAAO,CAACC,KAAK,GAAG;QAAA,IAAAC,kBAAA;QAAA,OAAMH,WAAW,aAAAG,kBAAA,GAAXH,WAAW,CAAEI,KAAK,cAAAD,kBAAA,GAAlBA,kBAAA,CAAoB1B,QAAQ,aAA5B0B,kBAAA,CAA8BD,KAAK,oBAAnCC,kBAAA,CAA8BD,KAAK,CAAG,CAAC;MAAA;IACnE,CAAE;IACF1B,QAAQ,EAAE,QAAQD,KAAK,CAACW,EAAE,EAAG;IAC7BmB,KAAK,EAAC,MAAM;IACZzC,KAAK,EAAE4B,IAAK;IACZc,QAAQ,EAAGC,QAAc,IAAK;MAC5Bd,OAAO,CAACc,QAAQ,CAAC;MACjB,IAAIA,QAAQ,EAAE;QACZ,MAAMC,aAAa,GAAGjD,iCAAiC,CAACgD,QAAQ,CAAC;QACjEvB,UAAU,CAACT,KAAK,CAAC+B,QAAQ,CAACE,aAAa,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;MACxD,CAAC,MAAM;QACLzB,UAAU,CAACT,KAAK,CAAC+B,QAAQ,CAAC,IAAI,CAAC;MACjC;IACF,CAAE;IACFI,UAAU,EAAEC,IAAA,IAAiD;MAAA,IAAhD;QAAE3C,cAAc;QAAEJ,KAAK,EAAE2C,QAAQ;QAAExC;MAAO,CAAC,GAAA4C,IAAA;MACtD,MAAMpB,KAAK,GAAG5B,iBAAiB,CAC7B4C,QAAQ,EACRhC,KAAK,CAACV,UAAU,EAChBC,CAAC,EACDC,MAAM,EACNC,cACF,CAAC;MACD4B,eAAe,CAACL,KAAK,CAAC;MACtBG,GAAG,CAACO,OAAO,CAACW,OAAO,GAAG,CAAC,CAACrB,KAAK;MAE7B,IAAIvB,cAAc,KAAK,aAAa,IAAIuC,QAAQ,KAAK,EAAE,EAAE;QACvDd,OAAO,CAACvB,SAAS,CAAC;QAClBc,UAAU,CAACT,KAAK,CAAC+B,QAAQ,CAAC,IAAI,CAAC;MACjC;IACF,CAAE;IACFvB,MAAM,EAAEY,YAAY,GAAG,OAAO,GAAGzB,SAAU;IAC3C2C,aAAa,EAAElB;EAAa,CAC7B,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/esm/components/{AutoPatternsEntityPage/Fields → fields}/DateTime.js

@@ -1,24 +1,25 @@
 import React, { useRef, useMemo, useState, useEffect } from 'react';
 import { Cell, DatePicker, FormField, Layout, TimeInput } from '@wix/design-system';
-import { useWixPatternsContainer, useSelector, useEntityPageContext } from '@wix/patterns';
+import { useWixPatternsContainer, useSelector } from '@wix/patterns';
 import { useController } from '@wix/patterns/form';
 export const DateTime = props => {
-  var _pageState$entity, _field$validation2;
+  var _field$validation2;
   const {
     field,
     dataHook,
-    inputRef
+    inputRef,
+    formControl,
+    data
   } = props;
   const {
     translate: t,
     ...container
   } = useWixPatternsContainer();
   useSelector(() => container.initTask.status);
-  const pageState = useEntityPageContext();
   const controller = 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) ?? ''],
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
     rules: {
       validate: v => {
         var _field$validation;

package/dist/esm/components/fields/DateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useMemo","useState","useEffect","Cell","DatePicker","FormField","Layout","TimeInput","useWixPatternsContainer","useSelector","useController","DateTime","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","t","container","initTask","status","controller","name","id","control","defaultValue","rules","validate","v","_field$validation","validation","required","undefined","date","value","d","Date","isNaN","getTime","dateStatusMessage","setDateStatusMessage","timeStatusMessage","setTimeStatusMessage","ref","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","current","focus","invalid","createElement","label","displayName","span","internalRef","_internalRef$state","state","width","onChange","onValidate","_ref","validationType","newValue","format","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","_field$validation3","dateFormat","fieldState","error","statusMessage","onInvalid","_ref2","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds","_field$validation4"],"sources":["../../../../src/components/fields/DateTime.tsx"],"sourcesContent":["import React, { useRef, useMemo, useState, useEffect } from 'react';\nimport {\n  Cell,\n  DatePicker,\n  FormField,\n  Layout,\n  TimeInput,\n} from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useWixPatternsContainer, useSelector } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface DateTimeProps extends BaseInputProps<string | null> {}\n\nexport const DateTime = (props: DateTimeProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (v) => {\n        if (\n          field?.validation?.required &&\n          (v === null || v === undefined || v === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const date = useMemo(() => {\n    if (!controller.field.value) {\n      return undefined;\n    }\n    const d = new Date(controller.field.value);\n    return isNaN(d.getTime()) ? undefined : d;\n  }, [controller.field.value]);\n\n  const [dateStatusMessage, setDateStatusMessage] = useState('');\n  const [timeStatusMessage, setTimeStatusMessage] = useState('');\n\n  const ref = useRef<BaseInputRef>({});\n  const dateRef = useRef<BaseInputRef>({});\n  const timeRef = useRef<BaseInputRef>({});\n  const [dateValue, setDateValue] = useState<number | string | undefined>(\n    date?.getDate(),\n  );\n  const [timeValue, setTimeValue] = useState<number | string | undefined>(\n    date?.getTime(),\n  );\n\n  useEffect(() => {\n    ref.current.focus = () => {\n      if (dateRef.current.invalid) {\n        return dateRef.current.focus?.();\n      }\n\n      return timeRef.current.focus?.();\n    };\n\n    inputRef?.(ref.current);\n  }, [inputRef]);\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <Layout>\n        <Cell span={6}>\n          <DatePicker\n            ref={(internalRef) => {\n              dateRef.current.focus = () =>\n                // TODO: PR to WSR needed to expose as public API\n                // @ts-expect-error\n                internalRef?.state?.inputRef?.focus?.();\n            }}\n            width=\"100%\"\n            value={date}\n            // onChange is triggered only when you have valid, non-empty value. and onValidate is triggered on every change so we use onValidate\n            onChange={() => {}}\n            onValidate={({ validationType, value: newValue, format }) => {\n              if (validationType === 'valid') {\n                const dateWithNewDate = date\n                  ? new Date(date)\n                  : new Date(newValue);\n                const _value = new Date(newValue);\n                dateWithNewDate.setFullYear(_value.getFullYear());\n                dateWithNewDate.setMonth(_value.getMonth());\n                dateWithNewDate.setDate(_value.getDate());\n                controller.field.onChange(dateWithNewDate.toISOString());\n                setDateValue(new Date(newValue).getDate());\n                setDateStatusMessage('');\n                dateRef.current.invalid = false;\n              } else if (validationType === 'formatError' && newValue === '') {\n                if (field.validation?.required) {\n                  setDateStatusMessage(\n                    t('cairo.fieldValidation.requiredField'),\n                  );\n                  dateRef.current.invalid = true;\n                } else {\n                  setDateStatusMessage('');\n                  dateRef.current.invalid = false;\n                }\n                setDateValue(newValue);\n                if (!timeValue) {\n                  controller.field.onChange(null);\n                }\n              } else {\n                setDateStatusMessage(\n                  t('cairo.customFields.fieldType.date.invalid.value', {\n                    dateFormat: format ?? '',\n                  }),\n                );\n                dateRef.current.invalid = true;\n              }\n\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n            }}\n            status={\n              controller.fieldState.error || dateStatusMessage\n                ? 'error'\n                : undefined\n            }\n            statusMessage={controller.fieldState.error || dateStatusMessage}\n            dataHook={`datetime-date-${field.id}`}\n          />\n        </Cell>\n        <Cell span={6}>\n          <TimeInput\n            ref={(internalRef) => {\n              timeRef.current.focus = () => internalRef?.focus();\n            }}\n            dataHook={`datetime-time-${field.id}`}\n            value={date ?? null}\n            status={\n              controller.fieldState.error || timeStatusMessage\n                ? 'error'\n                : undefined\n            }\n            statusMessage={controller.fieldState.error || timeStatusMessage}\n            onInvalid={() => {\n              timeRef.current.invalid = true;\n              setTimeStatusMessage(\n                t('cairo.customFields.fieldType.dateAndTime.invalid.value'),\n              );\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n            }}\n            onChange={({ date: newValue }) => {\n              timeRef.current.invalid = false;\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n\n              if (newValue) {\n                const dateWithNewTime = date ? new Date(date) : newValue;\n                dateWithNewTime.setHours(newValue.getHours());\n                dateWithNewTime.setMinutes(newValue.getMinutes());\n                dateWithNewTime.setSeconds(newValue.getSeconds());\n                dateWithNewTime.setMilliseconds(newValue.getMilliseconds());\n                controller.field.onChange(dateWithNewTime.toISOString());\n                setTimeStatusMessage('');\n                setDateStatusMessage('');\n              } else {\n                if (!newValue) {\n                  setTimeValue('');\n                  if (field.validation?.required) {\n                    setTimeStatusMessage(\n                      t('cairo.fieldValidation.requiredField'),\n                    );\n                    timeRef.current.invalid = true;\n                  } else {\n                    setTimeStatusMessage('');\n                    timeRef.current.invalid = false;\n                  }\n                  if (!ref.current.invalid) {\n                    if (!dateValue) {\n                      controller.field.onChange(null);\n                    }\n                  }\n                }\n              }\n            }}\n          />\n        </Cell>\n      </Layout>\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AACnE,SACEC,IAAI,EACJC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,SAAS,QACJ,oBAAoB;AAE3B,SAASC,uBAAuB,EAAEC,WAAW,QAAQ,eAAe;AACpE,SAASC,aAAa,QAAQ,oBAAoB;AAIlD,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAAA,IAAAC,kBAAA;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAC9D,MAAM;IAAEO,SAAS,EAAEC,CAAC;IAAE,GAAGC;EAAU,CAAC,GAAGb,uBAAuB,CAAC,CAAC;EAChEC,WAAW,CAAC,MAAMY,SAAS,CAACC,QAAQ,CAACC,MAAM,CAAC;EAE5C,MAAMC,UAAU,GAAGd,aAAa,CAAC;IAC/Be,IAAI,EAAE,CAAAX,KAAK,oBAALA,KAAK,CAAEY,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEV,WAAW;IACpBW,YAAY,EAAEV,IAAI,oBAAJA,IAAI,CAAG,CAAAJ,KAAK,oBAALA,KAAK,CAAEY,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,CAAC,IAAK;QAAA,IAAAC,iBAAA;QACf,IACElB,KAAK,aAAAkB,iBAAA,GAALlB,KAAK,CAAEmB,UAAU,aAAjBD,iBAAA,CAAmBE,QAAQ,KAC1BH,CAAC,KAAK,IAAI,IAAIA,CAAC,KAAKI,SAAS,IAAIJ,CAAC,KAAK,EAAE,CAAC,EAC3C;UACA,OAAOX,CAAC,CAAC,qCAAqC,CAAC;QACjD;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,MAAMgB,IAAI,GAAGpC,OAAO,CAAC,MAAM;IACzB,IAAI,CAACwB,UAAU,CAACV,KAAK,CAACuB,KAAK,EAAE;MAC3B,OAAOF,SAAS;IAClB;IACA,MAAMG,CAAC,GAAG,IAAIC,IAAI,CAACf,UAAU,CAACV,KAAK,CAACuB,KAAK,CAAC;IAC1C,OAAOG,KAAK,CAACF,CAAC,CAACG,OAAO,CAAC,CAAC,CAAC,GAAGN,SAAS,GAAGG,CAAC;EAC3C,CAAC,EAAE,CAACd,UAAU,CAACV,KAAK,CAACuB,KAAK,CAAC,CAAC;EAE5B,MAAM,CAACK,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG1C,QAAQ,CAAC,EAAE,CAAC;EAC9D,MAAM,CAAC2C,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG5C,QAAQ,CAAC,EAAE,CAAC;EAE9D,MAAM6C,GAAG,GAAG/C,MAAM,CAAe,CAAC,CAAC,CAAC;EACpC,MAAMgD,OAAO,GAAGhD,MAAM,CAAe,CAAC,CAAC,CAAC;EACxC,MAAMiD,OAAO,GAAGjD,MAAM,CAAe,CAAC,CAAC,CAAC;EACxC,MAAM,CAACkD,SAAS,EAAEC,YAAY,CAAC,GAAGjD,QAAQ,CACxCmC,IAAI,oBAAJA,IAAI,CAAEe,OAAO,CAAC,CAChB,CAAC;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGpD,QAAQ,CACxCmC,IAAI,oBAAJA,IAAI,CAAEK,OAAO,CAAC,CAChB,CAAC;EAEDvC,SAAS,CAAC,MAAM;IACd4C,GAAG,CAACQ,OAAO,CAACC,KAAK,GAAG,MAAM;MACxB,IAAIR,OAAO,CAACO,OAAO,CAACE,OAAO,EAAE;QAC3B,OAAOT,OAAO,CAACO,OAAO,CAACC,KAAK,oBAArBR,OAAO,CAACO,OAAO,CAACC,KAAK,CAAG,CAAC;MAClC;MAEA,OAAOP,OAAO,CAACM,OAAO,CAACC,KAAK,oBAArBP,OAAO,CAACM,OAAO,CAACC,KAAK,CAAG,CAAC;IAClC,CAAC;IAEDvC,QAAQ,YAARA,QAAQ,CAAG8B,GAAG,CAACQ,OAAO,CAAC;EACzB,CAAC,EAAE,CAACtC,QAAQ,CAAC,CAAC;EAEd,oBACElB,KAAA,CAAA2D,aAAA,CAACpD,SAAS;IACRqD,KAAK,EAAE5C,KAAK,CAAC6C,WAAY;IACzBzB,QAAQ,GAAArB,kBAAA,GAAEC,KAAK,CAACmB,UAAU,qBAAhBpB,kBAAA,CAAkBqB,QAAS;IACrCnB,QAAQ,EAAEA;EAAS,gBAEnBjB,KAAA,CAAA2D,aAAA,CAACnD,MAAM,qBACLR,KAAA,CAAA2D,aAAA,CAACtD,IAAI;IAACyD,IAAI,EAAE;EAAE,gBACZ9D,KAAA,CAAA2D,aAAA,CAACrD,UAAU;IACT0C,GAAG,EAAGe,WAAW,IAAK;MACpBd,OAAO,CAACO,OAAO,CAACC,KAAK,GAAG;QAAA,IAAAO,kBAAA;QAAA,QACtB;UACA;UACAD,WAAW,aAAAC,kBAAA,GAAXD,WAAW,CAAEE,KAAK,cAAAD,kBAAA,GAAlBA,kBAAA,CAAoB9C,QAAQ,aAA5B8C,kBAAA,CAA8BP,KAAK,oBAAnCO,kBAAA,CAA8BP,KAAK,CAAG;QAAC;MAAA;IAC3C,CAAE;IACFS,KAAK,EAAC,MAAM;IACZ3B,KAAK,EAAED;IACP;IAAA;IACA6B,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAE;IACnBC,UAAU,EAAEC,IAAA,IAAiD;MAAA,IAAhD;QAAEC,cAAc;QAAE/B,KAAK,EAAEgC,QAAQ;QAAEC;MAAO,CAAC,GAAAH,IAAA;MACtD,IAAIC,cAAc,KAAK,OAAO,EAAE;QAC9B,MAAMG,eAAe,GAAGnC,IAAI,GACxB,IAAIG,IAAI,CAACH,IAAI,CAAC,GACd,IAAIG,IAAI,CAAC8B,QAAQ,CAAC;QACtB,MAAMG,MAAM,GAAG,IAAIjC,IAAI,CAAC8B,QAAQ,CAAC;QACjCE,eAAe,CAACE,WAAW,CAACD,MAAM,CAACE,WAAW,CAAC,CAAC,CAAC;QACjDH,eAAe,CAACI,QAAQ,CAACH,MAAM,CAACI,QAAQ,CAAC,CAAC,CAAC;QAC3CL,eAAe,CAACM,OAAO,CAACL,MAAM,CAACrB,OAAO,CAAC,CAAC,CAAC;QACzC3B,UAAU,CAACV,KAAK,CAACmD,QAAQ,CAACM,eAAe,CAACO,WAAW,CAAC,CAAC,CAAC;QACxD5B,YAAY,CAAC,IAAIX,IAAI,CAAC8B,QAAQ,CAAC,CAAClB,OAAO,CAAC,CAAC,CAAC;QAC1CR,oBAAoB,CAAC,EAAE,CAAC;QACxBI,OAAO,CAACO,OAAO,CAACE,OAAO,GAAG,KAAK;MACjC,CAAC,MAAM,IAAIY,cAAc,KAAK,aAAa,IAAIC,QAAQ,KAAK,EAAE,EAAE;QAAA,IAAAU,kBAAA;QAC9D,KAAAA,kBAAA,GAAIjE,KAAK,CAACmB,UAAU,aAAhB8C,kBAAA,CAAkB7C,QAAQ,EAAE;UAC9BS,oBAAoB,CAClBvB,CAAC,CAAC,qCAAqC,CACzC,CAAC;UACD2B,OAAO,CAACO,OAAO,CAACE,OAAO,GAAG,IAAI;QAChC,CAAC,MAAM;UACLb,oBAAoB,CAAC,EAAE,CAAC;UACxBI,OAAO,CAACO,OAAO,CAACE,OAAO,GAAG,KAAK;QACjC;QACAN,YAAY,CAACmB,QAAQ,CAAC;QACtB,IAAI,CAACjB,SAAS,EAAE;UACd5B,UAAU,CAACV,KAAK,CAACmD,QAAQ,CAAC,IAAI,CAAC;QACjC;MACF,CAAC,MAAM;QACLtB,oBAAoB,CAClBvB,CAAC,CAAC,iDAAiD,EAAE;UACnD4D,UAAU,EAAEV,MAAM,IAAI;QACxB,CAAC,CACH,CAAC;QACDvB,OAAO,CAACO,OAAO,CAACE,OAAO,GAAG,IAAI;MAChC;MAEAV,GAAG,CAACQ,OAAO,CAACE,OAAO,GACjBT,OAAO,CAACO,OAAO,CAACE,OAAO,IAAIR,OAAO,CAACM,OAAO,CAACE,OAAO;IACtD,CAAE;IACFjC,MAAM,EACJC,UAAU,CAACyD,UAAU,CAACC,KAAK,IAAIxC,iBAAiB,GAC5C,OAAO,GACPP,SACL;IACDgD,aAAa,EAAE3D,UAAU,CAACyD,UAAU,CAACC,KAAK,IAAIxC,iBAAkB;IAChE3B,QAAQ,EAAE,iBAAiBD,KAAK,CAACY,EAAE;EAAG,CACvC,CACG,CAAC,eACP5B,KAAA,CAAA2D,aAAA,CAACtD,IAAI;IAACyD,IAAI,EAAE;EAAE,gBACZ9D,KAAA,CAAA2D,aAAA,CAAClD,SAAS;IACRuC,GAAG,EAAGe,WAAW,IAAK;MACpBb,OAAO,CAACM,OAAO,CAACC,KAAK,GAAG,MAAMM,WAAW,oBAAXA,WAAW,CAAEN,KAAK,CAAC,CAAC;IACpD,CAAE;IACFxC,QAAQ,EAAE,iBAAiBD,KAAK,CAACY,EAAE,EAAG;IACtCW,KAAK,EAAED,IAAI,IAAI,IAAK;IACpBb,MAAM,EACJC,UAAU,CAACyD,UAAU,CAACC,KAAK,IAAItC,iBAAiB,GAC5C,OAAO,GACPT,SACL;IACDgD,aAAa,EAAE3D,UAAU,CAACyD,UAAU,CAACC,KAAK,IAAItC,iBAAkB;IAChEwC,SAAS,EAAEA,CAAA,KAAM;MACfpC,OAAO,CAACM,OAAO,CAACE,OAAO,GAAG,IAAI;MAC9BX,oBAAoB,CAClBzB,CAAC,CAAC,wDAAwD,CAC5D,CAAC;MACD0B,GAAG,CAACQ,OAAO,CAACE,OAAO,GACjBT,OAAO,CAACO,OAAO,CAACE,OAAO,IAAIR,OAAO,CAACM,OAAO,CAACE,OAAO;IACtD,CAAE;IACFS,QAAQ,EAAEoB,KAAA,IAAwB;MAAA,IAAvB;QAAEjD,IAAI,EAAEiC;MAAS,CAAC,GAAAgB,KAAA;MAC3BrC,OAAO,CAACM,OAAO,CAACE,OAAO,GAAG,KAAK;MAC/BV,GAAG,CAACQ,OAAO,CAACE,OAAO,GACjBT,OAAO,CAACO,OAAO,CAACE,OAAO,IAAIR,OAAO,CAACM,OAAO,CAACE,OAAO;MAEpD,IAAIa,QAAQ,EAAE;QACZ,MAAMiB,eAAe,GAAGlD,IAAI,GAAG,IAAIG,IAAI,CAACH,IAAI,CAAC,GAAGiC,QAAQ;QACxDiB,eAAe,CAACC,QAAQ,CAAClB,QAAQ,CAACmB,QAAQ,CAAC,CAAC,CAAC;QAC7CF,eAAe,CAACG,UAAU,CAACpB,QAAQ,CAACqB,UAAU,CAAC,CAAC,CAAC;QACjDJ,eAAe,CAACK,UAAU,CAACtB,QAAQ,CAACuB,UAAU,CAAC,CAAC,CAAC;QACjDN,eAAe,CAACO,eAAe,CAACxB,QAAQ,CAACyB,eAAe,CAAC,CAAC,CAAC;QAC3DtE,UAAU,CAACV,KAAK,CAACmD,QAAQ,CAACqB,eAAe,CAACR,WAAW,CAAC,CAAC,CAAC;QACxDjC,oBAAoB,CAAC,EAAE,CAAC;QACxBF,oBAAoB,CAAC,EAAE,CAAC;MAC1B,CAAC,MAAM;QACL,IAAI,CAAC0B,QAAQ,EAAE;UAAA,IAAA0B,kBAAA;UACb1C,YAAY,CAAC,EAAE,CAAC;UAChB,KAAA0C,kBAAA,GAAIjF,KAAK,CAACmB,UAAU,aAAhB8D,kBAAA,CAAkB7D,QAAQ,EAAE;YAC9BW,oBAAoB,CAClBzB,CAAC,CAAC,qCAAqC,CACzC,CAAC;YACD4B,OAAO,CAACM,OAAO,CAACE,OAAO,GAAG,IAAI;UAChC,CAAC,MAAM;YACLX,oBAAoB,CAAC,EAAE,CAAC;YACxBG,OAAO,CAACM,OAAO,CAACE,OAAO,GAAG,KAAK;UACjC;UACA,IAAI,CAACV,GAAG,CAACQ,OAAO,CAACE,OAAO,EAAE;YACxB,IAAI,CAACP,SAAS,EAAE;cACdzB,UAAU,CAACV,KAAK,CAACmD,QAAQ,CAAC,IAAI,CAAC;YACjC;UACF;QACF;MACF;IACF;EAAE,CACH,CACG,CACA,CACC,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/esm/components/{AutoPatternsEntityPage/Fields → fields}/ImageInput.js

@@ -1,14 +1,16 @@
 import React from 'react';
 import { FormField, ImageViewer } from '@wix/design-system';
-import { useEntityPageContext, useIsMobile, useSelector, useWixPatternsContainer } from '@wix/patterns';
-import { useController } from '@wix/patterns/form';
-import { getImageUrl } from '../../../utils/media/getImageUrl';
 import { dashboard } from '@wix/dashboard';
+import { useIsMobile, useSelector, useWixPatternsContainer } from '@wix/patterns';
+import { useController } from '@wix/patterns/form';
+import { getImageUrl } from '../../utils/media/getImageUrl';
 export const ImageInput = props => {
-  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  var _field$validation2, _controller$fieldStat;
   const {
     field,
-    dataHook
+    dataHook,
+    formControl,
+    data
   } = props;
   const {
     translate: t,
@@ -16,7 +18,6 @@ export const ImageInput = props => {
   } = useWixPatternsContainer();
   useSelector(() => container.initTask.status);
   const isMobile = useIsMobile();
-  const pageState = useEntityPageContext();
   async function openMedia() {
     try {
       var _chosenMediaItems$ite;
@@ -32,8 +33,8 @@ export const ImageInput = props => {
   }
   const controller = 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) ?? ''],
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
     rules: {
       validate: value => {
         var _field$validation;

package/dist/esm/components/fields/ImageInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormField","ImageViewer","dashboard","useIsMobile","useSelector","useWixPatternsContainer","useController","getImageUrl","ImageInput","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","container","initTask","status","isMobile","openMedia","_chosenMediaItems$ite","chosenMediaItems","openMediaManager","multiSelect","category","newImage","items","media","image","controller","onChange","error","console","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","undefined","imageUrl","createElement","label","displayName","fieldState","statusMessage","message","onAddImage","onUpdateImage","updateImageInfo","removeImageInfo","addImageInfo","height","width","fit","onRemoveImage"],"sources":["../../../../src/components/fields/ImageInput.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, ImageViewer } from '@wix/design-system';\nimport { dashboard } from '@wix/dashboard';\nimport {\n  useIsMobile,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { getImageUrl } from '../../utils/media/getImageUrl';\nimport { BaseInputProps } from './types';\n\nexport interface ImageInputProps extends BaseInputProps<string> {}\n\nexport const ImageInput = (props: ImageInputProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n  const isMobile = useIsMobile();\n\n  async function openMedia() {\n    try {\n      const chosenMediaItems = await dashboard.openMediaManager({\n        multiSelect: false,\n        category: 'IMAGE',\n      });\n\n      const newImage = chosenMediaItems?.items[0]?.media?.image?.image;\n\n      controller.field.onChange(newImage);\n    } catch (error) {\n      console.error('Error opening Media Manager or no files selected:', error);\n    }\n  }\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[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        return true;\n      },\n    },\n  });\n\n  const imageUrl =\n    controller.field.value && getImageUrl(controller.field.value);\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      <ImageViewer\n        imageUrl={imageUrl}\n        dataHook={`image-${field.id}`}\n        onAddImage={isMobile ? undefined : () => openMedia()}\n        onUpdateImage={isMobile ? undefined : () => openMedia()}\n        updateImageInfo={t('cairo.replace-image.tooltip')}\n        removeImageInfo={t('cairo.remove-image.tooltip')}\n        addImageInfo={t('cairo.add-image.tooltip')}\n        height=\"120px\"\n        width=\"25%\"\n        fit=\"cover\"\n        onRemoveImage={() => controller.field.onChange(null)}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/{AutoPatternsEntityPage/Fields → fields}/LongText.js

@@ -1,23 +1,24 @@
 import React from 'react';
 import { FormField, InputArea } from '@wix/design-system';
-import { useEntityPageContext, useSelector, useWixPatternsContainer } from '@wix/patterns';
+import { useSelector, useWixPatternsContainer } from '@wix/patterns';
 import { useController } from '@wix/patterns/form';
 export const LongText = props => {
-  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  var _field$validation2, _controller$fieldStat;
   const {
     field,
-    dataHook
+    dataHook,
+    formControl,
+    data
   } = props;
   const {
     translate: t,
     ...container
   } = useWixPatternsContainer();
   useSelector(() => container.initTask.status);
-  const pageState = useEntityPageContext();
   const controller = 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) ?? ''],
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
     rules: {
       validate: value => {
         var _field$validation;

package/dist/esm/components/fields/LongText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormField","InputArea","useSelector","useWixPatternsContainer","useController","LongText","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","container","initTask","status","controller","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","undefined","createElement","label","displayName","fieldState","error","statusMessage","message","onChange","e","target","onBlur","ref"],"sources":["../../../../src/components/fields/LongText.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, InputArea } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface LongTextProps extends BaseInputProps<string> {}\n\nexport const LongText = (props: LongTextProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[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        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      <InputArea\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        dataHook={`long-text-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,SAAS,QAAQ,oBAAoB;AAEzD,SAASC,WAAW,EAAEC,uBAAuB,QAAQ,eAAe;AACpE,SAASC,aAAa,QAAQ,oBAAoB;AAIlD,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAEpD,MAAM;IAAEO,SAAS,EAAEC,CAAC;IAAE,GAAGC;EAAU,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAChED,WAAW,CAAC,MAAMa,SAAS,CAACC,QAAQ,CAACC,MAAM,CAAC;EAE5C,MAAMC,UAAU,GAAGd,aAAa,CAAC;IAC/Be,IAAI,EAAE,CAAAV,KAAK,oBAALA,KAAK,CAAEW,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEV,WAAW;IACpBW,YAAY,EAAEV,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEW,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IACE,CAAAA,iBAAA,GAAAjB,KAAK,CAACkB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,KACzBH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKI,SAAS,IAAIJ,KAAK,KAAK,EAAE,CAAC,EACvD;UACA,OAAOX,CAAC,CAAC,qCAAqC,CAAC;QACjD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEf,KAAA,CAAA+B,aAAA,CAAC9B,SAAS;IACR+B,KAAK,EAAEtB,KAAK,CAACuB,WAAY;IACzBJ,QAAQ,GAAArB,kBAAA,GAAEE,KAAK,CAACkB,UAAU,qBAAhBpB,kBAAA,CAAkBqB,QAAS;IACrCX,MAAM,EAAEC,UAAU,CAACe,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGL,SAAU;IAC1DM,aAAa,GAAA3B,qBAAA,GAAEU,UAAU,CAACe,UAAU,CAACC,KAAK,qBAA3B1B,qBAAA,CAA6B4B,OAAQ;IACpD1B,QAAQ,EAAEA;EAAS,gBAEnBX,KAAA,CAAA+B,aAAA,CAAC7B,SAAS;IACRwB,KAAK,EAAEP,UAAU,CAACT,KAAK,CAACgB,KAAM;IAC9BY,QAAQ,EAAGC,CAAC,IAAKpB,UAAU,CAACT,KAAK,CAAC4B,QAAQ,oBAAzBnB,UAAU,CAACT,KAAK,CAAC4B,QAAQ,CAAGC,CAAC,CAACC,MAAM,CAACd,KAAK,CAAE;IAC7De,MAAM,EAAEtB,UAAU,CAACT,KAAK,CAAC+B,MAAO;IAChCC,GAAG,EAAEvB,UAAU,CAACT,KAAK,CAACgC,GAAI;IAC1B/B,QAAQ,EAAE,aAAaD,KAAK,CAACW,EAAE;EAAG,CACnC,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/esm/components/{AutoPatternsEntityPage/Fields → fields}/Number.js

@@ -1,26 +1,27 @@
 import React from 'react';
 import { FormField, NumberInput } from '@wix/design-system';
-import { useEntityPageContext, useSelector, useWixPatternsContainer } from '@wix/patterns';
+import { useSelector, useWixPatternsContainer } from '@wix/patterns';
 import { useController } from '@wix/patterns/form';
 export const Number = props => {
-  var _field$validation, _pageState$entity, _field$validation3, _controller$fieldStat;
+  var _field$validation, _field$validation3, _controller$fieldStat;
   const {
     field,
-    dataHook
+    dataHook,
+    formControl,
+    data
   } = props;
   const {
     translate: t,
     ...container
   } = useWixPatternsContainer();
   useSelector(() => container.initTask.status);
-  const pageState = useEntityPageContext();
   const numberRange = (_field$validation = field.validation) == null ? void 0 : _field$validation.numberRange;
   const min = numberRange == null ? void 0 : numberRange.min;
   const max = numberRange == null ? void 0 : numberRange.max;
   const controller = 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) ?? ''],
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
     rules: {
       validate: value => {
         var _field$validation2;

package/dist/esm/components/fields/Number.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormField","NumberInput","useSelector","useWixPatternsContainer","useController","Number","props","_field$validation","_field$validation3","_controller$fieldStat","field","dataHook","formControl","data","translate","t","container","initTask","status","numberRange","validation","min","max","controller","name","id","control","defaultValue","rules","validate","value","_field$validation2","required","undefined","minAmount","maxAmount","createElement","label","displayName","fieldState","error","statusMessage","message","onChange","e","onBlur","inputRef","ref"],"sources":["../../../../src/components/fields/Number.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, NumberInput } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { useSelector, useWixPatternsContainer } 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, formControl, data } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\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: formControl,\n    defaultValue: data?.[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/esm/components/{AutoPatternsEntityPage/Fields → fields}/ShortText.js

@@ -1,26 +1,27 @@
 import React from 'react';
 import { FormField, Input } from '@wix/design-system';
-import { useEntityPageContext, useSelector, useWixPatternsContainer } from '@wix/patterns';
+import { useSelector, useWixPatternsContainer } from '@wix/patterns';
 import { useController } from '@wix/patterns/form';
 export const ShortText = props => {
-  var _field$validation, _pageState$entity, _controller$field$val, _field$validation3, _controller$fieldStat;
+  var _field$validation, _controller$field$val, _field$validation3, _controller$fieldStat;
   const {
     field,
-    dataHook
+    dataHook,
+    formControl,
+    data
   } = props;
   const {
     translate: t,
     ...container
   } = useWixPatternsContainer();
   useSelector(() => container.initTask.status);
-  const pageState = 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 = 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) ?? ''],
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
     rules: {
       validate: value => {
         var _field$validation2;

package/dist/esm/components/fields/ShortText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormField","Input","useSelector","useWixPatternsContainer","useController","ShortText","props","_field$validation","_controller$field$val","_field$validation3","_controller$fieldStat","field","dataHook","formControl","data","translate","t","container","initTask","status","stringLengthRange","validation","minLength","maxLength","controller","name","id","control","defaultValue","rules","validate","value","_field$validation2","required","undefined","length","charMin","charMax","charCount","createElement","label","displayName","fieldState","error","statusMessage","message","onChange","e","target","onBlur","ref"],"sources":["../../../../src/components/fields/ShortText.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { useSelector, useWixPatternsContainer } 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, formControl, data } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\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: formControl,\n    defaultValue: data?.[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/esm/components/{AutoPatternsEntityPage/Fields → fields}/Url.js

@@ -1,20 +1,21 @@
 import React from 'react';
 import { FormField, Input } from '@wix/design-system';
 import { Link } from '@wix/wix-ui-icons-common';
-import { useEntityPageContext, useSelector, useWixPatternsContainer } from '@wix/patterns';
+import { useSelector, useWixPatternsContainer } from '@wix/patterns';
 import { useController } from '@wix/patterns/form';
 export const Url = props => {
-  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  var _field$validation2, _controller$fieldStat;
   const {
     field,
-    dataHook
+    dataHook,
+    formControl,
+    data
   } = props;
   const {
     translate: t,
     ...container
   } = useWixPatternsContainer();
   useSelector(() => container.initTask.status);
-  const pageState = 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 =
@@ -22,8 +23,8 @@ export const Url = props => {
   /^[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._~\-%!$&'()*+,;=:@\/?]*)?$/;
   const controller = 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) ?? ''],
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
     rules: {
       validate: value => {
         var _field$validation;

package/dist/esm/components/fields/Url.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormField","Input","Link","useSelector","useWixPatternsContainer","useController","Url","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","container","initTask","status","uriPattern","controller","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","undefined","test","createElement","label","displayName","fieldState","error","statusMessage","message","prefix","IconAffix","placeholder","onChange","e","target","onBlur","ref"],"sources":["../../../../src/components/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 { useSelector, useWixPatternsContainer } 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, formControl, data } = props;\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  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,KAAK,QAAQ,oBAAoB;AAErD,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,WAAW,EAAEC,uBAAuB,QAAQ,eAAe;AACpE,SAASC,aAAa,QAAQ,oBAAoB;AAIlD,OAAO,MAAMC,GAAG,GAAIC,KAAe,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EACtC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EACpD,MAAM;IAAEO,SAAS,EAAEC,CAAC;IAAE,GAAGC;EAAU,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAChED,WAAW,CAAC,MAAMa,SAAS,CAACC,QAAQ,CAACC,MAAM,CAAC;;EAE5C;EACA,MAAMC,UAAU;EACd;EACA,kOAAkO;EAEpO,MAAMC,UAAU,GAAGf,aAAa,CAAC;IAC/BgB,IAAI,EAAE,CAAAX,KAAK,oBAALA,KAAK,CAAEY,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEX,WAAW;IACpBY,YAAY,EAAEX,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEY,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAgC,IAAK;QAAA,IAAAC,iBAAA;QAC9C,IACE,CAAAA,iBAAA,GAAAlB,KAAK,CAACmB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,KACzBH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKI,SAAS,IAAIJ,KAAK,KAAK,EAAE,CAAC,EACvD;UACA,OAAOZ,CAAC,CAAC,qCAAqC,CAAC;QACjD,CAAC,MAAM,IAAIY,KAAK,EAAE;UAChB,OACER,UAAU,CAACa,IAAI,CAACL,KAAK,CAAC,IAAIZ,CAAC,CAAC,oCAAoC,CAAC;QAErE;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEhB,KAAA,CAAAkC,aAAA,CAACjC,SAAS;IACRkC,KAAK,EAAExB,KAAK,CAACyB,WAAY;IACzBL,QAAQ,GAAAtB,kBAAA,GAAEE,KAAK,CAACmB,UAAU,qBAAhBrB,kBAAA,CAAkBsB,QAAS;IACrCnB,QAAQ,EAAEA,QAAS;IACnBO,MAAM,EAAEE,UAAU,CAACgB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGN,SAAU;IAC1DO,aAAa,GAAA7B,qBAAA,GAAEW,UAAU,CAACgB,UAAU,CAACC,KAAK,qBAA3B5B,qBAAA,CAA6B8B;EAAQ,gBAEpDxC,KAAA,CAAAkC,aAAA,CAAChC,KAAK;IACJuC,MAAM,eACJzC,KAAA,CAAAkC,aAAA,CAAChC,KAAK,CAACwC,SAAS,qBACd1C,KAAA,CAAAkC,aAAA,CAAC/B,IAAI,MAAE,CACQ,CAClB;IACDwC,WAAW,EAAE3B,CAAC,CAAC,0CAA0C,CAAE;IAC3DJ,QAAQ,EAAE,OAAOD,KAAK,CAACY,EAAE,EAAG;IAC5BK,KAAK,EAAEP,UAAU,CAACV,KAAK,CAACiB,KAAM;IAC9BgB,QAAQ,EAAGC,CAAC,IAAKxB,UAAU,CAACV,KAAK,CAACiC,QAAQ,oBAAzBvB,UAAU,CAACV,KAAK,CAACiC,QAAQ,CAAGC,CAAC,CAACC,MAAM,CAAClB,KAAK,CAAE;IAC7DmB,MAAM,EAAE1B,UAAU,CAACV,KAAK,CAACoC,MAAO;IAChCC,GAAG,EAAE3B,UAAU,CAACV,KAAK,CAACqC;EAAI,CAC3B,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+export { Checkbox } from './Checkbox';
+export { DateInput } from './DateInput';
+export { DateTime } from './DateTime';
+export { ImageInput } from './ImageInput';
+export { LongText } from './LongText';
+export { Number } from './Number';
+export { ShortText } from './ShortText';
+export { Url } from './Url';
+export * from './types';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Checkbox","DateInput","DateTime","ImageInput","LongText","Number","ShortText","Url"],"sources":["../../../../src/components/fields/index.ts"],"sourcesContent":["export { Checkbox } from './Checkbox';\nexport { DateInput } from './DateInput';\nexport { DateTime } from './DateTime';\nexport { ImageInput } from './ImageInput';\nexport { LongText } from './LongText';\nexport { Number } from './Number';\nexport { ShortText } from './ShortText';\nexport { Url } from './Url';\nexport * from './types';\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,GAAG,QAAQ,OAAO;AAC3B,cAAc,SAAS","ignoreList":[]}

package/dist/esm/components/fields/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/fields/types.ts"],"sourcesContent":["import { Control } from '@wix/patterns/form';\nimport { Field } from '../../types';\n\nexport interface BaseInputRef {\n  focus?: () => void;\n  invalid?: boolean;\n}\n\nexport interface BaseInputProps<T> {\n  field: Field;\n  value: T;\n  onChange: (newValue: T) => void;\n  dataHook?: string;\n  inputRef?: (ref: BaseInputRef) => void;\n  formControl: Control<any>;\n  data: Record<string, any>;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/components/fields/utils/dates.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDateWithoutTimezone","date","Date","toISOString","slice","getISODateStringWithFixedTimezone","_date","userTimezoneOffset","getTimezoneOffset","getTime"],"sources":["../../../../../src/components/fields/utils/dates.ts"],"sourcesContent":["// this function is used to get the date without timezone\nexport const getDateWithoutTimezone = (date: Date | string) =>\n  new Date(new Date(date).toISOString().slice(0, -1));\n\n// this function is used to get the date with fixed timezone\nexport const getISODateStringWithFixedTimezone = (date: Date | string) => {\n  const _date = new Date(date);\n  const userTimezoneOffset = _date.getTimezoneOffset() * 60000;\n  return new Date(_date.getTime() - userTimezoneOffset)\n    .toISOString()\n    .slice(0, -1);\n};\n"],"mappings":"AAAA;AACA,OAAO,MAAMA,sBAAsB,GAAIC,IAAmB,IACxD,IAAIC,IAAI,CAAC,IAAIA,IAAI,CAACD,IAAI,CAAC,CAACE,WAAW,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;AAErD;AACA,OAAO,MAAMC,iCAAiC,GAAIJ,IAAmB,IAAK;EACxE,MAAMK,KAAK,GAAG,IAAIJ,IAAI,CAACD,IAAI,CAAC;EAC5B,MAAMM,kBAAkB,GAAGD,KAAK,CAACE,iBAAiB,CAAC,CAAC,GAAG,KAAK;EAC5D,OAAO,IAAIN,IAAI,CAACI,KAAK,CAACG,OAAO,CAAC,CAAC,GAAGF,kBAAkB,CAAC,CAClDJ,WAAW,CAAC,CAAC,CACbC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACjB,CAAC","ignoreList":[]}

package/dist/esm/components/{AutoPatternsEntityPage/RenderLayout/RenderLayoutCard.js → layouts/ContentCard.js}

@@ -1,33 +1,44 @@
 import React from 'react';
 import { Card, Layout } from '@wix/design-system';
-import { EntityPage } from '@wix/patterns';
-import { RenderLayoutContent } from './RenderLayoutContent';
-export const RenderLayoutCard = _ref => {
+import { SettingsPage, EntityPage } from '@wix/patterns';
+import { ContentCardLayout } from './ContentCardLayout';
+export const ContentCard = _ref => {
   var _layout$card$subtitle;
   let {
+    type = 'entity',
+    mode = 'edit',
     layout,
     sectionId,
     cardIndex,
-    setInputRef
+    setInputRef,
+    fields,
+    form,
+    data
   } = _ref;
+  const Component = type === 'settings' ? SettingsPage : EntityPage;
+  const CardWrapper = mode === 'view' ? Card : Component.Card;
   switch (layout.type) {
     case 'card':
-      return /*#__PURE__*/React.createElement(EntityPage.Card, {
+      return /*#__PURE__*/React.createElement(CardWrapper, {
         minHeight: "50px"
       }, /*#__PURE__*/React.createElement(Card.Header, {
         title: layout.card.title.text,
         subtitle: (_layout$card$subtitle = layout.card.subtitle) == null ? void 0 : _layout$card$subtitle.text
-      }), /*#__PURE__*/React.createElement(Card.Divider, null), /*#__PURE__*/React.createElement(Card.Content, null, /*#__PURE__*/React.createElement(Layout, null, layout.card.children.map((child, index) => /*#__PURE__*/React.createElement(RenderLayoutContent, {
+      }), /*#__PURE__*/React.createElement(Card.Divider, null), /*#__PURE__*/React.createElement(Card.Content, null, /*#__PURE__*/React.createElement(Layout, null, layout.card.children.map((child, index) => /*#__PURE__*/React.createElement(ContentCardLayout, {
         key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        mode: mode,
         content: child,
         level: 0,
         sectionId: sectionId,
         cardIndex: cardIndex,
         contentIndex: index,
-        setInputRef: setInputRef
+        setInputRef: setInputRef,
+        fields: fields,
+        form: form,
+        data: data
       })))));
     default:
       return null;
   }
 };
-//# sourceMappingURL=RenderLayoutCard.js.map
+//# sourceMappingURL=ContentCard.js.map

package/dist/esm/components/layouts/ContentCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Card","Layout","SettingsPage","EntityPage","ContentCardLayout","ContentCard","_ref","_layout$card$subtitle","type","mode","layout","sectionId","cardIndex","setInputRef","fields","form","data","Component","CardWrapper","createElement","minHeight","Header","title","card","text","subtitle","Divider","Content","children","map","child","index","key","content","level","contentIndex"],"sources":["../../../../src/components/layouts/ContentCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Layout } from '@wix/design-system';\nimport { SettingsPage, EntityPage } from '@wix/patterns';\nimport { UseFormReturn } from '@wix/patterns/form';\nimport { CardLayout, BaseInputRef, Field } from '../../types';\nimport { ContentCardType, ContentCardMode } from './types';\nimport { ContentCardLayout } from './ContentCardLayout';\n\nexport interface ContentCardProps {\n  type?: ContentCardType;\n  mode?: ContentCardMode;\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n  setInputRef?: (id: string, input: BaseInputRef) => void;\n  fields?: Record<string, Field | undefined>;\n  form?: UseFormReturn<any>;\n  data?: Record<string, any>;\n}\n\nexport const ContentCard: React.FC<ContentCardProps> = ({\n  type = 'entity',\n  mode = 'edit',\n  layout,\n  sectionId,\n  cardIndex,\n  setInputRef,\n  fields,\n  form,\n  data,\n}) => {\n  const Component = type === 'settings' ? SettingsPage : EntityPage;\n  const CardWrapper = mode === 'view' ? Card : Component.Card;\n\n  switch (layout.type) {\n    case 'card':\n      return (\n        <CardWrapper minHeight=\"50px\">\n          <Card.Header\n            title={layout.card.title.text}\n            subtitle={layout.card.subtitle?.text}\n          />\n          <Card.Divider />\n          <Card.Content>\n            <Layout>\n              {layout.card.children.map((child, index: number) => (\n                <ContentCardLayout\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  mode={mode}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                  setInputRef={setInputRef}\n                  fields={fields}\n                  form={form}\n                  data={data}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </CardWrapper>\n      );\n    default:\n      return null;\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,QAAQ,oBAAoB;AACjD,SAASC,YAAY,EAAEC,UAAU,QAAQ,eAAe;AAIxD,SAASC,iBAAiB,QAAQ,qBAAqB;AAcvD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAUjD;EAAA,IAAAC,qBAAA;EAAA,IAVkD;IACtDC,IAAI,GAAG,QAAQ;IACfC,IAAI,GAAG,MAAM;IACbC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,WAAW;IACXC,MAAM;IACNC,IAAI;IACJC;EACF,CAAC,GAAAV,IAAA;EACC,MAAMW,SAAS,GAAGT,IAAI,KAAK,UAAU,GAAGN,YAAY,GAAGC,UAAU;EACjE,MAAMe,WAAW,GAAGT,IAAI,KAAK,MAAM,GAAGT,IAAI,GAAGiB,SAAS,CAACjB,IAAI;EAE3D,QAAQU,MAAM,CAACF,IAAI;IACjB,KAAK,MAAM;MACT,oBACET,KAAA,CAAAoB,aAAA,CAACD,WAAW;QAACE,SAAS,EAAC;MAAM,gBAC3BrB,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAACqB,MAAM;QACVC,KAAK,EAAEZ,MAAM,CAACa,IAAI,CAACD,KAAK,CAACE,IAAK;QAC9BC,QAAQ,GAAAlB,qBAAA,GAAEG,MAAM,CAACa,IAAI,CAACE,QAAQ,qBAApBlB,qBAAA,CAAsBiB;MAAK,CACtC,CAAC,eACFzB,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAAC0B,OAAO,MAAE,CAAC,eAChB3B,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAAC2B,OAAO,qBACX5B,KAAA,CAAAoB,aAAA,CAAClB,MAAM,QACJS,MAAM,CAACa,IAAI,CAACK,QAAQ,CAACC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAa,kBAC7ChC,KAAA,CAAAoB,aAAA,CAACf,iBAAiB;QAChB4B,GAAG,EAAE,GAAGrB,SAAS,SAASC,SAAS,YAAYmB,KAAK,EAAG;QACvDtB,IAAI,EAAEA,IAAK;QACXwB,OAAO,EAAEH,KAAM;QACfI,KAAK,EAAE,CAAE;QACTvB,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrBuB,YAAY,EAAEJ,KAAM;QACpBlB,WAAW,EAAEA,WAAY;QACzBC,MAAM,EAAEA,MAAO;QACfC,IAAI,EAAEA,IAAK;QACXC,IAAI,EAAEA;MAAK,CACZ,CACF,CACK,CACI,CACH,CAAC;IAElB;MACE,OAAO,IAAI;EACf;AACF,CAAC","ignoreList":[]}

package/dist/esm/components/{AutoPatternsEntityPage/RenderLayout/RenderLayoutContent.js → layouts/ContentCardLayout.js}

@@ -1,53 +1,72 @@
-import React from 'react';
+import React, { lazy, Suspense } from 'react';
 import { Cell, Layout } from '@wix/design-system';
-import { useSchema } from '../../../providers/SchemaContext';
-import { useAutoPatternsOverridesContext } from '../../../providers';
-import { useEntityPageContext } from '@wix/patterns';
-import { FormFieldInput } from '../Fields/FormFieldInput';
-export const RenderLayoutContent = _ref => {
+import { useAutoPatternsOverridesContext } from '../../providers';
+import { ViewField } from './ViewField';
+// Lazy load FormField to avoid bundling heavy field components in view mode
+const FormField = /*#__PURE__*/lazy(() => import('./FormField').then(m => ({
+  default: m.FormField
+})));
+export const ContentCardLayout = _ref => {
   var _content$container$ch, _overrides$components;
   let {
+    mode = 'edit',
     content,
     level,
     sectionId,
     cardIndex,
     contentIndex,
-    setInputRef
+    setInputRef,
+    fields,
+    form,
+    data
   } = _ref;
-  const schema = useSchema();
   const overrides = useAutoPatternsOverridesContext();
-  const pageState = useEntityPageContext();
-  const entity = pageState.entity;
   switch (content.type) {
     case 'field':
       if (!content.field.fieldId) {
         return null;
       }
-      const field = schema.fields[content.field.fieldId];
+      const field = fields == null ? void 0 : fields[content.field.fieldId];
       if (!field) {
         return null;
       }
+      if (mode === 'view') {
+        return /*#__PURE__*/React.createElement(Cell, {
+          span: content.field.span
+        }, /*#__PURE__*/React.createElement(ViewField, {
+          field: field,
+          data: data
+        }));
+      }
       return /*#__PURE__*/React.createElement(Cell, {
         span: content.field.span
-      }, /*#__PURE__*/React.createElement(FormFieldInput, {
+      }, /*#__PURE__*/React.createElement(Suspense, {
+        fallback: null
+      }, /*#__PURE__*/React.createElement(FormField, {
         key: content.field.fieldId,
         field: field,
-        inputRef: ref => setInputRef(content.field.fieldId, ref)
-      }));
+        inputRef: ref => setInputRef == null ? void 0 : setInputRef(content.field.fieldId, ref),
+        formControl: form == null ? void 0 : form.control,
+        data: data
+      })));
     case 'container':
       if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
         return null;
       }
       return /*#__PURE__*/React.createElement(Cell, {
         span: content.container.span
-      }, /*#__PURE__*/React.createElement(Layout, null, content.container.children.map((child, index) => /*#__PURE__*/React.createElement(RenderLayoutContent, {
+      }, /*#__PURE__*/React.createElement(Layout, null, content.container.children.map((child, index) => /*#__PURE__*/React.createElement(ContentCardLayout, {
         key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        mode: mode,
         content: child,
         level: level + 1,
         sectionId: sectionId,
         cardIndex: cardIndex,
         contentIndex: index,
-        setInputRef: setInputRef
+        setInputRef: setInputRef,
+        fields: fields,
+        form: form,
+        data: data
       }))));
     case 'component':
       if (!content.component.componentId) {
@@ -60,11 +79,11 @@ export const RenderLayoutContent = _ref => {
       return /*#__PURE__*/React.createElement(Cell, {
         span: content.component.span
       }, /*#__PURE__*/React.createElement(Component, {
-        form: pageState == null ? void 0 : pageState.form,
-        entity: entity
+        form: form,
+        entity: data
       }));
     default:
       return null;
   }
 };
-//# sourceMappingURL=RenderLayoutContent.js.map
+//# sourceMappingURL=ContentCardLayout.js.map

package/dist/esm/components/layouts/ContentCardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","lazy","Suspense","Cell","Layout","useAutoPatternsOverridesContext","ViewField","FormField","then","m","default","ContentCardLayout","_ref","_content$container$ch","_overrides$components","mode","content","level","sectionId","cardIndex","contentIndex","setInputRef","fields","form","data","overrides","type","field","fieldId","createElement","span","fallback","key","inputRef","ref","formControl","control","container","children","length","map","child","index","component","componentId","Component","components","entity"],"sources":["../../../../src/components/layouts/ContentCardLayout.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { Cell, Layout } from '@wix/design-system';\nimport { UseFormReturn } from '@wix/patterns/form';\nimport { useAutoPatternsOverridesContext } from '../../providers';\nimport { LayoutContent, BaseInputRef, Field } from '../../types';\nimport { ViewField } from './ViewField';\nimport { ContentCardMode } from './types';\n\n// Lazy load FormField to avoid bundling heavy field components in view mode\nconst FormField = lazy(() =>\n  import('./FormField').then((m) => ({ default: m.FormField })),\n);\n\nexport interface ContentCardLayoutProps {\n  mode?: ContentCardMode;\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n  setInputRef?: (id: string, input: BaseInputRef) => void;\n  fields?: Record<string, Field | undefined>;\n  form?: UseFormReturn<any>;\n  data?: Record<string, any>;\n}\n\nexport const ContentCardLayout: React.FC<ContentCardLayoutProps> = ({\n  mode = 'edit',\n  content,\n  level,\n  sectionId,\n  cardIndex,\n  contentIndex,\n  setInputRef,\n  fields,\n  form,\n  data,\n}) => {\n  const overrides = useAutoPatternsOverridesContext();\n\n  switch (content.type) {\n    case 'field':\n      if (!content.field.fieldId) {\n        return null;\n      }\n\n      const field = fields?.[content.field.fieldId];\n      if (!field) {\n        return null;\n      }\n\n      if (mode === 'view') {\n        return (\n          <Cell span={content.field.span}>\n            <ViewField field={field} data={data} />\n          </Cell>\n        );\n      }\n\n      return (\n        <Cell span={content.field.span}>\n          <Suspense fallback={null}>\n            <FormField\n              key={content.field.fieldId}\n              field={field}\n              inputRef={(ref: BaseInputRef) =>\n                setInputRef?.(content.field.fieldId, ref)\n              }\n              formControl={form?.control}\n              data={data}\n            />\n          </Suspense>\n        </Cell>\n      );\n\n    case 'container':\n      if (!content.container.children?.length) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.container.span}>\n          <Layout>\n            {content.container.children.map((child, index) => (\n              <ContentCardLayout\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                mode={mode}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n                setInputRef={setInputRef}\n                fields={fields}\n                form={form}\n                data={data}\n              />\n            ))}\n          </Layout>\n        </Cell>\n      );\n\n    case 'component':\n      if (!content.component.componentId) {\n        return null;\n      }\n\n      const Component = overrides?.components?.[content.component.componentId];\n      if (!Component) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.component.span}>\n          <Component form={form} entity={data as Record<string, any>} />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n"],"mappings":"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","ignoreList":[]}