@wix/form-public 0.174.0 → 0.176.0

package/dist/index.cjs

@@ -25366,8 +25366,7 @@ var NOW_VALUE = "$now";
 // ../form-fields/dist/esm/constants/experiments.js
 var EXPERIMENTS = {
   USE_FIELDS_V2: "specs.forms.UseFieldsV2",
-  SUBMIT_SUCCESS_NO_FOCUS: "specs.forms.SubmitSuccessNoFocus"
-};
+  SUBMIT_SUCCESS_NO_FOCUS: "specs.forms.SubmitSuccessNoFocus"};
 
 // ../form-fields/dist/esm/constants/breakpoints.js
 var Breakpoint = /* @__PURE__ */ (function(Breakpoint2) {
@@ -32024,9 +32023,50 @@ function normalizeRepeater({ field, fieldValue, config }) {
   return normalizedValues;
 }
 
+// ../form-viewer/dist/esm/components/form/autofill.js
+init_types_impl();
+var AUTOFILL_FIELDS = [
+  { fieldType: FIELD_TYPES.CONTACTS_EMAIL, key: "email" },
+  { fieldType: FIELD_TYPES.CONTACTS_FIRST_NAME, key: "firstName" },
+  { fieldType: FIELD_TYPES.CONTACTS_LAST_NAME, key: "lastName" },
+  { fieldType: FIELD_TYPES.CONTACTS_PHONE, key: "phone" }
+];
+function getAutofillValues(form, config) {
+  const userData = config?.userData;
+  if (!userData || form?.autoFillContact !== ContactAutofill.MEMBER_DATA) {
+    return {};
+  }
+  const fields = form?.fields ?? [];
+  const result2 = {};
+  for (const { fieldType, key } of AUTOFILL_FIELDS) {
+    const value = userData[key]?.trim();
+    if (!value) {
+      continue;
+    }
+    const target = fields.find((field) => field.view?.fieldType === fieldType)?.target;
+    if (target) {
+      result2[target] = value;
+    }
+  }
+  return result2;
+}
+
 // ../form-viewer/dist/esm/hooks/use-form-values/use-form-values.js
-var useFormValues = (form, values, onChange, config) => {
-  const normalizedValues = React42.useMemo(() => normalizeValues(form, fillEmptyValues(form, values), true, config), [form, values, config]);
+var useFormValues = (form, values, onChange, config, enableAutofill) => {
+  const hasAutofilled = React42.useRef(false);
+  const normalizedValues = React42.useMemo(() => {
+    const filled = fillEmptyValues(form, values);
+    if (enableAutofill && !hasAutofilled.current && config?.userData) {
+      hasAutofilled.current = true;
+      const autofill = getAutofillValues(form, config);
+      for (const [key, value] of Object.entries(autofill)) {
+        if (filled[key] == null) {
+          filled[key] = value;
+        }
+      }
+    }
+    return normalizeValues(form, filled, true, config);
+  }, [form, values, config, enableAutofill]);
   React42.useEffect(() => {
     const hasAnyValueChanged = !deepEqual(normalizedValues, values);
     if (hasAnyValueChanged) {
@@ -32285,11 +32325,11 @@ var useReportFieldEdit = (form) => {
 };
 
 // ../form-viewer/dist/esm/hooks/use-form.js
-var useForm2 = ({ form: paramForm, values: paramValues, stepId, onStepIdChange, onChange, errors, onValidate, onSubmit, onSubmitSuccess, onSubmitFailure, enableScrollToFirstError = true, forwardedRef, overrides, actions, config, breakpoint, validationMode, fieldMap, inProgress }) => {
+var useForm2 = ({ form: paramForm, values: paramValues, stepId, onStepIdChange, onChange, errors, onValidate, onSubmit, onSubmitSuccess, onSubmitFailure, enableScrollToFirstError = true, forwardedRef, overrides, actions, config, breakpoint, validationMode, fieldMap, inProgress, enableAutofill }) => {
   const formWithOverrides = React42.useMemo(() => applyAllOverrides(paramForm, paramValues, overrides), [paramForm, paramValues, overrides]);
   const formId = formWithOverrides.id;
   const { setFocusedFieldId } = useFocusedField();
-  const normalizedValues = useFormValues(formWithOverrides, paramValues, onChange, config);
+  const normalizedValues = useFormValues(formWithOverrides, paramValues, onChange, config, enableAutofill);
   const valuesRef = React42.useRef(normalizedValues);
   valuesRef.current = normalizedValues;
   const errorsRef = React42.useRef(errors);