@wix/patterns-fields 1.35.0 → 1.37.0

package/dist/esm/components/date-input/form-date-input.js

@@ -0,0 +1,66 @@
+import React, { useState, useRef } from 'react';
+import { FormField, DatePicker } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { isEmpty } from '../../validations/string';
+import { getDateWithoutTimezone, getISODateStringWithFixedTimezone, } from './date-utils';
+const _FormDateInput = (props) => {
+    const { field, dataHook, inputRef, formControl, data } = props;
+    const { translate: t } = useWixPatternsContainer();
+    const computeError = (value, format, validationType) => {
+        if (field.validation?.required && isEmpty(value)) {
+            return t('cairo.fieldValidation.requiredField');
+        }
+        if (validationType === 'formatError' && format) {
+            return t('cairo.customFields.fieldType.date.invalid.value', {
+                dateFormat: format,
+            });
+        }
+        return '';
+    };
+    const controller = useController({
+        name: field?.id ?? '',
+        control: formControl,
+        defaultValue: data?.[field?.id ?? ''],
+        rules: {
+            validate: (value) => {
+                const error = computeError(value);
+                return error || true;
+            },
+        },
+    });
+    const [date, setDate] = useState(() => {
+        if (controller.field.value) {
+            return getDateWithoutTimezone(getISODateStringWithFixedTimezone(controller.field.value));
+        }
+        return undefined;
+    });
+    const ref = useRef({});
+    const [errorMessage, setErrorMessage] = useState('');
+    return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, statusMessage: errorMessage, dataHook: dataHook },
+        React.createElement(DatePicker, { ref: (internalRef) => {
+                inputRef?.(ref.current);
+                // @ts-expect-error: WSR internal API hack for focusing
+                ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();
+            }, dataHook: `date-${field.id}`, width: "100%", value: date, onChange: (newValue) => {
+                setDate(newValue);
+                if (newValue) {
+                    const formattedDate = getISODateStringWithFixedTimezone(newValue);
+                    controller.field.onChange(formattedDate.split('T')[0]);
+                }
+                else {
+                    controller.field.onChange(null);
+                }
+            }, onValidate: ({ validationType, value: newValue, format }) => {
+                const error = computeError(newValue, format, validationType);
+                setErrorMessage(error);
+                ref.current.invalid = !!error;
+                if (validationType === 'formatError' && newValue === '') {
+                    setDate(undefined);
+                    controller.field.onChange(null);
+                }
+            }, status: errorMessage ? 'error' : undefined, statusMessage: errorMessage })));
+};
+export const FormDateInput = observer(_FormDateInput);
+//# sourceMappingURL=form-date-input.js.map

package/dist/esm/components/date-input/form-date-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-date-input.js","sourceRoot":"","sources":["../../../../src/components/date-input/form-date-input.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/date-input/index.js

@@ -0,0 +1,2 @@
+export * from './form-date-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/date-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/date-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/datetime-input/form-date-time.driver.js

@@ -0,0 +1,27 @@
+import { DatePickerUniDriver, FormFieldUniDriver, TimeInputUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory, getFormFieldLabelText, } from '../../testkit/base-driver';
+export function FormDateTimeDriver(base, body, field) {
+    const formField = FormFieldUniDriver(base, body);
+    const dateBase = base.$(`[data-hook="datetime-date-${field.id}"]`);
+    const timeBase = base.$(`[data-hook="datetime-time-${field.id}"]`);
+    const datePicker = DatePickerUniDriver(dateBase, body);
+    const timeInput = TimeInputUniDriver(timeBase, body);
+    return {
+        ...baseUniDriverFactory(base),
+        getLabel: () => getFormFieldLabelText(formField),
+        dateExists: () => dateBase.exists(),
+        timeExists: () => timeBase.exists(),
+        enterDateText: (text) => datePicker.inputDriver.enterText(text),
+        blurDate: () => datePicker.inputDriver.blur(),
+        dateHasError: () => datePicker.inputDriver.hasStatus('error'),
+        getDateErrorMessage: () => datePicker.inputDriver.getStatusMessage(),
+        timeHasError: () => 
+        // WDS TimeInput.uni.driver.d.ts types `hasStatus` as no-arg, but the
+        // runtime forwards `status` to Input.hasStatus. See TimeInput.uni.driver.js:43.
+        // @ts-expect-error
+        timeInput.hasStatus('error'),
+        getTimeErrorMessage: () => timeInput.getStatusMessage(),
+        isRequired: () => formField.isRequired(),
+    };
+}
+//# sourceMappingURL=form-date-time.driver.js.map

package/dist/esm/components/datetime-input/form-date-time.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-date-time.driver.js","sourceRoot":"","sources":["../../../../src/components/datetime-input/form-date-time.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,kBAAkB,CAChC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,6BAA6B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,6BAA6B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAErD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;QACnC,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;QACnC,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC;QACvE,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE;QAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC;QAC7D,mBAAmB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE;QACpE,YAAY,EAAE,GAAG,EAAE;QACjB,qEAAqE;QACrE,gFAAgF;QAChF,mBAAmB;QACnB,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC9B,mBAAmB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACvD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;KACzC,CAAC;AACJ,CAAC"}

package/dist/esm/components/datetime-input/form-date-time.js

@@ -0,0 +1,141 @@
+import React, { useRef, useMemo, useState, useEffect } from 'react';
+import { Cell, DatePicker, FormField, Layout, TimeInput, } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { isEmpty } from '../../validations/string';
+const _FormDateTime = (props) => {
+    const { field, dataHook, inputRef, formControl, data } = props;
+    const { translate: t } = useWixPatternsContainer();
+    const controller = useController({
+        name: field?.id ?? '',
+        control: formControl,
+        defaultValue: data?.[field?.id ?? ''],
+        rules: {
+            validate: (v) => {
+                if (field?.validation?.required && isEmpty(v)) {
+                    return t('cairo.fieldValidation.requiredField');
+                }
+                return true;
+            },
+        },
+    });
+    const date = useMemo(() => {
+        if (!controller.field.value) {
+            return undefined;
+        }
+        const d = new Date(controller.field.value);
+        return isNaN(d.getTime()) ? undefined : d;
+    }, [controller.field.value]);
+    const [dateStatusMessage, setDateStatusMessage] = useState('');
+    const [timeStatusMessage, setTimeStatusMessage] = useState('');
+    const ref = useRef({});
+    const dateRef = useRef({});
+    const timeRef = useRef({});
+    const [dateValue, setDateValue] = useState(date?.getDate());
+    const [timeValue, setTimeValue] = useState(date?.getTime());
+    useEffect(() => {
+        ref.current.focus = () => {
+            if (dateRef.current.invalid) {
+                return dateRef.current.focus?.();
+            }
+            return timeRef.current.focus?.();
+        };
+        inputRef?.(ref.current);
+    }, [inputRef]);
+    return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, dataHook: dataHook },
+        React.createElement(Layout, null,
+            React.createElement(Cell, { span: 6 },
+                React.createElement(DatePicker, { ref: (internalRef) => {
+                        dateRef.current.focus = () => 
+                        // TODO: PR to WSR needed to expose as public API
+                        // @ts-expect-error
+                        internalRef?.state?.inputRef?.focus?.();
+                    }, width: "100%", value: date, onChange: () => { }, 
+                    // onChange is triggered only when you have valid, non-empty value.
+                    // and onValidate is triggered on every change so we use onValidate
+                    onValidate: ({ validationType, value: newValue, format }) => {
+                        if (validationType === 'valid') {
+                            const dateWithNewDate = date
+                                ? new Date(date)
+                                : new Date(newValue);
+                            const _value = new Date(newValue);
+                            dateWithNewDate.setFullYear(_value.getFullYear());
+                            dateWithNewDate.setMonth(_value.getMonth());
+                            dateWithNewDate.setDate(_value.getDate());
+                            controller.field.onChange(dateWithNewDate.toISOString());
+                            setDateValue(new Date(newValue).getDate());
+                            setDateStatusMessage('');
+                            dateRef.current.invalid = false;
+                        }
+                        else if (validationType === 'formatError' && newValue === '') {
+                            if (field.validation?.required) {
+                                setDateStatusMessage(t('cairo.fieldValidation.requiredField'));
+                                dateRef.current.invalid = true;
+                            }
+                            else {
+                                setDateStatusMessage('');
+                                dateRef.current.invalid = false;
+                            }
+                            setDateValue(newValue);
+                            if (!timeValue) {
+                                controller.field.onChange(null);
+                            }
+                        }
+                        else {
+                            setDateStatusMessage(t('cairo.customFields.fieldType.date.invalid.value', {
+                                dateFormat: format ?? '',
+                            }));
+                            dateRef.current.invalid = true;
+                        }
+                        ref.current.invalid =
+                            dateRef.current.invalid || timeRef.current.invalid;
+                    }, status: controller.fieldState.error || dateStatusMessage
+                        ? 'error'
+                        : undefined, statusMessage: controller.fieldState.error?.message || dateStatusMessage, dataHook: `datetime-date-${field.id}` })),
+            React.createElement(Cell, { span: 6 },
+                React.createElement(TimeInput, { ref: (internalRef) => {
+                        timeRef.current.focus = () => internalRef?.focus();
+                    }, dataHook: `datetime-time-${field.id}`, value: date ?? null, status: controller.fieldState.error || timeStatusMessage
+                        ? 'error'
+                        : undefined, statusMessage: controller.fieldState.error?.message || timeStatusMessage, onInvalid: () => {
+                        timeRef.current.invalid = true;
+                        setTimeStatusMessage(t('cairo.customFields.fieldType.dateAndTime.invalid.value'));
+                        ref.current.invalid =
+                            dateRef.current.invalid || timeRef.current.invalid;
+                    }, onChange: ({ date: newValue }) => {
+                        timeRef.current.invalid = false;
+                        ref.current.invalid =
+                            dateRef.current.invalid || timeRef.current.invalid;
+                        if (newValue) {
+                            const dateWithNewTime = date ? new Date(date) : newValue;
+                            dateWithNewTime.setHours(newValue.getHours());
+                            dateWithNewTime.setMinutes(newValue.getMinutes());
+                            dateWithNewTime.setSeconds(newValue.getSeconds());
+                            dateWithNewTime.setMilliseconds(newValue.getMilliseconds());
+                            controller.field.onChange(dateWithNewTime.toISOString());
+                            setTimeStatusMessage('');
+                            setDateStatusMessage('');
+                        }
+                        else {
+                            if (!newValue) {
+                                setTimeValue('');
+                                if (field.validation?.required) {
+                                    setTimeStatusMessage(t('cairo.fieldValidation.requiredField'));
+                                    timeRef.current.invalid = true;
+                                }
+                                else {
+                                    setTimeStatusMessage('');
+                                    timeRef.current.invalid = false;
+                                }
+                                if (!ref.current.invalid) {
+                                    if (!dateValue) {
+                                        controller.field.onChange(null);
+                                    }
+                                }
+                            }
+                        }
+                    } })))));
+};
+export const FormDateTime = observer(_FormDateTime);
+//# sourceMappingURL=form-date-time.js.map

package/dist/esm/components/datetime-input/form-date-time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-date-time.js","sourceRoot":"","sources":["../../../../src/components/datetime-input/form-date-time.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/datetime-input/index.js

@@ -0,0 +1,2 @@
+export * from './form-date-time';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/datetime-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/datetime-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "deletedialog1598107043";
+var _namespace_ = "deletedialog759595497";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "deletedialog1598107043__root", "layout": "deletedialog1598107043__layout" };
+export var classes = { "root": "deletedialog759595497__root", "layout": "deletedialog759595497__layout" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,QAAQ,EAAC,gCAAgC,EAAC,CAAC;AACvG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACrG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/document/form-document-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield3746585343";
+var _namespace_ = "formdocumentfield347804993";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formdocumentfield3746585343__root", "viewWrapper": "formdocumentfield3746585343__viewWrapper", "textWidth": "formdocumentfield3746585343__textWidth", "documentLoader": "formdocumentfield3746585343__documentLoader", "addDocument": "formdocumentfield3746585343__addDocument", "addItemWrapper": "formdocumentfield3746585343__addItemWrapper" };
+export var classes = { "root": "formdocumentfield347804993__root", "viewWrapper": "formdocumentfield347804993__viewWrapper", "textWidth": "formdocumentfield347804993__textWidth", "documentLoader": "formdocumentfield347804993__documentLoader", "addDocument": "formdocumentfield347804993__addDocument", "addItemWrapper": "formdocumentfield347804993__addItemWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/document/form-document-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-document-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/document/form-document-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,aAAa,EAAC,0CAA0C,EAAC,WAAW,EAAC,wCAAwC,EAAC,gBAAgB,EAAC,6CAA6C,EAAC,aAAa,EAAC,0CAA0C,EAAC,gBAAgB,EAAC,6CAA6C,EAAC,CAAC;AACvW,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,sBAAsB,EAAC,OAAO,EAAC,wBAAwB,EAAC,6CAA6C,EAAC,uBAAuB,EAAC,MAAM,EAAC,oBAAoB,EAAC,MAAM,EAAC,CAAC;AACrR,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,CAAC"}
+{"version":3,"file":"form-document-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/document/form-document-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,aAAa,EAAC,yCAAyC,EAAC,WAAW,EAAC,uCAAuC,EAAC,gBAAgB,EAAC,4CAA4C,EAAC,aAAa,EAAC,yCAAyC,EAAC,gBAAgB,EAAC,4CAA4C,EAAC,CAAC;AACjW,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,sBAAsB,EAAC,OAAO,EAAC,wBAAwB,EAAC,6CAA6C,EAAC,uBAAuB,EAAC,MAAM,EAAC,oBAAoB,EAAC,MAAM,EAAC,CAAC;AACrR,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,CAAC"}

package/dist/esm/components/document/form-document.driver.js

@@ -0,0 +1,15 @@
+import { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory, getFormFieldLabelText, } from '../../testkit/base-driver';
+export function FormDocumentDriver(base, body, field) {
+    const formField = FormFieldUniDriver(base, body);
+    const documentField = base.$(`[data-hook="document-${field.id}"]`);
+    return {
+        ...baseUniDriverFactory(base),
+        getLabel: () => getFormFieldLabelText(formField),
+        documentFieldExists: () => documentField.exists(),
+        isRequired: () => formField.isRequired(),
+        hasError: () => formField.hasStatus('error'),
+        getErrorMessage: () => formField.getStatusMessage(),
+    };
+}
+//# sourceMappingURL=form-document.driver.js.map

package/dist/esm/components/document/form-document.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-document.driver.js","sourceRoot":"","sources":["../../../../src/components/document/form-document.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,kBAAkB,CAChC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,wBAAwB,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAEnE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,mBAAmB,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE;QACjD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;KACpD,CAAC;AACJ,CAAC"}

package/dist/esm/components/document/form-document.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FormField } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { isEmpty } from '../../validations/string';
+import { FormDocumentField } from './form-document-field';
+const _FormDocument = (props) => {
+    const { field, dataHook, formControl, data } = props;
+    const { translate: t } = useWixPatternsContainer();
+    const controller = useController({
+        name: field?.id ?? '',
+        control: formControl,
+        defaultValue: data?.[field?.id ?? ''],
+        rules: {
+            validate: (value) => {
+                if (field.validation?.required && isEmpty(value)) {
+                    return t('cairo.fieldValidation.requiredField');
+                }
+                return true;
+            },
+        },
+    });
+    return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
+        React.createElement(FormDocumentField, { data: controller.field.value, onChange: (value) => controller.field.onChange(value), onClear: () => controller.field.onChange(null), dataHook: `document-${field.id}` })));
+};
+export const FormDocument = observer(_FormDocument);
+//# sourceMappingURL=form-document.js.map

package/dist/esm/components/document/form-document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-document.js","sourceRoot":"","sources":["../../../../src/components/document/form-document.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D,MAAM,aAAa,GAAG,CAAC,KAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;iBACjD;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ;QAElB,oBAAC,iBAAiB,IAChB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC9C,QAAQ,EAAE,YAAY,KAAK,CAAC,EAAE,EAAE,GAChC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/components/email/form-email.driver.js

@@ -0,0 +1,18 @@
+import { FormFieldUniDriver, InputUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory, getFormFieldLabelText, } from '../../testkit/base-driver';
+export function FormEmailDriver(base, body) {
+    const formField = FormFieldUniDriver(base, body);
+    const inputBase = base.$(`[data-hook^="email-"]`);
+    const input = InputUniDriver(inputBase, body);
+    return {
+        ...baseUniDriverFactory(base),
+        getLabel: () => getFormFieldLabelText(formField),
+        getValue: () => input.getValue(),
+        enterText: (value) => input.enterText(value),
+        blur: () => input.blur(),
+        hasError: () => formField.hasStatus('error'),
+        getErrorMessage: () => formField.getStatusMessage(),
+        isRequired: () => formField.isRequired(),
+    };
+}
+//# sourceMappingURL=form-email.driver.js.map

package/dist/esm/components/email/form-email.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-email.driver.js","sourceRoot":"","sources":["../../../../src/components/email/form-email.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,cAAc,GACf,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,eAAe,CAAC,IAAe,EAAE,IAAe;IAC9D,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAE9C,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE;QAChC,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QACpD,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE;QACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;KACzC,CAAC;AACJ,CAAC"}

package/dist/esm/components/email/form-email.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { FormField, Input } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { useTranslations } from '../../hooks';
+import { isEmpty } from '../../validations/string';
+import { isValid as isValidEmail } from '../../validations/email';
+const _FormEmail = (props) => {
+    const { field, dataHook, formControl, data } = props;
+    const { translate: pt } = useWixPatternsContainer();
+    const { t } = useTranslations();
+    // Errors surface as soon as RHF marks the field invalid.
+    // Intentional delta from auto-patterns: dropped the `formState.isSubmitted` gate
+    // so users see validation feedback immediately while typing.
+    const controller = useController({
+        name: field.id,
+        control: formControl,
+        defaultValue: data?.[field.id],
+        rules: {
+            validate: (value) => {
+                if (field.validation?.required && isEmpty(value)) {
+                    return pt('cairo.fieldValidation.requiredField');
+                }
+                if (value && !isValidEmail(value)) {
+                    return t('auto-patterns.fields.email_input_error');
+                }
+                return true;
+            },
+        },
+    });
+    return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, dataHook: dataHook, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message },
+        React.createElement(Input, { dataHook: `email-${field.id}`, value: controller.field.value, onChange: (e) => controller.field.onChange?.(e.target.value), onBlur: controller.field.onBlur, ref: controller.field.ref })));
+};
+export const FormEmail = observer(_FormEmail);
+//# sourceMappingURL=form-email.js.map

package/dist/esm/components/email/form-email.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-email.js","sourceRoot":"","sources":["../../../../src/components/email/form-email.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIlE,MAAM,UAAU,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC3C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACpD,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,yDAAyD;IACzD,iFAAiF;IACjF,6DAA6D;IAC7D,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAgC,EAAE,EAAE;gBAC7C,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,EAAE,CAAC,qCAAqC,CAAC,CAAC;iBAClD;gBACD,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;oBACjC,OAAO,CAAC,CAAC,wCAAwC,CAAC,CAAC;iBACpD;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO;QAEnD,oBAAC,KAAK,IACJ,QAAQ,EAAE,SAAS,KAAK,CAAC,EAAE,EAAE,EAC7B,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5D,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAC/B,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,GACzB,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
 export * from './email-input';
+export * from './form-email';
 export * from './form-email-input';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/email/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/email/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/exclamation/exclamation.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation2381589603";
+var _namespace_ = "exclamation3170841142";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "exclamation2381589603__root", "exclamation": "exclamation2381589603__exclamation", "actions": "exclamation2381589603__actions", "action": "exclamation2381589603__action" };
+export var classes = { "root": "exclamation3170841142__root", "exclamation": "exclamation3170841142__exclamation", "actions": "exclamation3170841142__actions", "action": "exclamation3170841142__action" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/highlighted-text/highlighted-text.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "highlightedtext4239267361";
+var _namespace_ = "highlightedtext1832354936";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "highlightedtext4239267361__root", "substring": "highlightedtext4239267361__substring" };
-export var keyframes = { "highlighted": "highlightedtext4239267361__highlighted", "highlighted-match": "highlightedtext4239267361__highlighted-match" };
+export var classes = { "root": "highlightedtext1832354936__root", "substring": "highlightedtext1832354936__substring" };
+export var keyframes = { "highlighted": "highlightedtext1832354936__highlighted", "highlighted-match": "highlightedtext1832354936__highlighted-match" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/image/form-image-input.driver.js

@@ -0,0 +1,20 @@
+import { FormFieldUniDriver, ImageViewerUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../testkit/base-driver';
+export function FormImageInputDriver(base, body, field) {
+    const formField = FormFieldUniDriver(base, body);
+    const imageViewerBase = base.$(`[data-hook="image-${field.id}"]`);
+    const imageViewer = ImageViewerUniDriver(imageViewerBase, body);
+    return {
+        ...baseUniDriverFactory(base),
+        getLabel: async () => {
+            const labelEl = await formField.getLabel();
+            return labelEl?.textContent ?? '';
+        },
+        getImageUrl: () => imageViewer.getImageUrl(),
+        isAddItemVisible: () => imageViewer.isAddItemVisible(),
+        hasError: () => formField.hasStatus('error'),
+        getErrorMessage: () => formField.getStatusMessage(),
+        isRequired: () => formField.isRequired(),
+    };
+}
+//# sourceMappingURL=form-image-input.driver.js.map

package/dist/esm/components/image/form-image-input.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-input.driver.js","sourceRoot":"","sources":["../../../../src/components/image/form-image-input.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,oBAAoB,CAClC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,qBAAqB,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAClE,MAAM,WAAW,GAAG,oBAAoB,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IAEhE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC3C,OAAO,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC;QACpC,CAAC;QACD,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,EAAE;QAC5C,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,gBAAgB,EAAE;QACtD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;KACzC,CAAC;AACJ,CAAC"}

package/dist/esm/components/image/form-image-input.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Box, FormField, ImageViewer } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+import { isEmpty } from '../../validations/string';
+import { getImageUrl } from '../../utils/get-image-url';
+import { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';
+const _FormImageInput = (props) => {
+    const { field, dataHook, formControl, data } = props;
+    const { translate: t, openMediaManager } = useWixPatternsContainer();
+    const isMobile = useIsMobile();
+    async function openMedia() {
+        if (!openMediaManager) {
+            return;
+        }
+        try {
+            const chosenMediaItems = await openMediaManager({
+                multiSelect: false,
+                category: 'IMAGE',
+            });
+            const newImage = chosenMediaItems?.items[0]?.media?.image?.image;
+            controller.field.onChange(newImage);
+        }
+        catch (error) {
+            console.error('Error opening Media Manager or no files selected:', error);
+        }
+    }
+    const controller = useController({
+        name: field?.id ?? '',
+        control: formControl,
+        defaultValue: data?.[field?.id ?? ''],
+        rules: {
+            validate: (value) => {
+                if (field.validation?.required && isEmpty(value)) {
+                    return t('cairo.fieldValidation.requiredField');
+                }
+                return true;
+            },
+        },
+    });
+    const imageUrl = controller.field.value && getImageUrl(controller.field.value);
+    return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
+        React.createElement(Box, { width: "100%", maxWidth: MEDIA_MAX_WIDTH },
+            React.createElement(ImageViewer, { imageUrl: imageUrl, dataHook: `image-${field.id}`, onAddImage: isMobile ? undefined : () => openMedia(), onUpdateImage: isMobile ? undefined : () => openMedia(), updateImageInfo: t('cairo.replace-image.tooltip'), removeImageInfo: t('cairo.remove-image.tooltip'), addImageInfo: t('cairo.add-image.tooltip'), height: MEDIA_HEIGHT, width: "100%", fit: "cover", onRemoveImage: () => controller.field.onChange(null) }))));
+};
+export const FormImageInput = observer(_FormImageInput);
+//# sourceMappingURL=form-image-input.js.map

package/dist/esm/components/image/form-image-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-input.js","sourceRoot":"","sources":["../../../../src/components/image/form-image-input.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/image/image-view-field.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Box, Text } from '@wix/design-system';
+import { getImageUrl } from '../../utils/get-image-url';
+import { MEDIA_HEIGHT, MEDIA_MAX_WIDTH, MEDIA_BORDER_RADIUS, } from '../../utils/media-constants';
+export const ImageViewField = ({ value, displayName, id, }) => {
+    const imageValue = typeof value === 'string' ? value : undefined;
+    const imageUrl = getImageUrl(imageValue);
+    if (!imageUrl) {
+        return React.createElement(Text, null, "-");
+    }
+    return (React.createElement(Box, { height: MEDIA_HEIGHT, width: "100%", maxWidth: MEDIA_MAX_WIDTH, borderRadius: MEDIA_BORDER_RADIUS, overflow: "hidden" },
+        React.createElement("img", { src: imageUrl, alt: displayName || id, style: {
+                height: '100%',
+                width: '100%',
+                objectFit: 'cover',
+                display: 'block',
+            } })));
+};
+//# sourceMappingURL=image-view-field.js.map

package/dist/esm/components/image/image-view-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-view-field.js","sourceRoot":"","sources":["../../../../src/components/image/image-view-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EACL,YAAY,EACZ,eAAe,EACf,mBAAmB,GACpB,MAAM,6BAA6B,CAAC;AAQrC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,WAAW,EACX,EAAE,GACH,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IACjE,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IAEzC,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,oBAAC,IAAI,YAAS,CAAC;KACvB;IAED,OAAO,CACL,oBAAC,GAAG,IACF,MAAM,EAAE,YAAY,EACpB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAC,QAAQ;QAEjB,6BACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,WAAW,IAAI,EAAE,EACtB,KAAK,EAAE;gBACL,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,OAAO;gBAClB,OAAO,EAAE,OAAO;aACjB,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}