@wix/form-public 0.53.0 → 0.55.0

package/dist/index.cjs

@@ -3,9 +3,9 @@
 var React14 = require('react');
 var camelCase = require('lodash.camelcase');
 var mapKeys = require('lodash.mapkeys');
-var jsxRuntime = require('react/jsx-runtime');
 var i18next = require('i18next');
 var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -16675,6 +16675,386 @@ var useError = (_ref2) => {
     errorMessage
   };
 };
+var FieldPropsContext = /* @__PURE__ */ React14.createContext(null);
+function useFieldProps() {
+  const context = React14.useContext(FieldPropsContext);
+  if (context === null) {
+    throw new Error("useFieldProps must be used within a FieldPropsProvider");
+  }
+  return context;
+}
+
+// ../form-fields/dist/esm/mappers/public-props-map.js
+init_esm();
+var allCallingCountryCodes = Object.keys(CALLING_COUNTRY_CODES);
+var MinMaxLengthMapper = (validation) => {
+  var _validation$string, _validation$string2;
+  return {
+    maxLength: validation == null || (_validation$string = validation.string) == null ? void 0 : _validation$string.maxLength,
+    minLength: validation == null || (_validation$string2 = validation.string) == null ? void 0 : _validation$string2.minLength
+  };
+};
+var MinMaxItemsMapper = (validation) => {
+  var _validation$array, _validation$array2;
+  return {
+    minItems: validation == null || (_validation$array = validation.array) == null ? void 0 : _validation$array.minItems,
+    maxItems: validation == null || (_validation$array2 = validation.array) == null ? void 0 : _validation$array2.maxItems
+  };
+};
+var MinMaxValuesMapper = (validation) => {
+  var _validation$predefine, _validation$predefine2;
+  return {
+    minValue: validation == null || (_validation$predefine = validation.predefined) == null || (_validation$predefine = _validation$predefine.paymentOptions) == null || (_validation$predefine = _validation$predefine.products) == null || (_validation$predefine = _validation$predefine[0]) == null ? void 0 : _validation$predefine.dynamicPriceOptions.minPrice,
+    maxValue: validation == null || (_validation$predefine2 = validation.predefined) == null || (_validation$predefine2 = _validation$predefine2.paymentOptions) == null || (_validation$predefine2 = _validation$predefine2.products) == null || (_validation$predefine2 = _validation$predefine2[0]) == null ? void 0 : _validation$predefine2.dynamicPriceOptions.maxPrice
+  };
+};
+var AcceptedDatesMapper = (validation) => {
+  var _validation$string3, _validation$string4;
+  return {
+    acceptedDates: (validation == null || (_validation$string3 = validation.string) == null || (_validation$string3 = _validation$string3.dateOptions) == null ? void 0 : _validation$string3.minimum) === "$now" ? "future" : (validation == null || (_validation$string4 = validation.string) == null || (_validation$string4 = _validation$string4.dateOptions) == null ? void 0 : _validation$string4.maximum) === "$now" ? "past" : "all"
+  };
+};
+var CustomOptionMapper = (props) => {
+  const {
+    addOther,
+    addOtherLabel,
+    addOtherPlaceholder
+  } = props;
+  return {
+    customOption: addOther ? {
+      label: addOtherLabel,
+      placeholder: addOtherPlaceholder
+    } : void 0
+  };
+};
+var ErrorMapper = (error) => {
+  if (!error) {
+    return void 0;
+  }
+  return error.errorMessage || "Validation error";
+};
+var BaseMapper = (props) => {
+  const {
+    hideLabel,
+    error,
+    showLabel,
+    ...rest
+  } = props;
+  return {
+    ...rest,
+    showLabel: hideLabel === void 0 ? true : !hideLabel,
+    error: ErrorMapper(error)
+  };
+};
+var TextFieldMapper = (props) => ({
+  ...props,
+  ...MinMaxLengthMapper(props == null ? void 0 : props.validation),
+  ...BaseMapper(props)
+});
+var TextAreaMapper = (props) => ({
+  ...props,
+  ...MinMaxLengthMapper(props == null ? void 0 : props.validation),
+  ...BaseMapper(props)
+});
+var PhoneInputMapper = (props) => {
+  var _validation$string5;
+  const {
+    defaultCountry,
+    defaultCountryCode,
+    validation
+  } = props;
+  const allowedCountryCodes = validation == null || (_validation$string5 = validation.string) == null || (_validation$string5 = _validation$string5.phoneOptions) == null ? void 0 : _validation$string5.allowedCountryCodes;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    defaultCountryCode: defaultCountry ?? defaultCountryCode,
+    countryCodes: allowedCountryCodes && allowedCountryCodes.length > 0 ? allowedCountryCodes : allCallingCountryCodes
+  };
+};
+var MultilineAddressMapper = (props) => {
+  var _view$fieldSettings, _validation$predefine3;
+  const {
+    view,
+    validation
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    showAddressLine2: view == null || (_view$fieldSettings = view.fieldSettings) == null || (_view$fieldSettings = _view$fieldSettings.addressLine2) == null ? void 0 : _view$fieldSettings.show,
+    addressLine2Required: validation == null || (_validation$predefine3 = validation.predefined) == null || (_validation$predefine3 = _validation$predefine3.multilineAddressOptions) == null || (_validation$predefine3 = _validation$predefine3.fields) == null || (_validation$predefine3 = _validation$predefine3.addressLine2) == null ? void 0 : _validation$predefine3.required
+  };
+};
+var DateInputMapper = (props) => {
+  const {
+    hidePlaceholder,
+    validation
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    ...AcceptedDatesMapper(validation),
+    showPlaceholder: hidePlaceholder === void 0 ? true : !hidePlaceholder
+  };
+};
+var DatePickerMapper = (props) => {
+  const {
+    validation
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    ...AcceptedDatesMapper(validation)
+  };
+};
+var DateTimeInputMapper = (props) => {
+  const {
+    hidePlaceholder,
+    validation
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    ...AcceptedDatesMapper(validation),
+    showPlaceholder: hidePlaceholder === void 0 ? true : !hidePlaceholder
+  };
+};
+var FileUploadMapper = (props) => {
+  const {
+    valueSliderLimit,
+    uploadFileFormats
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    maxFiles: valueSliderLimit,
+    allowedFileFormats: uploadFileFormats
+  };
+};
+var NumberInputMapper = (props) => BaseMapper(props);
+var CheckboxMapper = (props) => {
+  const {
+    error,
+    ...rest
+  } = props;
+  return {
+    ...rest,
+    error: ErrorMapper(error)
+  };
+};
+var SignatureMapper = (props) => {
+  const {
+    uploadEnabled
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    imageUploadEnabled: uploadEnabled
+  };
+};
+var RatingInputMapper = (props) => BaseMapper(props);
+var RadioGroupMapper = (props) => {
+  return {
+    ...props,
+    ...BaseMapper(props),
+    ...CustomOptionMapper(props)
+  };
+};
+var CheckboxGroupMapper = (props) => {
+  const {
+    validation
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    ...CustomOptionMapper(props),
+    ...MinMaxItemsMapper(validation)
+  };
+};
+var DropdownMapper = (props) => BaseMapper(props);
+var TagsMapper = (props) => {
+  const {
+    validation
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    ...CustomOptionMapper(props),
+    ...MinMaxItemsMapper(validation)
+  };
+};
+var TimeInputMapper = (props) => {
+  const {
+    hidePlaceholder
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    showPlaceholder: hidePlaceholder === void 0 ? true : !hidePlaceholder
+  };
+};
+var TextMapper = (props) => props;
+var SubmitButtonMapper = (props) => {
+  return {
+    ...props
+  };
+};
+var ProductListMapper = (props) => {
+  return {
+    ...props,
+    ...BaseMapper(props),
+    ...MinMaxItemsMapper(props == null ? void 0 : props.validation)
+  };
+};
+var FixedPaymentMapper = (props) => {
+  var _validation$predefine4, _paymentValidation$fi;
+  const {
+    validation,
+    hideLabel,
+    showLabel,
+    ...rest
+  } = props;
+  const paymentValidation = validation == null || (_validation$predefine4 = validation.predefined) == null || (_validation$predefine4 = _validation$predefine4.paymentOptions) == null || (_validation$predefine4 = _validation$predefine4.products) == null ? void 0 : _validation$predefine4[0];
+  const fixedPaymentValue = paymentValidation == null || (_paymentValidation$fi = paymentValidation.fixedPriceOptions) == null ? void 0 : _paymentValidation$fi.price;
+  return {
+    ...rest,
+    validation,
+    showLabel: hideLabel === void 0 ? true : !hideLabel,
+    amount: fixedPaymentValue
+  };
+};
+var PaymentInputMapper = (props) => {
+  const {
+    validation
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    ...MinMaxValuesMapper(validation)
+  };
+};
+var DonationMapper = (props) => {
+  return {
+    ...props,
+    ...BaseMapper(props),
+    ...CustomOptionMapper(props)
+  };
+};
+var AppointmentMapper = (props) => BaseMapper(props);
+var ImageChoiceMapper = (props) => {
+  const {
+    isMultipleAnswers,
+    choiceImageResize
+  } = props;
+  return {
+    ...props,
+    ...BaseMapper(props),
+    multiple: isMultipleAnswers,
+    imageAspectRatio: choiceImageResize
+  };
+};
+var DefaultMapper = (props) => {
+  const {
+    error,
+    ...rest
+  } = props;
+  return {
+    ...rest,
+    error: ErrorMapper(error)
+  };
+};
+var FIELD_PROPS_MAPPERS = {
+  TEXT_INPUT: TextFieldMapper,
+  TEXT_AREA: TextAreaMapper,
+  NUMBER_INPUT: NumberInputMapper,
+  URL_INPUT: TextFieldMapper,
+  DATE_INPUT: DateInputMapper,
+  DATE_PICKER: DatePickerMapper,
+  DATE_TIME_INPUT: DateTimeInputMapper,
+  TIME_INPUT: TimeInputMapper,
+  CONTACTS_COMPANY: TextFieldMapper,
+  CONTACTS_POSITION: TextFieldMapper,
+  CONTACTS_TAX_ID: TextFieldMapper,
+  CONTACTS_FIRST_NAME: TextFieldMapper,
+  CONTACTS_LAST_NAME: TextFieldMapper,
+  CONTACTS_EMAIL: TextFieldMapper,
+  CONTACTS_BIRTHDATE: DateInputMapper,
+  CONTACTS_PHONE: PhoneInputMapper,
+  CONTACTS_ADDRESS: TextFieldMapper,
+  CONTACTS_SUBSCRIBE: CheckboxMapper,
+  RADIO_GROUP: RadioGroupMapper,
+  CHECKBOX: CheckboxMapper,
+  CHECKBOX_GROUP: CheckboxGroupMapper,
+  DROPDOWN: DropdownMapper,
+  TAGS: TagsMapper,
+  QUIZ_IMAGE_CHOICE: ImageChoiceMapper,
+  QUIZ_MULTI_CHOICE: CheckboxGroupMapper,
+  QUIZ_SINGLE_CHOICE: RadioGroupMapper,
+  QUIZ_SHORT_TEXT: TextFieldMapper,
+  QUIZ_LONG_TEXT: TextAreaMapper,
+  QUIZ_NUMBER: NumberInputMapper,
+  QUIZ_FILE_UPLOAD: FileUploadMapper,
+  DEXT_TEXT_INPUT: TextFieldMapper,
+  DEXT_TEXT_AREA: TextAreaMapper,
+  DEXT_DROPDOWN: DropdownMapper,
+  DEXT_URL_INPUT: TextFieldMapper,
+  DEXT_RADIO_GROUP: RadioGroupMapper,
+  DEXT_NUMBER_INPUT: NumberInputMapper,
+  DEXT_CHECKBOX: CheckboxMapper,
+  DEXT_CHECKBOX_GROUP: CheckboxGroupMapper,
+  DEXT_EMAIL: TextFieldMapper,
+  DEXT_PHONE: PhoneInputMapper,
+  DEXT_RATING_INPUT: RatingInputMapper,
+  DEXT_DATE_PICKER: DatePickerMapper,
+  DEXT_TAGS: TagsMapper,
+  MULTILINE_ADDRESS: MultilineAddressMapper,
+  MLA_COUNTRY: DropdownMapper,
+  MLA_CITY: TextFieldMapper,
+  MLA_ADDRESS_LINE: TextFieldMapper,
+  MLA_ADDRESS_LINE_2: TextFieldMapper,
+  MLA_POSTAL_CODE: TextFieldMapper,
+  MLA_SUBDIVISION: DropdownMapper,
+  MLA_STREET_NAME: TextFieldMapper,
+  MLA_STREET_NUMBER: TextFieldMapper,
+  MLA_APARTMENT: TextFieldMapper,
+  FULL_NAME: TextFieldMapper,
+  FULL_NAME_FIRST_NAME: TextFieldMapper,
+  FULL_NAME_LAST_NAME: TextFieldMapper,
+  ECOM_ADDITIONAL_INFO: TextAreaMapper,
+  ECOM_ADDRESS: TextFieldMapper,
+  ECOM_FULL_NAME: TextFieldMapper,
+  ECOM_PHONE: PhoneInputMapper,
+  ECOM_COMPANY_NAME: TextFieldMapper,
+  ECOM_EMAIL: TextFieldMapper,
+  ECOM_SUBSCRIPTION: CheckboxMapper,
+  ECOM_CONTACT_DETAILS: TextMapper,
+  ECOM_SHIPPING_DETAILS: TextMapper,
+  BOOKINGS_FIRST_NAME: TextFieldMapper,
+  BOOKINGS_LAST_NAME: TextFieldMapper,
+  BOOKINGS_EMAIL: TextFieldMapper,
+  BOOKINGS_PHONE: PhoneInputMapper,
+  BOOKINGS_ADDRESS: TextFieldMapper,
+  BOOKINGS_HEADER: TextMapper,
+  BOOKINGS_RICH_TEXT: TextMapper,
+  BOOKINGS_LOGIN_BAR: DefaultMapper,
+  APPOINTMENT: AppointmentMapper,
+  SERVICES_DROPDOWN: DropdownMapper,
+  SERVICES_MULTI_CHOICE: CheckboxGroupMapper,
+  PRODUCT_LIST: ProductListMapper,
+  FIXED_PAYMENT: FixedPaymentMapper,
+  PAYMENT_INPUT: PaymentInputMapper,
+  DONATION: DonationMapper,
+  EVENTS_RSVP: RadioGroupMapper,
+  EVENTS_REPEATER: TextMapper,
+  FILE_UPLOAD: FileUploadMapper,
+  SIGNATURE: SignatureMapper,
+  RATING_INPUT: RatingInputMapper,
+  VAT_ID: TextFieldMapper,
+  NESTED_FORM: DefaultMapper,
+  HEADER: TextMapper,
+  RICH_TEXT: TextMapper,
+  SUBMIT_BUTTON: SubmitButtonMapper,
+  IDENTITY_PASSWORD: DefaultMapper
+};
 
 // ../form-fields/dist/esm/ui/form/components/form/input-field.js
 var InputField = (_ref) => {
@@ -16701,6 +17081,7 @@ var InputField = (_ref) => {
     requiredIndicator,
     requiredIndicatorPlacement
   } = form.requiredIndicatorProperties || {};
+  const propsMapper = FIELD_PROPS_MAPPERS[field.fieldType];
   const _onBlur = () => {
     bi == null || bi.report(formFieldFocus({
       action_type: "blur",
@@ -16747,7 +17128,28 @@ var InputField = (_ref) => {
   if (!FieldComponent) {
     return null;
   }
-  return /* @__PURE__ */ React14__default.default.createElement(FieldComponent, (0, import_extends.default)({}, field.properties, {
+  return /* @__PURE__ */ React14__default.default.createElement(FieldPropsContext.Provider, {
+    value: {
+      ...propsMapper({
+        ...field.properties,
+        id: field.id,
+        target: field.target,
+        path: field.path,
+        error: fieldError,
+        errors: fieldErrors,
+        value: fieldValue,
+        externalData,
+        fieldType: field.fieldType,
+        requiredIndicatorType: requiredIndicator,
+        requiredIndicatorPlacement
+      }),
+      onChange: handleChange,
+      onBlur: _onBlur,
+      onFocus: _onFocus,
+      hasError,
+      errorMessage
+    }
+  }, /* @__PURE__ */ React14__default.default.createElement(FieldComponent, (0, import_extends.default)({}, field.properties, {
     onChange: handleChange,
     onBlur: _onBlur,
     onFocus: _onFocus,
@@ -16764,7 +17166,7 @@ var InputField = (_ref) => {
     FieldLayout,
     requiredIndicatorType: requiredIndicator,
     requiredIndicatorPlacement
-  }));
+  })));
 };
 
 // ../form-fields/dist/esm/ui/form/components/form/read-only-field.js
@@ -16781,18 +17183,30 @@ var ReadOnlyField = (_ref) => {
     requiredIndicator,
     requiredIndicatorPlacement
   } = form.requiredIndicatorProperties || {};
+  const propsMapper = FIELD_PROPS_MAPPERS[field.fieldType];
   const FieldComponent = componentsById[field.fieldType];
   if (!FieldComponent) {
     return null;
   }
-  return /* @__PURE__ */ React14__default.default.createElement(FieldComponent, (0, import_extends2.default)({}, field.properties, {
+  return /* @__PURE__ */ React14__default.default.createElement(FieldPropsContext.Provider, {
+    value: {
+      ...propsMapper({
+        ...field.properties,
+        id: field.id,
+        externalData,
+        fieldType: field.fieldType,
+        requiredIndicatorType: requiredIndicator,
+        requiredIndicatorPlacement
+      })
+    }
+  }, /* @__PURE__ */ React14__default.default.createElement(FieldComponent, (0, import_extends2.default)({}, field.properties, {
     id: field.id,
     externalData,
     fieldType: field.fieldType,
     FieldLayout,
     requiredIndicatorType: requiredIndicator,
     requiredIndicatorPlacement
-  }));
+  })));
 };
 
 // ../form-fields/dist/esm/ui/form/components/form/nested-form-field.js
@@ -16817,6 +17231,7 @@ var NestedFormField = (_ref) => {
     requiredIndicator,
     requiredIndicatorPlacement
   } = form.requiredIndicatorProperties || {};
+  const propsMapper = FIELD_PROPS_MAPPERS[field.fieldType];
   const handleChange = React14.useCallback((value) => {
     if (!value) {
       value = null;
@@ -16827,7 +17242,24 @@ var NestedFormField = (_ref) => {
   if (!FieldComponent) {
     return null;
   }
-  return /* @__PURE__ */ React14__default.default.createElement(FieldComponent, (0, import_extends3.default)({}, field.properties, {
+  return /* @__PURE__ */ React14__default.default.createElement(FieldPropsContext.Provider, {
+    value: {
+      ...propsMapper({
+        ...field.properties,
+        id: field.id,
+        target: field.target,
+        path: field.path,
+        error: fieldError,
+        errors: fieldErrors,
+        value: fieldValue,
+        externalData,
+        fieldType: field.fieldType,
+        requiredIndicatorType: requiredIndicator,
+        requiredIndicatorPlacement
+      }),
+      onChange: handleChange
+    }
+  }, /* @__PURE__ */ React14__default.default.createElement(FieldComponent, (0, import_extends3.default)({}, field.properties, {
     onChange: handleChange,
     error: fieldError,
     errors: fieldErrors,
@@ -16840,7 +17272,7 @@ var NestedFormField = (_ref) => {
     FieldLayout,
     requiredIndicatorType: requiredIndicator,
     requiredIndicatorPlacement
-  }));
+  })));
 };
 
 // ../form-fields/dist/esm/ui/form/components/form/submit-button-field.js
@@ -16947,11 +17379,33 @@ var SubmitButtonField = (_ref) => {
   const submitButtonText = submitText || text || "";
   const previousButtonText = previousText || "";
   const nextButtonText = nextText || "";
+  const propsMapper = FIELD_PROPS_MAPPERS[field.fieldType];
   const FieldComponent = componentsById[field.fieldType];
   if (!FieldComponent) {
     return null;
   }
-  return /* @__PURE__ */ React14__default.default.createElement(FieldComponent, (0, import_extends4.default)({}, field.properties, {
+  return /* @__PURE__ */ React14__default.default.createElement(FieldPropsContext.Provider, {
+    value: {
+      ...propsMapper({
+        ...field.properties,
+        id: field.id,
+        externalData,
+        fieldType: field.fieldType,
+        hasSteps,
+        isDisabled,
+        isInProgress,
+        showPreviousButton,
+        showNextButton,
+        showSubmitButton,
+        submitText: submitButtonText,
+        previousText: previousButtonText,
+        nextText: nextButtonText,
+        onSubmitClick: handleSubmitClick,
+        onPreviousClick: () => actions == null ? void 0 : actions.setPreviousStep(),
+        onNextClick: () => actions == null ? void 0 : actions.setNextStep()
+      })
+    }
+  }, /* @__PURE__ */ React14__default.default.createElement(FieldComponent, (0, import_extends4.default)({}, field.properties, {
     id: field.id,
     externalData,
     fieldType: field.fieldType,
@@ -16968,7 +17422,7 @@ var SubmitButtonField = (_ref) => {
     onSubmitClick: handleSubmitClick,
     onPreviousClick: () => actions == null ? void 0 : actions.setPreviousStep(),
     onNextClick: () => actions == null ? void 0 : actions.setNextStep()
-  }));
+  })));
 };
 
 // ../form-fields/dist/esm/services/multiline-address.js
@@ -21869,232 +22323,6 @@ function normalizeSchema(obj) {
   return obj;
 }
 
-// src/mappers/props-map.ts
-var MinMaxLengthMapper = (validation) => ({
-  maxLength: validation?.string?.maxLength,
-  minLength: validation?.string?.minLength
-});
-var MinMaxItemsMapper = (validation) => ({
-  minItems: validation?.array?.minItems,
-  maxItems: validation?.array?.maxItems
-});
-var MinMaxValuesMapper = (validation) => ({
-  minValue: validation.predefined.paymentOptions.products[0].dynamicPriceOptions.minPrice,
-  maxValue: validation.predefined.paymentOptions.products[0].dynamicPriceOptions.maxPrice
-});
-var AcceptedDatesMapper = (validation) => ({
-  acceptedDates: validation?.string?.dateOptions?.minimum === "$now" ? "future" : validation?.string?.dateOptions?.maximum === "$now" ? "past" : "all"
-});
-var CustomOptionMapper = (props) => {
-  const { addOther, addOtherLabel, addOtherPlaceholder } = props;
-  return {
-    customOption: addOther ? {
-      label: addOtherLabel,
-      placeholder: addOtherPlaceholder
-    } : void 0
-  };
-};
-var ErrorMapper = (props) => {
-  return {
-    ...props,
-    // TODO
-    error: ""
-  };
-};
-var BaseMapper = (props) => {
-  const { hideLabel } = props;
-  return {
-    ...props,
-    showLabel: hideLabel === void 0 ? true : !hideLabel,
-    ...ErrorMapper(props)
-  };
-};
-var TextFieldMapper = (props) => ({
-  ...props,
-  ...MinMaxLengthMapper(props?.validation),
-  ...BaseMapper(props)
-});
-var TextAreaMapper = (props) => ({
-  ...props,
-  ...MinMaxLengthMapper(props?.validation),
-  ...BaseMapper(props)
-});
-var PhoneInputMapper = (props) => {
-  const { defaultCountry, defaultCountryCode, validation } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    defaultCountryCode: defaultCountry ?? defaultCountryCode,
-    allowedCountryCodes: validation?.string?.phoneOptions?.allowedCountryCodes
-  };
-};
-var MultilineAddressMapper = (props) => {
-  const { view, validation } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    showAddressLine2: view?.fieldSettings?.addressLine2?.show,
-    addressLine2Required: validation?.predefined?.multilineAddressOptions?.fields?.addressLine2?.required
-  };
-};
-var DateInputMapper = (props) => {
-  const { hidePlaceholder, validation } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    ...AcceptedDatesMapper(validation),
-    showPlaceholder: hidePlaceholder === void 0 ? true : !hidePlaceholder
-  };
-};
-var DatePickerMapper = (props) => {
-  const { validation } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    ...AcceptedDatesMapper(validation)
-  };
-};
-var DateTimeInputMapper = (props) => {
-  const { hidePlaceholder, validation } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    ...AcceptedDatesMapper(validation),
-    showPlaceholder: hidePlaceholder === void 0 ? true : !hidePlaceholder
-  };
-};
-var FileUploadMapper = (props) => {
-  const { valueSliderLimit, uploadFileFormats } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    maxFiles: valueSliderLimit,
-    allowedFileFormats: uploadFileFormats
-  };
-};
-var NumberInputMapper = (props) => BaseMapper(props);
-var CheckboxMapper = (props) => ErrorMapper(props);
-var SignatureMapper = (props) => {
-  const { uploadEnabled } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    imageUploadEnabled: uploadEnabled
-  };
-};
-var RatingInputMapper = (props) => BaseMapper(props);
-var RadioGroupMapper = (props) => {
-  return {
-    ...props,
-    ...BaseMapper(props),
-    ...CustomOptionMapper(props)
-  };
-};
-var CheckboxGroupMapper = (props) => {
-  const { validation } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    ...CustomOptionMapper(props),
-    ...MinMaxItemsMapper(validation)
-  };
-};
-var DropdownMapper = (props) => BaseMapper(props);
-var TagsMapper = (props) => {
-  const { validation } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    ...CustomOptionMapper(props),
-    ...MinMaxItemsMapper(validation)
-  };
-};
-var TimeInputMapper = (props) => {
-  const { hidePlaceholder } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    showPlaceholder: hidePlaceholder === void 0 ? true : !hidePlaceholder
-  };
-};
-var TextMapper = (props) => props;
-var SubmitButtonMapper = (props) => {
-  return {
-    ...props
-  };
-};
-var ProductListMapper = (props) => {
-  return {
-    ...props,
-    ...BaseMapper(props),
-    ...MinMaxItemsMapper(props?.validation)
-  };
-};
-var FixedPaymentMapper = (props) => {
-  const { validation, hideLabel } = props;
-  const paymentValidation = validation?.predefined?.paymentOptions?.products?.[0];
-  const fixedPaymentValue = paymentValidation?.fixedPriceOptions?.price;
-  return {
-    ...props,
-    showLabel: hideLabel === void 0 ? true : !hideLabel,
-    amount: fixedPaymentValue
-  };
-};
-var PaymentInputMapper = (props) => {
-  const { validation } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    ...MinMaxValuesMapper(validation)
-  };
-};
-var DonationMapper = (props) => {
-  return {
-    ...props,
-    ...BaseMapper(props),
-    ...CustomOptionMapper(props)
-  };
-};
-var AppointmentMapper = (props) => BaseMapper(props);
-var ImageChoiceMapper = (props) => {
-  const { isMultipleAnswers, choiceImageResize } = props;
-  return {
-    ...props,
-    ...BaseMapper(props),
-    multiple: isMultipleAnswers,
-    imageAspectRatio: choiceImageResize
-  };
-};
-var FIELD_PROP_MAP = {
-  TEXT_INPUT: TextFieldMapper,
-  TEXT_AREA: TextAreaMapper,
-  PHONE_INPUT: PhoneInputMapper,
-  MULTILINE_ADDRESS: MultilineAddressMapper,
-  DATE_INPUT: DateInputMapper,
-  DATE_PICKER: DatePickerMapper,
-  DATE_TIME_INPUT: DateTimeInputMapper,
-  FILE_UPLOAD: FileUploadMapper,
-  NUMBER_INPUT: NumberInputMapper,
-  CHECKBOX: CheckboxMapper,
-  SIGNATURE: SignatureMapper,
-  RATING_INPUT: RatingInputMapper,
-  RADIO_GROUP: RadioGroupMapper,
-  CHECKBOX_GROUP: CheckboxGroupMapper,
-  DROPDOWN: DropdownMapper,
-  TAGS: TagsMapper,
-  TIME_INPUT: TimeInputMapper,
-  TEXT: TextMapper,
-  SUBMIT_BUTTON: SubmitButtonMapper,
-  PRODUCT_LIST: ProductListMapper,
-  FIXED_PAYMENT: FixedPaymentMapper,
-  PAYMENT_INPUT: PaymentInputMapper,
-  DONATION: DonationMapper,
-  APPOINTMENT: AppointmentMapper,
-  IMAGE_CHOICE: ImageChoiceMapper,
-  // fields that have not been implemented
-  "": () => ({})
-};
-
 // src/mappers/field-type-map.ts
 var FIELD_TYPE_MAP = {
   // CONTACTS_FIELD_TYPES
@@ -22195,21 +22423,12 @@ var FIELD_TYPE_MAP = {
   SUBMIT_BUTTON: "SUBMIT_BUTTON",
   SERVICES_MULTI_CHOICE: "CHECKBOX_GROUP",
   // fields that have not been implemented
-  NESTED_FORM: "",
-  IDENTITY_PASSWORD: "",
-  BOOKINGS_LOGIN_BAR: ""
+  NESTED_FORM: "TEXT_INPUT",
+  IDENTITY_PASSWORD: "TEXT_INPUT",
+  BOOKINGS_LOGIN_BAR: "TEXT_INPUT"
 };
-var mapFieldProps = (fields, mappers) => Object.fromEntries(
-  Object.entries(fields).map(([fieldType, Component]) => [
-    fieldType,
-    mappers[fieldType] ? (props) => /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ...mappers[fieldType](props)
-      }
-    ) : Component
-  ])
-);
+
+// src/utils/mappers.tsx
 var mapFieldTypes = (fields, typeMap) => ({
   ...fields,
   ...Object.fromEntries(
@@ -22235,13 +22454,9 @@ var useForm3 = ({
       console.log("upload file not implemented");
     }
   };
-  const mappedFieldProps = React14.useMemo(
-    () => mapFieldProps(fields, FIELD_PROP_MAP),
-    [fields]
-  );
   const mappedFieldTypes = React14.useMemo(
-    () => mapFieldTypes(mappedFieldProps, FIELD_TYPE_MAP),
-    [mappedFieldProps]
+    () => mapFieldTypes(fields, FIELD_TYPE_MAP),
+    [fields]
   );
   const { currentView, formFields } = useForm2({
     form,
@@ -22339,7 +22554,9 @@ async function createI18n(locale) {
     lng: locale,
     fallbackLng: "en",
     interpolation: {
-      escapeValue: false
+      escapeValue: false,
+      prefix: "{",
+      suffix: "}"
     },
     keySeparator: false,
     nsSeparator: ":",
@@ -22401,6 +22618,7 @@ var FormProvider = ({
 */
 
 exports.FormProvider = FormProvider;
+exports.useFieldProps = useFieldProps;
 exports.useForm = useForm3;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map