@wix/form-public 0.36.0 → 0.38.0

package/dist/_tsup-dts-rollup.d.cts

@@ -1293,7 +1293,7 @@ export { PhoneInputProps as PhoneInputProps_alias_1 }
 
 export declare type PossibleValues = ValueType | {
     [target: string]: ValueType;
-};
+} | FormValues[];
 
 export declare const ProductListMapper: PropsMapper;
 

package/dist/_tsup-dts-rollup.d.ts

@@ -1293,7 +1293,7 @@ export { PhoneInputProps as PhoneInputProps_alias_1 }
 
 export declare type PossibleValues = ValueType | {
     [target: string]: ValueType;
-};
+} | FormValues[];
 
 export declare const ProductListMapper: PropsMapper;
 

package/dist/index.cjs

@@ -20463,7 +20463,8 @@ var IDENTITY_FIELD_TYPES = {
   IDENTITY_PASSWORD: "IDENTITY_PASSWORD"
 };
 var EVENTS_FIELD_TYPES = {
-  EVENTS_RSVP: "EVENTS_RSVP"
+  EVENTS_RSVP: "EVENTS_RSVP",
+  EVENTS_REPEATER: "EVENTS_REPEATER"
 };
 var INPUT_FIELD_TYPES = {
   ...CONTACTS_FIELD_TYPES,
@@ -24409,10 +24410,6 @@ function useExternalData() {
   }
   return context;
 }
-var FieldActionsContext = /* @__PURE__ */ React32.createContext({});
-function useFieldActions() {
-  return React32.useContext(FieldActionsContext);
-}
 var FormFieldsContext = /* @__PURE__ */ React32.createContext(void 0);
 function useFormFields() {
   const context = React32.useContext(FormFieldsContext);
@@ -24610,6 +24607,10 @@ var NestedFormField = (_ref) => {
 
 // ../form-fields/dist/esm/ui/form/components/form/submit-button-field.js
 var import_extends4 = __toESM(require_extends());
+var FieldActionsContext = /* @__PURE__ */ React32.createContext({});
+function useFieldActions() {
+  return React32.useContext(FieldActionsContext);
+}
 
 // ../form-fields/dist/esm/fields/submit-button/submit-button/utils.js
 var getCurrentStep = (form, fieldId) => {
@@ -24778,11 +24779,17 @@ var createFormFields = (_ref) => {
     onFieldChange,
     FieldLayout,
     formSchema,
-    validateFields: validateFields2
+    validateFields: validateFields2,
+    fields,
+    fieldActions
   } = _ref;
   return form.fields.map((formField) => {
     const component = /* @__PURE__ */ React32__namespace.default.createElement(FormContext.Provider, {
       value: formSchema
+    }, /* @__PURE__ */ React32__namespace.default.createElement(FormFieldsContext.Provider, {
+      value: fields
+    }, /* @__PURE__ */ React32__namespace.default.createElement(FieldActionsContext.Provider, {
+      value: fieldActions
     }, /* @__PURE__ */ React32__namespace.default.createElement(FieldValidationContext.Provider, {
       value: {
         validateFields: validateFields2
@@ -24794,7 +24801,7 @@ var createFormFields = (_ref) => {
       errors,
       onFieldChange,
       FieldLayout
-    })));
+    })))));
     return {
       id: formField.id,
       fieldType: formField.fieldType,
@@ -24975,7 +24982,9 @@ var FormRoot = (_ref) => {
     onFieldChange,
     errors,
     formSchema,
-    validateFields: validateFields2
+    validateFields: validateFields2,
+    fields,
+    fieldActions
   } = _ref;
   const {
     isRTL
@@ -24987,7 +24996,9 @@ var FormRoot = (_ref) => {
     errors,
     FieldLayout: DefaultFieldLayout,
     formSchema,
-    validateFields: validateFields2
+    validateFields: validateFields2,
+    fields,
+    fieldActions
   });
   return /* @__PURE__ */ React32__namespace.default.createElement(Grid, {
     isRTL,
@@ -28473,7 +28484,8 @@ var ADDITIONAL_FIELD_VALIDATION = {
   [FIELD_TYPES.IDENTITY_PASSWORD]: null,
   [FIELD_TYPES.SERVICES_DROPDOWN]: null,
   [FIELD_TYPES.SERVICES_MULTI_CHOICE]: null,
-  [FIELD_TYPES.EVENTS_RSVP]: null
+  [FIELD_TYPES.EVENTS_RSVP]: null,
+  [FIELD_TYPES.EVENTS_REPEATER]: null
 };
 
 // ../form-viewer/dist/esm/services/get-field-errors.js
@@ -28862,7 +28874,8 @@ var NORMALIZED_VALUE = {
   [FIELD_TYPES.IDENTITY_PASSWORD]: acceptStringValue,
   [FIELD_TYPES.SERVICES_DROPDOWN]: acceptStringValue,
   [FIELD_TYPES.SERVICES_MULTI_CHOICE]: removeInvalidOptions,
-  [FIELD_TYPES.EVENTS_RSVP]: acceptOnlyValidOptionByValue
+  [FIELD_TYPES.EVENTS_RSVP]: acceptOnlyValidOptionByValue,
+  [FIELD_TYPES.EVENTS_REPEATER]: normalizeRepeater
 };
 function keepValueUnchanged({ fieldValue }) {
   return fieldValue;
@@ -29036,6 +29049,27 @@ function acceptOnlyValidPayments({ field, fieldValue }) {
   }
   return fieldValue;
 }
+function normalizeRepeater({ field, fieldValue, config }) {
+  const isEmptyValue = fieldValue === EMPTY_VALUE;
+  const nestedFields = field.view?.fields;
+  if (isEmptyValue) {
+    return fieldValue;
+  }
+  if (!Array.isArray(fieldValue) || !nestedFields) {
+    return EMPTY_VALUE;
+  }
+  const nestedForm = {
+    fields: nestedFields
+  };
+  const normalizedValues = fieldValue.map((values) => {
+    if (!isObject5(values)) {
+      return {};
+    }
+    const normalized = normalizeValues(nestedForm, values, false, config);
+    return Object.fromEntries(Object.entries(normalized).filter(([_23, value]) => value !== EMPTY_VALUE));
+  });
+  return normalizedValues;
+}
 
 // ../form-viewer/dist/esm/components/form/use-form-values.js
 var useFormValues = (form, values, onChange, config) => {
@@ -29493,7 +29527,8 @@ var FormRoot2 = ({
   config,
   breakpoint,
   onStatusChange,
-  validationMode
+  validationMode,
+  fields
 }) => {
   const formWithOverrides = React32.useMemo(() => applyAllOverrides(unprocessedForm, unprocessedValues, overrides), [unprocessedForm, unprocessedValues, overrides]);
   const formId = formWithOverrides.id;
@@ -29614,18 +29649,14 @@ var FormRoot2 = ({
     return null;
   }
   return React32__namespace.default.createElement(
-    FieldActionsContext.Provider,
-    { value: fieldActions },
+    FormStatusProvider,
+    { onStatusChange },
     React32__namespace.default.createElement(
-      FormStatusProvider,
-      { onStatusChange },
-      React32__namespace.default.createElement(
-        "div",
-        { "data-hook": DATA_HOOKS.FORM_ROOT },
-        React32__namespace.default.createElement(Form, { formSchema: formWithOverrides, form: currentView, values: normalizedValues, onFieldChange, errors, dataHook: DATA_HOOKS.FORM_ROOT, validateFields: handleFieldValidation }),
-        React32__namespace.default.createElement(StepTitleA11y, { total: formWithOverrides.steps?.length, index: currentStep }),
-        React32__namespace.default.createElement(SubmitStatusMessage, null)
-      )
+      "div",
+      { "data-hook": DATA_HOOKS.FORM_ROOT },
+      React32__namespace.default.createElement(Form, { formSchema: formWithOverrides, form: currentView, values: normalizedValues, onFieldChange, errors, dataHook: DATA_HOOKS.FORM_ROOT, validateFields: handleFieldValidation, fields, fieldActions }),
+      React32__namespace.default.createElement(StepTitleA11y, { total: formWithOverrides.steps?.length, index: currentStep }),
+      React32__namespace.default.createElement(SubmitStatusMessage, null)
     )
   );
 };
@@ -29666,7 +29697,7 @@ var useFormBi = (form, bi, biFormFillSessionId) => {
 };
 
 // ../form-viewer/dist/esm/components/root/form-viewer-provider.js
-var FormViewerProvider = ({ i18n: i18n2, bi, biFormFillSessionId, form, isMobile, isEditor, isComposer, isRTL, compId, locale, regionalFormat, externalData, fields, forcedState, instance, children, httpClient, panorama, experiments, translationNamespace, currency, userData, WixRicosViewer, addressTemplates, atlasBaseUrl, fieldInitialData, enableAnimations }) => {
+var FormViewerProvider = ({ i18n: i18n2, bi, biFormFillSessionId, form, isMobile, isEditor, isComposer, isRTL, compId, locale, regionalFormat, externalData, forcedState, instance, children, httpClient, panorama, experiments, translationNamespace, currency, userData, WixRicosViewer, addressTemplates, atlasBaseUrl, fieldInitialData, enableAnimations }) => {
   const translations = React32.useMemo(() => ({
     t: i18n2.getFixedT(locale, translationNamespace),
     i18n: i18n2
@@ -29701,58 +29732,54 @@ var FormViewerProvider = ({ i18n: i18n2, bi, biFormFillSessionId, form, isMobile
   ]);
   const forcedViewState = React32.useMemo(() => forcedState ?? [], [forcedState]);
   return React32__namespace.default.createElement(
-    FormFieldsContext.Provider,
-    { value: fields },
+    HttpClientContext.Provider,
+    { value: { httpClient } },
     React32__namespace.default.createElement(
-      HttpClientContext.Provider,
-      { value: { httpClient } },
+      PanoramaContext.Provider,
+      { value: { panorama } },
       React32__namespace.default.createElement(
-        PanoramaContext.Provider,
-        { value: { panorama } },
+        TranslationContext.Provider,
+        { value: translations },
         React32__namespace.default.createElement(
-          TranslationContext.Provider,
-          { value: translations },
+          ScrollProvider,
+          null,
           React32__namespace.default.createElement(
-            ScrollProvider,
+            FocusedFieldProvider,
             null,
             React32__namespace.default.createElement(
-              FocusedFieldProvider,
-              null,
+              FieldInitialDataContext.Provider,
+              { value: fieldInitialData },
               React32__namespace.default.createElement(
-                FieldInitialDataContext.Provider,
-                { value: fieldInitialData },
+                BiContext.Provider,
+                { value: formBi },
                 React32__namespace.default.createElement(
-                  BiContext.Provider,
-                  { value: formBi },
+                  ExternalDataProvider,
+                  { externalData },
                   React32__namespace.default.createElement(
-                    ExternalDataProvider,
-                    { externalData },
+                    ConfigContext.Provider,
+                    { value: config },
                     React32__namespace.default.createElement(
-                      ConfigContext.Provider,
-                      { value: config },
+                      ForcedStateContext.Provider,
+                      { value: forcedViewState },
                       React32__namespace.default.createElement(
-                        ForcedStateContext.Provider,
-                        { value: forcedViewState },
+                        FormContext.Provider,
+                        { value: form },
                         React32__namespace.default.createElement(
-                          FormContext.Provider,
-                          { value: form },
+                          AddressFormsContext.Provider,
+                          { value: {
+                            getCountryAddressForm: (country) => getAddressForm(addressTemplates, country),
+                            addressTemplates
+                          } },
                           React32__namespace.default.createElement(
-                            AddressFormsContext.Provider,
-                            { value: {
-                              getCountryAddressForm: (country) => getAddressForm(addressTemplates, country),
-                              addressTemplates
-                            } },
+                            ExperimentsContext.Provider,
+                            { value: experiments },
                             React32__namespace.default.createElement(
-                              ExperimentsContext.Provider,
-                              { value: experiments },
+                              EventsProvider,
+                              null,
                               React32__namespace.default.createElement(
-                                EventsProvider,
-                                null,
-                                React32__namespace.default.createElement(
-                                  WixRicosViewerContext.Provider,
-                                  { value: WixRicosViewer },
-                                  React32__namespace.default.createElement(SubmitStatusProvider, null, children)
-                                )
+                                WixRicosViewerContext.Provider,
+                                { value: WixRicosViewer },
+                                React32__namespace.default.createElement(SubmitStatusProvider, null, children)
                               )
                             )
                           )
@@ -29824,7 +29851,7 @@ var FormViewerStatic = React32.forwardRef(({ form, i18n: i18n2, isMobile, isRTL,
         React32__namespace.default.createElement(
           "fieldset",
           { className: form_viewer_static_module_default.fieldsetReset, disabled: readOnly || isDisabled },
-          React32__namespace.default.createElement(FormRoot2, { form: formWithValidSteps, forwardedRef, config, breakpoint, ...rest })
+          React32__namespace.default.createElement(FormRoot2, { form: formWithValidSteps, fields, forwardedRef, config, breakpoint, ...rest })
         )
       )
     )
@@ -30119,6 +30146,7 @@ var FIELD_TYPE_MAP = {
   // EVENTS_FIELD_TYPES
   EVENTS_RSVP: "RADIO_GROUP",
   EVENTS_HEADER: "TEXT",
+  EVENTS_REPEATER: "TEXT",
   // COMMON_FIELD_TYPES + READONLY
   TEXT_INPUT: "TEXT_INPUT",
   NUMBER_INPUT: "NUMBER_INPUT",