@wix/form-public 0.99.0 → 0.101.0

package/dist/index.cjs

@@ -21497,6 +21497,7 @@ var require_messages_en = __commonJS({
       "field.mla-apartment.label": "Apartment",
       "text-area.input.error.message.required-error": "Enter an answer.",
       "field.phone.country-search-input.placeholder": "Search",
+      "submission-table.appointment.meeting-tool-tip": "Go to Scheduled Meetings",
       "search.keyword.layout-elements.header": "header, page header, top bar",
       "search.keyword.ecom.additional-info": "additional info, notes, instructions",
       "donation.other-option.placeholder": "Enter an amount",
@@ -21533,7 +21534,6 @@ var require_messages_en = __commonJS({
       "search.keyword.quiz.multi-choice": "quiz multiple choice, multi select",
       "search.keyword.address.address-line-2": "address line 2, apt, suite, unit",
       "bookings-last-name.input.error.message.required-error": "Enter a last name.",
-      "actions.rules.button.label_DELETE_THIS": "Rules",
       "search.keyword.transaction.product": "product, item, sku, purchase",
       "appointment.input.error.message.required-error": "This field is required.",
       "field-context-menu.make-required": "Make required",
@@ -37067,10 +37067,6 @@ var PhoneInput = (_ref2) => {
     id,
     value,
     onChange,
-    disabled,
-    required,
-    onBlur,
-    onFocus,
     FieldLayout,
     defaultCountry,
     validation
@@ -37091,9 +37087,7 @@ var PhoneInput = (_ref2) => {
     onChange
   });
   const labelElement = findChildOfType(children, PhoneInput.Label);
-  const countryButtonElement = findChildOfType(children, PhoneInput.CountryButton);
-  const countryOptionsElement = findChildOfType(children, PhoneInput.CountryOptions);
-  const phoneNumberElement = findChildOfType(children, PhoneInput.PhoneNumber);
+  const controlElement = findChildOfType(children, PhoneInput.Control);
   const descriptionElement = findChildOfType(children, PhoneInput.Description);
   const errorElement = findChildOfType(children, PhoneInput.Error);
   const contextValue = {
@@ -37109,19 +37103,7 @@ var PhoneInput = (_ref2) => {
   }, /* @__PURE__ */ React40__namespace.default.createElement(FieldLayout, {
     fieldId: id,
     renderLabel: () => labelElement,
-    renderInput: () => /* @__PURE__ */ React40__namespace.default.createElement("div", {
-      style: {
-        display: "flex",
-        gap: "8px"
-      }
-    }, /* @__PURE__ */ React40__namespace.default.createElement(reactAriaComponents.Select, {
-      value: selectedCountryCode ?? null,
-      onChange: (key) => handleCountryCodeChange(key),
-      isDisabled: disabled,
-      isRequired: required,
-      onBlur,
-      onFocus
-    }, countryButtonElement, countryOptionsElement), phoneNumberElement),
+    renderInput: () => controlElement,
     renderDescription: () => /* @__PURE__ */ React40__namespace.default.createElement(React40__namespace.default.Fragment, null, descriptionElement, errorElement)
   }));
 };
@@ -37296,23 +37278,52 @@ var PhoneNumber2 = (_ref1) => {
     var _ref$current2;
     (_ref$current2 = ref.current) == null || _ref$current2.focus();
   }, id);
-  return /* @__PURE__ */ React40__namespace.default.createElement(reactAriaComponents.TextField, {
-    value: currentValue,
-    onChange: handlePhoneChange,
-    isDisabled: disabled,
-    isRequired: required,
-    onBlur,
-    onFocus
-  }, /* @__PURE__ */ React40__namespace.default.createElement(reactAriaComponents.Input, {
+  return /* @__PURE__ */ React40__namespace.default.createElement(reactAriaComponents.Input, {
     ref,
     id: inputId,
     type: "tel",
+    value: currentValue,
+    onChange: (e2) => handlePhoneChange(e2.target.value),
+    disabled,
+    required,
+    onBlur,
+    onFocus,
     "aria-describedby": ariaDescribedBy,
     placeholder,
     className
-  }));
+  });
+};
+var Control3 = (_ref10) => {
+  let {
+    children,
+    className
+  } = _ref10;
+  const {
+    disabled,
+    required,
+    onBlur,
+    onFocus
+  } = useFieldPropsV2();
+  const {
+    selectedCountryCode,
+    handleCountryCodeChange
+  } = usePhoneInputContext();
+  const countryButtonElement = findChildOfType(children, PhoneInput.CountryButton);
+  const countryOptionsElement = findChildOfType(children, PhoneInput.CountryOptions);
+  const phoneNumberElement = findChildOfType(children, PhoneInput.PhoneNumber);
+  return /* @__PURE__ */ React40__namespace.default.createElement("div", {
+    className
+  }, /* @__PURE__ */ React40__namespace.default.createElement(reactAriaComponents.Select, {
+    value: selectedCountryCode ?? null,
+    onChange: (key) => handleCountryCodeChange(key),
+    isDisabled: disabled,
+    isRequired: required,
+    onBlur,
+    onFocus
+  }, countryButtonElement, countryOptionsElement), phoneNumberElement);
 };
 PhoneInput.Label = Label;
+PhoneInput.Control = Control3;
 PhoneInput.CountryButton = CountryButton;
 PhoneInput.CountryOptions = CountryOptions;
 PhoneInput.PhoneNumber = PhoneNumber2;