@wix/form-public 0.14.0 → 0.16.0

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

@@ -12,6 +12,13 @@ export declare const CheckboxGroupMapper: PropsMapper;
 
 export declare const CheckboxMapper: PropsMapper;
 
+/**
+ * Deeply converts all object keys from snake_case to camelCase
+ * @param obj - The object to convert
+ * @returns The object with all nested keys converted to camelCase
+ */
+export declare function convertKeysToCamelCase<T = unknown>(obj: T): T;
+
 export declare type Currency = {
     sign?: string;
     code?: string;
@@ -39,7 +46,7 @@ export declare const FileUploadMapper: PropsMapper;
 
 export declare const FixedPaymentMapper: PropsMapper;
 
-declare const Form: ({ form, fields, values, onChange, errors, onValidate, }: FormProps) => JSX_2.Element;
+declare const Form: ({ form: unformattedForm, fields, values, onChange, errors, onValidate, }: FormProps) => JSX_2.Element;
 export { Form }
 export { Form as Form_alias_1 }
 

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

@@ -12,6 +12,13 @@ export declare const CheckboxGroupMapper: PropsMapper;
 
 export declare const CheckboxMapper: PropsMapper;
 
+/**
+ * Deeply converts all object keys from snake_case to camelCase
+ * @param obj - The object to convert
+ * @returns The object with all nested keys converted to camelCase
+ */
+export declare function convertKeysToCamelCase<T = unknown>(obj: T): T;
+
 export declare type Currency = {
     sign?: string;
     code?: string;
@@ -39,7 +46,7 @@ export declare const FileUploadMapper: PropsMapper;
 
 export declare const FixedPaymentMapper: PropsMapper;
 
-declare const Form: ({ form, fields, values, onChange, errors, onValidate, }: FormProps) => JSX_2.Element;
+declare const Form: ({ form: unformattedForm, fields, values, onChange, errors, onValidate, }: FormProps) => JSX_2.Element;
 export { Form }
 export { Form as Form_alias_1 }
 

package/dist/index.cjs

@@ -2,6 +2,8 @@
 
 var React30 = require('react');
 var ReactDOM = require('react-dom');
+var camelCase = require('lodash.camelcase');
+var mapKeys = require('lodash.mapkeys');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -26,6 +28,8 @@ function _interopNamespace(e) {
 
 var React30__namespace = /*#__PURE__*/_interopNamespace(React30);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+var camelCase__default = /*#__PURE__*/_interopDefault(camelCase);
+var mapKeys__default = /*#__PURE__*/_interopDefault(mapKeys);
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -20483,7 +20487,8 @@ var COMMON_FIELD_TYPES = {
 };
 var SHEDULING_FIELD_TYPES = {
   APPOINTMENT: "APPOINTMENT",
-  SERVICES_DROPDOWN: "SERVICES_DROPDOWN"
+  SERVICES_DROPDOWN: "SERVICES_DROPDOWN",
+  SERVICES_MULTI_CHOICE: "SERVICES_MULTI_CHOICE"
 };
 var PAYMENTS_FIELD_TYPES = {
   PRODUCT_LIST: "PRODUCT_LIST",
@@ -28292,7 +28297,8 @@ var ADDITIONAL_FIELD_VALIDATION = {
   [FIELD_TYPES.BOOKINGS_ADDRESS]: null,
   [FIELD_TYPES.APPOINTMENT]: null,
   [FIELD_TYPES.IDENTITY_PASSWORD]: null,
-  [FIELD_TYPES.SERVICES_DROPDOWN]: null
+  [FIELD_TYPES.SERVICES_DROPDOWN]: null,
+  [FIELD_TYPES.SERVICES_MULTI_CHOICE]: null
 };
 
 // ../form-viewer/dist/esm/services/get-field-errors.js
@@ -28679,7 +28685,8 @@ var NORMALIZED_VALUE = {
   [FIELD_TYPES.BOOKINGS_ADDRESS]: normalizeMultilineAddress,
   [FIELD_TYPES.APPOINTMENT]: acceptObjectValue,
   [FIELD_TYPES.IDENTITY_PASSWORD]: acceptStringValue,
-  [FIELD_TYPES.SERVICES_DROPDOWN]: acceptStringValue
+  [FIELD_TYPES.SERVICES_DROPDOWN]: acceptStringValue,
+  [FIELD_TYPES.SERVICES_MULTI_CHOICE]: removeInvalidOptions
 };
 function keepValueUnchanged({ fieldValue }) {
   return fieldValue;
@@ -29975,6 +29982,24 @@ var FIELD_TYPE_MAP = {
   RICH_TEXT: "TEXT",
   SUBMIT_BUTTON: "SUBMIT_BUTTON"
 };
+function convertKeysToCamelCase(obj) {
+  if (Array.isArray(obj)) {
+    return obj.map(convertKeysToCamelCase);
+  }
+  if (obj !== null && typeof obj === "object") {
+    const converted = mapKeys__default.default(
+      obj,
+      (_23, key) => camelCase__default.default(key)
+    );
+    return Object.fromEntries(
+      Object.entries(converted).map(([key, value]) => [
+        key,
+        convertKeysToCamelCase(value)
+      ])
+    );
+  }
+  return obj;
+}
 var mapFieldProps = (fields, mappers) => Object.fromEntries(
   Object.entries(fields).map(([fieldType, Component]) => [
     fieldType,
@@ -29988,13 +30013,14 @@ var mapFieldTypes = (fields, typeMap) => ({
   )
 });
 var Form2 = ({
-  form,
+  form: unformattedForm,
   fields,
   values,
   onChange,
   errors,
   onValidate
 }) => {
+  const form = convertKeysToCamelCase(unformattedForm);
   const siteConfig = {
     locale: {
       languageCode: "en"