@wix/form-public 0.13.0 → 0.15.0

package/dist/index.js

@@ -1,7 +1,9 @@
 import * as React30 from 'react';
 import React30__default, { createContext, forwardRef, useState, useMemo, useRef, useEffect, useCallback, useImperativeHandle, useContext } from 'react';
 import ReactDOM from 'react-dom';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import camelCase from 'lodash.camelcase';
+import mapKeys from 'lodash.mapkeys';
+import { jsx } from 'react/jsx-runtime';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -4449,7 +4451,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element2 = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment2 = REACT_FRAGMENT_TYPE;
+        var Fragment = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -4508,7 +4510,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element2;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment2;
+        exports.Fragment = Fragment;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -29951,6 +29953,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(
+      obj,
+      (_23, key) => camelCase(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,
@@ -29963,27 +29983,40 @@ var mapFieldTypes = (fields, typeMap) => ({
     Object.entries(typeMap).filter(([, targetType]) => fields[targetType]).map(([newName, targetType]) => [newName, fields[targetType]])
   )
 });
-var Form2 = (props) => {
+var Form2 = ({
+  form: unformattedForm,
+  fields,
+  values,
+  onChange,
+  errors,
+  onValidate
+}) => {
+  const form = convertKeysToCamelCase(unformattedForm);
   const siteConfig = {
     locale: {
       languageCode: "en"
     }
   };
   const i18n2 = initI18n({ locale: siteConfig.locale.languageCode });
-  const mappedFieldProps = mapFieldProps(props.fields, FIELD_PROP_MAP);
+  const mappedFieldProps = mapFieldProps(fields, FIELD_PROP_MAP);
   const mappedFieldTypes = mapFieldTypes(mappedFieldProps, FIELD_TYPE_MAP);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     FormViewerStatic,
     {
-      form: props.form || {},
-      values: props.values,
-      onChange: props.onChange,
-      errors: props.errors,
-      onValidate: props.onValidate,
+      form,
+      values,
+      onChange,
+      errors,
+      onValidate,
       fields: mappedFieldTypes,
-      i18n: i18n2
+      i18n: i18n2,
+      WixRicosViewer: () => null,
+      config: {
+        locale: siteConfig.locale.languageCode,
+        regionalFormat: siteConfig.locale.languageCode
+      }
     }
-  ) });
+  );
 };
 /*! Bundled license information: